迷你MVVM框架 avalonjs 1.3.7发布

时间 2020-08-20

标签迷你 mvvm 框架 avalonjs 1.3.7 发布繁體版

原文原文链接

又到每月的15号了，如今avalon已经固定在每月的15号发布新版本。此次发布又带来许多新特性，让你们写码更加轻松，借助于“操做数据即操做DOM”的核心理念与双向绑定机制，如今愈来愈多人加入到avalon的阵营中来。此外，基于avalon的UI库OniUI也愈来愈强大，很快，树组件也开发完毕，下星期也与你们见面了。到时，OniUI也有两个Grid组件，一个树组件的完整UI库。与本次发布的UI还有验证组件，mask组件，百叶窗切换组件……javascript

UI库的广告就到时为止，咱们看一下新版本带来的新特性与FIX BUG状况吧。php

【新特征】ms-duplex绑定全面升级，脱胎换骨，如avalon.duplexHooks钩子对象，pipe内部方法。详看这里的例子。
【新特征】添加data-include-replace辅助指令详见这里
【新特征】data-duplex-changed支持第二个参数data详见这里
【新特征】VM的$fire通讯机制变成这个样式, all!xxx是不依赖于DOM树向周边VM发出通知; up!xxx与down!xxx是依赖于DOM向上方或向下方的VM发出通知,咱们能够return false停止广播; 普通的xxx只能触发当前的VM的$watch回调。

【新特征】添加avalon.scanCallback，容许在某次扫描后触发这些回调。详见这里与这里的例子


    avalon.scanCallback = function(fn, group) {
        group = group || "$all"
        var array = scanObject[group] || (scanObject[group] = [])
        array.push(fn)
    }
    avalon.scan = function(elem, vmodel, group) {
        elem = elem || root
        group = group || "$all"
        //.....略
    }

【优化】修正 $fire在跨模块通讯时没法通知widget组件的BUG（添加了createSinalTower内部方法）
【优化】更改innerRequire内部方法的位置，及设置为空函数，方便用户移除“AMD加载器模块”后也能正常使用
【优化】精简IE6-8下input事件的模拟
【优化】精简 newSetter的逻辑详见这里
【优化】fix HTMLInputElement.prototype.value 的重写
【优化】重构notifySubscribers
【优化】fix getEachProxy BUG 详见这里
【优化】支持生成更多SVG元素
【优化】为对付firefox插件下严格的语法检测，使用全新的获取全局变量window的方法
【优化】修正 ms-src不能加载SWF BUG详见这里
【优化】修正ms-duplex 绑定VM某个子VM的属性，input值修改后没有同步到vm.$model的BUG 详见这里
【优化】修正avalon.mix方法拷贝VBScript对象时抛错的BUG 详见这里
【优化】修正IE6下由于for in循环致使isPlainObject不许的BUG 详见这里
【优化】将ms-if去掉的元素都移动head标签的avalon标签下详见这里
【优化】让date过滤器能像chrome那样支持更多日期格式详见这里

本次升级主打的是ms-duplex 2.0，你们能够到这里一窥其强大！ms-duplex2.0相对于旧的ms-duplex只能将element.value简单地同步到VM中，它添加了自动转换类型的功能（核心库），光标引导（avalon.mask）,数据格式化（参看avalon.mask的第三个例子，将用户输入内容自动插入千分符），验证机制(avalon.validation)。html

第二大新特性就添加了avalon.scanCallback这新方法，容许用户在扫描后进行操做。有了这东西，什么data-include-rendered, data-repeat-rendered, data-with-rendered就没有存在的必要了。之后它们内部所有用avalon.scanCallback实现。java

从1.3.3起，我就着手开发静态收集依赖机制，以此为契机，发现许多要改良的地方，所有放到一个叫avalon.$events.js的版本上。但通过几个月的研究，发现静态收集依赖，是对压缩不友好的，像angular那样须要引入许多奇异的方式来规避这问题。所以我最终放弃这东西，之后改用其余方式提升性能。将来将着力升级三柱臣与avalon.observe.js。git

三柱臣，动画mmAnimate，数据请求mmRequest，路由器mmRouter，如今就mmRequest最成熟，而mmRouter的需求则强烈，mmAnimate极需升级。它们三个都依赖了mmPromise，那是原生的Promise的一个包装，性能超好。github

在chrome36 beta中，就已经存在element.animate这个方法，即引进了著名的web-animation。chrome39将进一步完善。新的mmAnimate也将基于它进行开发。web

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

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

朋友们用avalon作的东西框架

移动应用：读酷
chrome插件：饭否客户端
为知笔记
金山WPS office 会员中心
稻売儿
桑夏资产官网
企业级应用：超博CRM客户关系管理系统(账号：crm_ceo 密码：nncb_ceo)
uliweb Python框架与avalon的组合示例
avalon+jQuery实现域名注册查询
路由器示例
边锋活动页
记者考试题
基于avalonJS实现的2048游戏
墨麒OA (user: linwei, password: 654321)