迷你 MVVM 框架 avalonjs 1.3.6 发布-CSDN博客

本版本是一次重要的升级，考虑要介绍许多东西，也有许多东西对大家有用，也发到首页上来了。

本来是没有1.36的，先把基于静态收集依赖的1.4设计出来后，发现改动太多，为了平缓升级起见，才减少了一部分新特性，做成1.36。因此是先有1.4，才有1.36。

本版本针对公司（去哪儿网，毕竟是带薪在公司里搞这框架）的访问浏览器的占有率，加大对国产浏览器的测试。涉及浏览器有QQ浏览器，搜狗浏览器，猎豹浏览器，傲游浏览器，但没有360浏览器，我们公司的同事还是很注意安全的。这么多浏览器，现在还差两个case才能在猎豹浏览器上通过。原因是猎豹浏览器是双核的，框架一些内部判定分支不小心掉进坑里了。如往常一样，对于正常的IE6-8，avalon是全部通过。

下面简单罗列一下新特性与修复情况：

•【新特性】添加avalon.isFunction方法，不用多说，大家都知道怎么用，但在IE6-8与W3C下，它的实现是不一样的。 
•【新特性】添加data-duplex-focus辅助指令， 当ms-duplex位于文本域，密码域，文本区上，添加了此指令，会自动获取焦点，光标位于最后的文本后。详见这里。 
•【新特性】ms-duplex-*添加数据转换功能。详见这里。 
•【优化】重构sanitize过滤器，详见这里。 
•【优化】重构html绑定，将会导致内存泄漏的replaceNodes替换掉，这里。 
•【优化】重构if绑定，将会导致内存泄漏的msInDocument、ifSanctuary、 placehoder属性移除掉，详见这里。 
•【优化】重构repeat绑定，将会导致内存泄漏的startRepeat、 endRepeat、 parent、callbackElement属性移除掉，原template属性改成为一个字符串。详见这里。 
•【优化】重构modelFactory，通过静态分析收集监控属性与计算属性及函数间的依赖关系，$watch回调的存放数组与视图刷新函数的存放数组合而为一，详见下面commit 简化计算属性、 监控数组的订阅数组 对函数内部的监控属性进行依赖收集。 
•【优化】重构avalon.contains，IE6-8下，对游离于DOM树外的文本节点，访问其parentNode，有时会抛错。详见这里。 
•【优化】提高cacheExpr的缓存命中率，详见这里。 
•【优化】重构IE6-8下设置元素透明度，待会儿讲。 
•【警告】重构avalon.Array.ensure的行为，通过返回值是数字还是undefined判定其是否已经添加新元素，详见这里。 
•【警告】废弃dettachVModels的配置项，详见这里。

总之，在DOM上是存在各种奇奇怪怪的属性与方法，与它们打交道，正是我们前端写码的乐趣所在。掌握的细节越多，我们的选择就越多，写出的代码就越优雅高效。

迷你MVVM框架在github的仓库：https://github.com/RubyLouvre/avalon

官网地址：http://rubylouvre.github.io/mvvm/

avalon的新UI库地址 OniUI，多达36个UI，强大的换肤功能

avalon是一个功能强大，体积小巧的MVVM框架。它遵循“操作数据即操作DOM”的理念，让你在代码里基本见不到一点DOM操作代码。DOM操作全部在绑定后，交给框架处理。相当后端有了ORM一样，不用你手写SQL，提高生产力！

screenshot