avalon1与avalon2的异同
作者:
TOPro | 来源:发表于
2017-01-09 16:59 被阅读366次
参考:
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的异同
本文链接：https://www.haomeiwen.com/subject/cajhbttx.html
网友评论