Mais conteúdo relacionado Semelhante a 新版阿尔法城背后的前端MVC实践 (20) 新版阿尔法城背后的前端MVC实践6. )
• “ ” LBS
• “ ” 3D
• “AJAX ”
• web app Flash
•
9. “ ”
•
“ ”
—— WASD
•
—— vs Graph
•
—— “ ”
10. “ ”
• Bring real-life to software, rethought for the web
Google+ slogan XX
• 3D
• GUI Metaphor
11. “AJAX ”
• /
viewport google maps
•
JSON
•
—— web
• “ ”
overlap widget
12. “ ” web app
• Single Page App wiki
• GUI
—— layout
• ——
layout
13. “ ”
•
View
CouchDB
• “ ”
•
• “
”
15. •
•
URL
•
•
•
• webapp
20. MVC
• MVC
• MVC
MVC
MVC
21. MVC
• MVC
• MVC
MVC
MVC
25. 1.
• OzJS
•
CommonJS module
•
•
• JS
26. •
• Model View
• “MVC ”
27. • “ ”
micro-framework
• Thomas Fuchs:
Zepto and the rise of the JavaScript
Micro-Frameworks
• Dustin Diaz:
Ender.js - The open submodule library
28. 2. message passing
• Alan Kay: "OOP to me means only messaging, ..."
• PubSub / EventEmitter /
CustomEvent / ...
• Observer
• MVC
29. • Observer
•
View Controller
•
31. • Observer event
/ /
“ ”
“ ”
==
32. 3. URL Router
• web
• Single-page WebApp URL SEO
• URL DOM
• URL
• URL
• UNIX Plan 9
• “Plan 9
”
• URL WebApp “ ”
34. 4. UI delegate
• uiproxy
• UI
• DOM
35. •
className
•
class
• UI
View
View
DOM
• View
UI
• ——>
——>
——>
36. 5. Render
• 1 2
• 1 2 DOM
• API DOM SVG Canvas
37. 5. Render
• 1 2
• 1 2 DOM
• API DOM SVG Canvas
• API
39. • template
• format python
• convertTpl micro-templating
John Resig/Underscore
40. • DomCanvas
layout
• DOM Canvas API
•
ie6
• SVG
raphael.js
41. 6. DataSource
• Model
•
44. Model
• Model
URL
• Model View
Controller Model
• Model
Model make
Controller
•
45. View
• + UI View widget/
View
• View
Model Controller /
Martin Fowler Passive View
• View
web MVC web
GUI UI DOM
View View DOM
46. View
• View UI
Controller
• UI DOM
• web UI /
• Google+ circle
• Cocoa UI View
View DOM
View
47. Controller
•
URL routing API
widget
• View Model
• App
MVC
48. MVC
Server Model
Pluggable
Server Contorller
Widgets
http
/ / Model
Controller
/ View
/ App
/
URL UI/DOM HTML / /
49. MVC
Smalltalk-80 Ruby On Rails
ASP.NET
Cocoa
Model View Controller: History, theory and usage
52. MVC It's 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