新版阿尔法城背后的前端MVC实践
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 14,260 views

Practice MVC as features,

Practice MVC as features,
not frameworks / 新版阿尔法城背后的前端MVC实践

Statistics

Views

Total Views
14,260
Views on SlideShare
10,330
Embed Views
3,930

Actions

Likes
92
Downloads
346
Comments
4

16 Embeds 3,930

http://www.it168.com 2476
http://www.limboy.com 1127
http://www.techgig.com 177
url_unknown 52
http://qianduan.me 42
http://iblank.tumblr.com 15
http://cache.baidu.com 14
http://snapshot.soso.com 6
http://www.icode.cc 5
http://10.150.200.57 4
http://xianguo.com 3
http://feed.limboy.com 3
http://www.slideshare.net 2
http://localhost 2
http://c.yegeer.com 1
http://www.zhuaxia.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 看……看不懂……
    不,不过……好像很厉害的样子
    Are you sure you want to
    Your message goes here
    Processing…
  • funny and useful
    Are you sure you want to
    Your message goes here
    Processing…
  • Good but no backend
    Are you sure you want to
    Your message goes here
    Processing…
  • Wonderful! I just wish...
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • Practice MVC as features, not frameworks MVC DexterYy @
    • http://site.douban.com/118836/
    • )• “ ” LBS• “ ” 3D• “AJAX ”• web app Flash•
    • XD
    • 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 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
    • HTML4
    • • 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