avalon1与avalon2的异同

参考:


https://raw.githubusercontent.com/RubyLouvre/avalon/master/avalon1%E4%B8%8Eavalon2%E7%9A%84%E5%BC%82%E5%90%8C.md

科题 avalon1 avalon2
如何得知某个属性被改动 使用VBScript,Object.defineProperty实现对=号的重写 在此基础增加Proxy的魔术监听
如何更新视图 找到变动属性对应的订阅者数组,执行这些数组元素的update方法 使用vm.$render生成虚拟DOM树,diff,从上到下有序更新
计算属性 支持 移除
绑定属性的处理 扫描后删除 扫描后还留着
循环指令 ms-repeat,ms-each,ms-with ms-for
循环指令的语法 ms-repeat-el='array' ms-for="el in @array"
如何辩别指令中的vm属性 avalon自行进行语法抽取 强制在前面带@或##符号
垃圾回收 密封舱机制,负责清空订阅者数组 由于不保存绑定对象,没有CG的烦恼
性能 一般,但能撑起上万个指令,瓶颈取决于绑定对象的所占内存 原来的5倍以上,瓶颈取决于虚拟DOM的规模
最复杂的指令 ms-repeat ms-duplex
组件指令 ms-widget='id,name,opts' ms-widget='Array'传入一个对象数组,用法更灵活
组件生命周期 onInit, onDispose onInit, onReady, onViewChange, onDispose
动画 ms-effect ms-effect(与angular的animate更接近)
如何操作组件 通过onInit取得组件vm进行操作 直接操作配置对象
如何对组件传入大片内容 使用ms-html或改成模板 通过slot机制
加载器 使用AMD风格的内置加载器 移除,使用webpack进行打包
模块化 源码里自由划分 使用nodejs的require与module.exports组织起来
important指令 有(让页面渲染更快)
{{}} 不完全等价于ms-text 完全等价ms-text
if指令 ms-if="Boolean" ms-if="Boolean"
attr指令 ms-attr-name=value ms-attr="object" object是一个对象,方便每次处理多个属性
class指令 ms-class='xxx: toggle' ms-class=’Array String‘ 用法变了
visible指令 ms-visible="Boolean" ms-visible="Boolean"
过滤器 只能用于innerText中的{{}}及ms-text, ms-html 数量琳琅满目,所有指令都支持
模板指令 ms-include 移除,由于后端无法实现等价功能
事件指令 普通的事件绑定 能支持事件代理的都用事件代理
数据验证 使用oniui的validation 使用内置的ms-validate,ms-duplex,ms-rules
后端渲染 实现成本高昂 支持
核心架构 观察者模式 + 属性劫持 大模板函数+虚拟DOM+属性劫持

你可能感兴趣的:(avalon1与avalon2的异同)