新版阿尔法城背后的前端MVC实践

Practice MVC as features, not frameworks MVC DexterYy @

http://site.douban.com/118836/

)• “ ” LBS• “ ” 3D• “AJAX ”• web app Flash•

XD• MVC• MVC

“ ”• “ ” —— WASD• —— vs Graph• —— “ ”

“ ”• Bring real-life to software, rethought for the web Google+ slogan XX• 3D• GUI Metaphor

“AJAX ”• / viewport google maps• JSON• —— web• “ ” overlap widget

“ ” web app• Single Page App wiki• GUI —— layout• —— layout

“ ”• View CouchDB• “ ”•• “ ”

zhuangbility...

•• URL•••• webapp

MVC• MVC• MVC

MVC• MVC• MVC MVC

MVC• MVC• MVC MVC MVC

•••

1.• OzJS• CommonJS module••• JS

•• Model View• “MVC ”

• “ ” micro-framework• Thomas Fuchs: Zepto and the rise of the JavaScript Micro-Frameworks• Dustin Diaz: Ender.js - The open submodule library

2. message passing• Alan Kay: "OOP to me means only messaging, ..."• PubSub / EventEmitter / CustomEvent / ...• Observer• MVC

• Observer• View Controller•

• Observer• reset

• Observer event / /“ ”“ ”==

3. URL Router• web• Single-page WebApp URL SEO• URL DOM• URL• URL• UNIX Plan 9• “Plan 9 ”• URL WebApp “ ”

• url• router 30

4. UI delegate • uiproxy • UI • DOM

• className• class• UI View View DOM• View UI• ——> ——> ——>

5. Render• 1 2• 1 2 DOM• API DOM SVG Canvas

5. Render• 1 2• 1 2 DOM• API DOM SVG Canvas• API

• template• format python• convertTpl micro-templating John Resig/Underscore

• DomCanvas layout• DOM Canvas API• ie6• SVG raphael.js

6. DataSource• Model•

module M V C XD MVC

Model• Model URL• Model View Controller Model• Model Model make Controller•

View• + UI View widget/ View• View Model Controller / Martin Fowler Passive View• View web MVC web GUI UI DOM View View DOM

View• View UI Controller • UI DOM • web UI / • Google+ circle• Cocoa UI View View DOM View

Controller• URL routing API widget• View Model• App MVC

MVC Server Model Pluggable Server Contorller Widgets http/ / Model Controller / View / App / URL UI/DOM HTML / /

MVCSmalltalk-80 Ruby On Rails ASP.NET Cocoa Model View Controller: History, theory and usage

We need SMART Models, THINControllers, and DUMB Views

MVC Its no big deal

MVC Its no big deal Thanks• http://www.douban.com/people/Dexter_Yy/• blog http://www.limboy.com• http://site.douban.com/118836/• MVC module https://github.com/dexteryy/OzJS/tree/master/ mod

http://www.it168.com	2286
http://www.limboy.com	915
http://www.techgig.com	177
url_unknown	52
http://qianduan.me	24
http://iblank.tumblr.com	15
http://cache.baidu.com	14
http://snapshot.soso.com	6
http://feed.limboy.com	3
http://xianguo.com	3
http://www.slideshare.net	2
http://c.yegeer.com	1
http://www.zhuaxia.com	1

新版阿尔法城背后的前端MVC实践

by Dexter Yy on Jul 09, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 3,499

Statistics

新版阿尔法城背后的前端MVC实践 — Presentation Transcript