从jQuery到avalon.ppt

s * * 从jQuery到avalon ——未来前端编程思路的转变 jQuery: write less, do more Avalon: 能将Jquery写的代码再精简50%, 逻辑更清晰, 更易维护 其他选择:angular(2000绑定限制) jQuery的运作流程 卫星城市模式 以DOM为中心 选择器引擎贯通所有操作 代码量的比较 jQuery对象的能耐 * jQuery的API 原生对象被jQuery对象这层厚厚的水泥所包裹，屏蔽各种烦人的兼容性与陷阱 jQuery的贡献与缺憾 解放了生产力，让我们腾出时间研究更多高效的东西：加载器，前端模板，异步列队，事件代理，路由系统，各种UI组件…… 没有流程控制，业务代码与展示逻辑混淆在一起，流程被分割在各种事件回调中…… 蒸汽朋克， 脱离了刀耕火种 但还没有进入大工业 永无止境的追求 快速的开发、可控的维护、更高的性能。 * 模块，组件，层 * MVC * The View is connected to the users eyes; the Controller is connected to the users hands; and the Model is connected to the users mind. -- Don Dwiggins MVC时代(照搬后端) MVC的变种与进化 thin controller, fat model思潮 /thin-controller-rich-model/ /questions/8735466/fat-model-thin-controller-vs-service-layer /rubylouvre/archive/2012/11/19/2777240.html * Controller Model View View Presenter Model MVC--MVP: 切断View和Model的联系,减少在需求变化中需要维护的对象的数量 MVVM时代（双向绑定） MVVM的工作流程 定义VM 添加绑定 自动或手动描扫视图 分层架构 根据职责分层，其实就是分工。收集展现是一层，加工处理流转是一层，存储是一层。  * ViewModel大致上就是MVP的Presenter和MVC的Controller了， 而View和ViewModel间没有了MVP的界面接口，而是直接交互， 用数据“绑定”的形式让数据更新的事件不需要开发人员手动去编写特殊 用例，而是自动地双向同步。 数据绑定你可以认为是Observer模式或者是Publish/Subscribe模式， 原理都是为了用一种统一的集中的方式实现频繁需要被实现的数据更新问题。 比起MVP，MVVM不仅简化了业务与界面的依赖关系，还优化了数据频繁 更新的解决方案 如何绑定 VM的职责 加工数据 保持中间量 放置事件回调 同步View 同步Model /seakingwy/article/details/4556755 充血模型 View的职责 将页面变成模板 通过VM进行交互 隐形的jQuery 各种绑定 内容填充ms-html, ms-text,{{prop}},{{prop|html}} 样式处理ms-class,ms-css 事件绑定ms-click, ms-keyup, ms-on-* 属性操作ms-attr,ms-checked,ms-href,ms-src 显示隐藏ms-visible 移除插入ms-if 批量生成ms-repeat,ms-each,ms-with 各种绑定 模板引用ms-include 数据缓存ms-data CSS3动画ms-animationend 组件挂载ms-widget 作用域圈定ms-controller,ms-important 忽略扫描ms-skip 双向通信ms-duplex * 摒弃继承，拥抱组合 早在20世界80年代初期，也就是面向对象发展的初期，人们就非常看重继承这个概念。 继承关系蕴涵的意义是非常深远的。使用继承我们可以基于差异编程，也就是说，对于一个满足我们大部分需求的类，可以创建一个它的子类，重载它个别方法来实现我们所要的功能。 只要继承一个类，就可以重类该类的代码！