From 42baefcf4942f6d135eaa5b5b6c84d813b637582 Mon Sep 17 00:00:00 2001
From: ilife5 <ilife5@qq.com>
Date: Tue, 18 Nov 2014 14:03:26 +0800
Subject: [PATCH] merge

---
 README.md                                |   40 +-
 avalon.iscroll.js                        | 1178 ++++++
 avalon.js                                | 2088 ++++-----
 avalon.min.js                            |  241 +-
 avalon.mobile.min.js                     |  101 -
 avalon.mobile.js => avalon.modern.js     | 1991 ++++-----
 avalon.modern.min.js                     |  104 +
 avalon.observe.js                        | 1232 +++---
 examples/$fire.html                      |   60 +
 examples/$watch.html                     |   44 +
 examples/aa1.html                        |   50 -
 examples/aa2.html                        |  134 -
 examples/aa3.html                        |   26 -
 examples/aa4.html                        |  130 -
 examples/architecture.html               |  203 +
 examples/attr.html                       |  131 +
 examples/avalon.$events.js               | 4922 ++++++++++++++++++++++
 examples/avalon.shim.js                  | 4259 +++++++++++++++++++
 examples/class.html                      |   92 +-
 examples/class1.html                     |   65 +
 examples/class3.html                     |   39 +
 examples/css1.html                       |   13 +-
 examples/css2.html                       |    4 +-
 examples/css3.html                       |    1 +
 examples/data.html                       |   50 +
 examples/dialog.html                     |   72 +
 examples/dialog1.html                    |    1 +
 examples/dialog2.html                    |   14 +
 examples/duplex4.html                    |    2 +-
 examples/grid.html                       |   12 +-
 examples/grid2.html                      |  134 -
 examples/href.html                       |   38 +
 examples/if1.html                        |    2 +-
 examples/if4.html                        |   40 +
 examples/include.html                    |   17 +-
 examples/includeTemplate1.html           |   11 +
 examples/index.html                      |    4 +-
 examples/on0.html                        |   39 +-
 examples/on1.html                        |   25 +-
 examples/on2.html                        |   19 +-
 examples/on3.html                        |    6 +-
 examples/on4.html                        |   14 +-
 examples/on5.html                        |   17 +-
 examples/repeat1.html                    |    8 +-
 examples/repeat13.html                   |    2 +-
 examples/repeat15.html                   |   72 +
 test4.html => examples/repeat16.html     |    4 +-
 examples/repeat2.html                    |    2 +-
 examples/repeat3.html                    |    4 +-
 examples/repeat4.html                    |   49 +-
 examples/repeat5.html                    |    4 +-
 examples/repeat6.html                    |    9 +-
 examples/repeat7.html                    |    2 +-
 examples/repeat8.html                    |    4 +-
 examples/repeat9.html                    |    5 +-
 examples/{antixss.html => sanisize.html} |    8 +-
 examples/svg-innerHTML-outerHTML.html    |   67 -
 examples/svg.html                        |   50 +-
 examples/tabs.html                       |   36 +
 examples/test1.html                      |  106 +
 examples/test2.html                      |   31 +
 examples/test3.html                      |   50 +
 examples/test4.html                      |   75 +
 examples/test5.html                      |   40 +
 examples/text6.html                      |   27 +
 examples/todos.html                      |   29 +-
 examples/todos2.html                     |  130 +
 examples/tree.html                       |    2 +-
 mobile.js                                |  350 +-
 test1.html                               |   49 -
 test2.html                               |   93 -
 test3.html                               |  132 -
 test5.html                               |   41 -
 test6.html                               |   28 -
 74 files changed, 15111 insertions(+), 4063 deletions(-)
 create mode 100644 avalon.iscroll.js
 delete mode 100644 avalon.mobile.min.js
 rename avalon.mobile.js => avalon.modern.js (72%)
 create mode 100644 avalon.modern.min.js
 create mode 100644 examples/$fire.html
 create mode 100644 examples/$watch.html
 delete mode 100644 examples/aa1.html
 delete mode 100644 examples/aa2.html
 delete mode 100644 examples/aa3.html
 delete mode 100644 examples/aa4.html
 create mode 100644 examples/architecture.html
 create mode 100644 examples/attr.html
 create mode 100644 examples/avalon.$events.js
 create mode 100644 examples/avalon.shim.js
 create mode 100644 examples/class1.html
 create mode 100644 examples/class3.html
 create mode 100644 examples/data.html
 create mode 100644 examples/dialog.html
 create mode 100644 examples/dialog1.html
 create mode 100644 examples/dialog2.html
 delete mode 100644 examples/grid2.html
 create mode 100644 examples/if4.html
 create mode 100644 examples/repeat15.html
 rename test4.html => examples/repeat16.html (92%)
 rename examples/{antixss.html => sanisize.html} (53%)
 delete mode 100644 examples/svg-innerHTML-outerHTML.html
 create mode 100644 examples/tabs.html
 create mode 100644 examples/test1.html
 create mode 100644 examples/test2.html
 create mode 100644 examples/test3.html
 create mode 100644 examples/test4.html
 create mode 100644 examples/test5.html
 create mode 100644 examples/text6.html
 create mode 100644 examples/todos2.html
 delete mode 100644 test1.html
 delete mode 100644 test2.html
 delete mode 100644 test3.html
 delete mode 100644 test5.html
 delete mode 100644 test6.html

diff --git a/README.md b/README.md
index 5bfd62bf1..4ca52bc88 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,8 @@
 <hr>
 <ul>
     <li>avalon.js 兼容IE6，及标准浏览器</li>
-    <li>avalon.mobile.js 则只支持IE10及其以上版本，及标准浏览器</li>
+    <li>avalon.modern.js 则只支持IE10及其以上版本，及标准浏览器,主流山寨浏览器(QQ, 猎豹, 搜狗, 360, 傲游)</li>
+    <li>如果想支持触摸屏，请把mobile.js的源码拷贝到avalon.modern.js最后一个})之前，要不会报"Uncaught ReferenceError: W3CFire is not defined mobile.js:313"错误</li>
     <li>想使用路由器，可以用<a href="https://github.com/RubyLouvre/mmRouter">mmRouter</a>，
 想使用动画，可以用<a href="https://github.com/RubyLouvre/mmAnimate">mmAnimate</a>，
 想使用AJAX，可以用<a href="https://github.com/RubyLouvre/mmRequest">mmRequest</a>，
@@ -20,8 +21,8 @@
 <h3>优势</h3>
 <ul>
     <li>使用简单，在HTML中添加绑定，在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！</li>
-    <li>兼容到IE6(其他mvvm框架， knockoutjs IE6, angularjs IE8, emberjs IE8, winJS IE9 )，另有avalon.mobile，它可以更高效地运行于IE10等新版本浏览器中</li>
-    <li>没有任何依赖，不到4000行，压缩后不到50KB</li>
+    <li>兼容到IE6(其他MVVM框架，KnockoutJS(IE6), AngularJS(IE9), EmberJS(IE8), WinJS(IE9) )，另有avalon.mobile，它可以更高效地运行于IE10等新版本浏览器中</li>
+    <li>没有任何依赖，不到4000行，压缩后不到50KiB</li>
     <li>支持管道符风格的过滤函数，方便格式化输出</li>
     <li>局部刷新的颗粒度已细化到一个文本节点，特性节点</li>
     <li>要操作的节点，在第一次扫描就与视图刷新函数相绑定，并缓存起来，因此没有选择器出场的余地。</li>
@@ -32,17 +33,19 @@
     <li>自带AMD模块加载器，省得与其他加载器进行整合。</li>
 </ul>
 <div><img src="https://raw2.github.com/RubyLouvre/avalon/master/examples/images/ecosphere.jpg" width="400" height="640"></div>
-<p>相关学习教程: <a href="http://limodou.github.io/avalon-learning/zh_CN/index.html">《avalon-learning 教程》</a>→<a href="http://www.cnblogs.com/rubylouvre/p/3181291.html">《入门教程》</a>→<a href="http://rubylouvre.github.io/mvvm/">官网</a>→
+<h3>学习教程</h3>
+<p><a href="http://www.html-js.com/article/column/234"> avalon学习教程</a></p>
+<p>其他教程: <a href="http://limodou.github.io/avalon-learning/zh_CN/index.html">《avalon-learning 教程》</a>→<a href="http://www.cnblogs.com/rubylouvre/p/3181291.html">《入门教程》</a>→
 <a href="http://vdisk.weibo.com/s/aMO9PyIQCnLOF/1375154475">HTML5交流会有关avalon的PPT</a>→<a href="http://www.cnblogs.com/rubylouvre/p/3385373.html">《avalon最佳实践》</a>
 </p>
 <h3>运行github中的示例</h3>
-<p>将项目下载到本地，里面有一个叫server.exe的.NET小型服务器（可以需要安装<a href="http://dl.pconline.com.cn/download/54972.html">.Net4.0</a>才能运行），
+<p>将项目下载到本地，里面有一个叫server.exe的.Net小型服务器（可以需要安装<a href="http://dl.pconline.com.cn/download/54972.html">.Net4.0</a>才能运行），
 点击它然后打开里面与index开头的HTML文件，一边看运行效果，一边看源码进行学习。</p>
 <p><img src="https://raw.github.com/RubyLouvre/avalon/master/examples/images/example.jpg"/></p>
 <h3>JS文件的压缩</h3>
 ```
 java -jar compiler.jar --js avalon.js --js_output_file avalon.min.js
-java -jar compiler.jar --js avalon.mobile.js --js_output_file avalon.mobile.min.js
+java -jar compiler.jar --js avalon.modern.js --js_output_file avalon.modern.min.js
 ```
 <p>大家也可以在<a href="http://huati.weibo.com/k/avalon%E5%BF%AB%E6%8A%A5?from=501&order=time">新浪微博</a>第一时间了解它的变更或各种秘笈分享！</p>
 
@@ -56,6 +59,7 @@ java -jar compiler.jar --js avalon.mobile.js --js_output_file avalon.mobile.min.
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <script src="avalon.js" ></script>
         <script>
+            var first = 0;
             var model = avalon.define("test", function(vm) {
                 vm.firstName = "司徒"
                 vm.lastName = "正美"
@@ -71,18 +75,28 @@ java -jar compiler.jar --js avalon.mobile.js --js_output_file avalon.mobile.min.
                 }
                 vm.arr = ["aaa", 'bbb', "ccc", "ddd"]
                 vm.selected = ["bbb", "ccc"]
-                vm.checkAllbool = vm.arr.length === vm.selected.length
+                vm.checkAllbool = false
                 vm.checkAll = function() {
+                    if (!first) {
+                        first++
+                        return
+                    }
                     if (this.checked) {
                         vm.selected = vm.arr
                     } else {
                         vm.selected.clear()
                     }
                 }
+                vm.checkOne = function() {
+                    var bool = this.checked
+                    if (!bool) {
+                        vm.checkAllbool = false
+                    } else {
+                        vm.checkAllbool = vm.selected.size() === vm.arr.length
+                    }
+                }
             })
-            model.selected.$watch("length", function(n) {
-                model.checkAllbool = n === model.arr.size()
-            })
+
         </script> 
     </head>
     <body>
@@ -92,8 +106,8 @@ java -jar compiler.jar --js avalon.mobile.js --js_output_file avalon.mobile.min.
             <p>Hello,    <input ms-duplex="fullName"></p>
             <div>{{firstName +" | "+ lastName }}</div>
             <ul>
-                <li><input type="checkbox" ms-click="checkAll" ms-checked="checkAllbool"/>全选</li>
-                <li ms-repeat="arr" ><input type="checkbox" ms-value="el" ms-duplex="selected"/>{{el}}</li>
+                <li><input type="checkbox" ms-duplex-radio="checkAllbool"  data-duplex-changed="checkAll"/>全选</li>
+                <li ms-repeat="arr" ><input type="checkbox" ms-value="el" ms-duplex="selected" data-duplex-changed="checkOne"/>{{el}}</li>
             </ul>
         </div>
 
@@ -105,7 +119,7 @@ java -jar compiler.jar --js avalon.mobile.js --js_output_file avalon.mobile.min.
 - 全局变量及方法
 - avalon的静态方法定义区
 - modelFactory
-- javascript 底层补丁  
+- JavaScript 底层补丁  
 - DOM 底层补丁    
 - 配置系统
 - avalon的原型方法定义区
diff --git a/avalon.iscroll.js b/avalon.iscroll.js
new file mode 100644
index 000000000..c5b2fc2c0
--- /dev/null
+++ b/avalon.iscroll.js
@@ -0,0 +1,1178 @@
+define(["avalon"], function() {
+    var rAF = window.requestAnimationFrame ||
+            window.webkitRequestAnimationFrame ||
+            window.mozRequestAnimationFrame ||
+            window.oRequestAnimationFrame ||
+            window.msRequestAnimationFrame ||
+            function(callback) {
+                window.setTimeout(callback, 1000 / 60);
+            };
+    var noScroll = avalon.oneObject("TEXTAREA,INPUT,SELECT")
+    var utils = {
+        ease: {
+            quadratic: {
+                style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+                fn: function(k) {
+                    return k * (2 - k);
+                }
+            },
+            circular: {
+                style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
+                fn: function(k) {
+                    return Math.sqrt(1 - (--k * k));
+                }
+            },
+            back: {
+                style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+                fn: function(k) {
+                    var b = 4;
+                    return (k = k - 1) * k * ((b + 1) * k + b) + 1;
+                }
+            },
+            bounce: {
+                style: '',
+                fn: function(k) {
+                    if ((k /= 1) < (1 / 2.75)) {
+                        return 7.5625 * k * k;
+                    } else if (k < (2 / 2.75)) {
+                        return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
+                    } else if (k < (2.5 / 2.75)) {
+                        return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
+                    } else {
+                        return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
+                    }
+                }
+            },
+            elastic: {
+                style: '',
+                fn: function(k) {
+                    var f = 0.22,
+                            e = 0.4;
+
+                    if (k === 0) {
+                        return 0;
+                    }
+                    if (k === 1) {
+                        return 1;
+                    }
+
+                    return (e * Math.pow(2, -10 * k) * Math.sin((k - f / 4) * (2 * Math.PI) / f) + 1);
+                }
+            }
+        },
+        offset: function(el) {
+            var left = -el.offsetLeft,
+                    top = -el.offsetTop;
+
+            // jshint -W084
+            while (el = el.offsetParent) {
+                left -= el.offsetLeft;
+                top -= el.offsetTop;
+            }
+            // jshint +W084
+
+            return {
+                left: left,
+                top: top
+            };
+        },
+        momentum: function(current, start, time, lowerMargin, wrapperSize, deceleration) {
+            var distance = current - start,
+                    speed = Math.abs(distance) / time,
+                    destination,
+                    duration;
+
+            deceleration = deceleration === void 0 ? 0.0006 : deceleration;
+
+            destination = current + (speed * speed) / (2 * deceleration) * (distance < 0 ? -1 : 1)
+            duration = speed / deceleration
+
+            if (destination < lowerMargin) {
+                destination = wrapperSize ? lowerMargin - (wrapperSize / 2.5 * (speed / 8)) : lowerMargin
+                distance = Math.abs(destination - current)
+                duration = distance / speed
+            } else if (destination > 0) {
+                destination = wrapperSize ? wrapperSize / 2.5 * (speed / 8) : 0
+                distance = Math.abs(current) + destination
+                duration = distance / speed
+            }
+
+            return {
+                destination: Math.round(destination),
+                duration: duration
+            };
+        },
+        isBadAndroid: /Android /.test(window.navigator.appVersion) && !(/Chrome\/\d/.test(window.navigator.appVersion)),
+        style: {
+            transform: avalon.cssName("transform"),
+            transitionTimingFunction: avalon.cssName("transitionTimingFunction"),
+            transitionDuration: avalon.cssName("transitionDuration"),
+            transitionDelay: avalon.cssName("transitionDelay"),
+            transformOrigin: avalon.cssName("transformOrigin")
+        },
+        addEvent: function(el, type, fn, capture) {
+            el.addEventListener(type, fn, !!capture);
+        },
+        removeEvent: function(el, type, fn, capture) {
+            el.removeEventListener(type, fn, !!capture);
+        }
+    }
+
+    if (!window.addEventListener) {
+        utils.addEvent = function(el, type, fn, capture) {
+            el.attachEvent("on" + type, fn)
+        }
+        utils.removeEvent = function(el, type, fn, capture) {
+            el.detachEvent("on" + type, fn)
+        }
+    }
+
+
+
+    avalon.mix(utils, {
+        hasTransform: !!avalon.cssName("transform"),
+        hasPerspective: !!avalon.cssName("perspective"),
+        hasTransition: !!avalon.cssName("transition")
+    })
+    var touchNames = ["mousedown", "mousemove", "mouseup", ""]
+    var IE11touch = navigator.pointerEnabled
+    var IE9_10touch = navigator.msPointerEnabled
+    if (IE11touch) { //IE11 与 W3C
+        touchNames = ["pointerdown", "pointermove", "pointerup", "pointercancel"]
+    } else if (IE9_10touch) { //IE9-10
+        touchNames = ["MSPointerDown", "MSPointerMove", "MSPointerUp", "MSPointerCancel"]
+    } else if ("ontouchstart" in window) {
+        touchNames = ["touchstart", "touchmove", "touchend", "touchcancel"]
+    }
+
+    var Passthrough = {
+        vertical: "vertical",
+        horizontal: "horizontal",
+        true: "vertical"
+    }
+
+//https://www.gitbook.io/book/iiunknown/iscroll-5-api-cn/reviews
+    function IScroll(el, options) {
+        this.wrapper = typeof el === 'string' ? document.querySelector(el) : el;
+        this.scroller = this.wrapper.children[0];
+        this.scrollerStyle = this.scroller.style;
+        //默认参数
+
+        this.options = {
+            mouseWheelSpeed: 20,
+            snapThreshold: 0.334,
+            startX: 0,
+            startY: 0,
+            scrollY: true,
+            directionLockThreshold: 5,
+            momentum: true, //动量效果，拖动惯性;关闭此功能将大幅度提升性能。
+            bounce: true, //当滚动器到达容器边界时他将执行一个小反弹动画。在老的或者性能低的设备上禁用反弹对实现平滑的滚动有帮助。
+            bounceTime: 600,
+            bounceEasing: '',
+            preventDefault: true,
+            HWCompositing: true, //开启CSS3硬件加速(通过translateZ(0)实现)
+            useTransition: true,
+            useTransform: true,
+            scrollbars: false, //是否出现滚动条
+            fadeScrollbars: false, //不想使用滚动条淡入淡出方式时，需要设置此属性为false以便节省资源。
+            interactiveScrollbars: false, //此属性可以让滚动条能拖动，用户可以与之交互。
+            //滚动条尺寸改变基于容器和滚动区域的宽/高之间的比例。此属性设置为false让滚动条固定大小。
+            //这可能有助于自定义滚动条样式（参考下面）。
+            resizeScrollbars: true
+
+
+
+        };
+        avalon.mix(this.options, options)
+
+        // 调整参数
+        this.translateZ = this.options.HWCompositing && utils.hasPerspective ? ' translateZ(0)' : '';
+
+        //使用CSS transition来实现动画效果（动量和弹力）。如果设置为false，那么将使用requestAnimationFrame代替。
+        //在现在浏览器中这两者之间的差异并不明显。在老的设备上transitions执行得更好。
+        this.options.useTransition = utils.hasTransition && this.options.useTransition
+
+        //默认情况下引擎会使用CSStransform属性。如果现在还是2007年，那么可以设置这个属性为false，这就是说：引擎将使
+        //用top/left属性来进行滚动。
+        //这个属性在滚动器感知到Flash，iframe或者视频插件内容时会有用，但是需要注意：性能会有极大的损耗。
+        this.options.useTransform = utils.hasTransform && this.options.useTransform;
+
+        // 决定哪一个滚动条使用原生滚动条 
+        // 当其值为horizontal时，横向为人工的，纵向为原生的；
+        // 当其值为vertical时，横向为原生的，纵向为人工的；
+        // 它只有horizontal,vertical,undefined三种值
+        var ep = this.options.eventPassthrough
+        ep = this.options.eventPassthrough = Passthrough[ep]
+
+        // 默认情况下scrollY为true, scrollX为false，因此只出现纵向滚动条，想出现横向滚动条，需要设置scrollX = true
+        this.options.scrollY = ep === "vertical" ? false : !!this.options.scrollY
+        this.options.scrollX = ep === "horizontal" ? false : !!this.options.scrollX
+
+        this.options.preventDefault = !this.options.eventPassthrough && !!this.options.preventDefault;
+
+        // 此属性针对于两个两个纬度的滚动条（当你需要横向和纵向滚动条）。通常情况下你开始滚动一个方向上的滚动条，另外一
+        // 个方向上会被锁定不动。有些时候，你需要无约束的移动（横向和纵向可以同时响应），在这样的情况下此属性需要设置
+        // 为true。默认值：false
+
+        this.options.freeScroll = !!(this.options.freeScroll && !this.options.eventPassthrough);
+        this.options.directionLockThreshold = this.options.eventPassthrough ? 0 : this.options.directionLockThreshold;
+
+        this.options.bounceEasing = typeof this.options.bounceEasing === 'string' ? utils.ease[this.options.bounceEasing] || utils.ease.circular : this.options.bounceEasing;
+
+        this.options.resizePolling = this.options.resizePolling === void 0 ? 60 : this.options.resizePolling;
+
+        if (this.options.tap === true) {
+            this.options.tap = 'tap';
+        }
+
+        if (this.options.shrinkScrollbars == 'scale') {
+            this.options.useTransition = false;
+        }
+
+        this.options.invertWheelDirection = this.options.invertWheelDirection ? -1 : 1;
+
+// INSERT POINT: NORMALIZATION
+
+        // Some defaults	
+        this.x = 0;
+        this.y = 0;
+        this.directionX = 0;
+        this.directionY = 0;
+        this._events = {};
+
+// INSERT POINT: DEFAULTS
+
+        this._init();
+        this.refresh();
+
+        this.scrollTo(this.options.startX, this.options.startY);
+        this.enable();
+    }
+    avalon.IScroll = IScroll
+
+    function getTransitionEndEventName() {
+        var obj = {
+            TransitionEvent: "transitionend",
+            WebKitTransitionEvent: "webkittransitionEnd",
+            OTransitionEvent: "OTransitionEnd",
+            otransitionEvent: "otransitionEnd",
+            MSTransitionEvent: "MSTransitionEnd"
+        }
+        //  var ev = document.createEvent("TransitionEvent"); // FIXME: un-specified
+        //  ev.initTransitionEvent("transitionend", true, true, "some-unknown-prop", -4.75);
+        //  document.body.dispatchEvent(ev);
+        var ret = false, ev
+        for (var name in obj) {
+            try {
+                ev = document.createEvent(name)//只有firefox不支持
+                ret = obj[name]
+                break
+            } catch (e) {
+            }
+        }
+        if (ret === false) {
+            //https://bugzilla.mozilla.org/show_bug.cgi?id=868751
+            //https://hg.mozilla.org/integration/mozilla-inbound/rev/a20ea0d494a0
+            try {
+                ev = new TransitionEvent("transitionend",
+                        {
+                            bubbles: true,
+                            cancelable: true,
+                            propertyName: "some-unknown-prop",
+                            elapsedTime: 0.5,
+                            pseudoElement: "pseudo"
+                        });
+                ret = "transitionend"
+            } catch (e) {
+            }
+        }
+        getTransitionEndEventName = function() {
+            return ret
+        }
+        return ret
+    }
+
+    function fixEvent(event) {
+        var ret = {}
+        for (var i in event) {
+            ret[i] = event[i]
+        }
+        var target = ret.target = event.srcElement
+        if (event.type.indexOf("key") === 0) {
+            ret.which = event.charCode != null ? event.charCode : event.keyCode
+        } else if (/mouse|click/.test(event.type)) {
+            var doc = target.ownerDocument || DOC
+            var box = doc.compatMode === "BackCompat" ? doc.body : doc.documentElement
+            ret.pageX = event.clientX + (box.scrollLeft >> 0) - (box.clientLeft >> 0)
+            ret.pageY = event.clientY + (box.scrollTop >> 0) - (box.clientTop >> 0)
+        }
+        ret.timeStamp = new Date - 0
+        ret.originalEvent = event
+        ret.preventDefault = function() { //阻止默认行为
+            event.returnValue = false
+        }
+        ret.stopPropagation = function() { //阻止事件在DOM树中的传播
+            event.cancelBubble = true
+        }
+        return ret
+    }
+
+    IScroll.prototype = {
+        version: '5.1.2',
+        _init: function() {
+            this._initEvents()
+            console.log(this.options.scrollbars || this.options.indicators)
+            if (this.options.scrollbars || this.options.indicators) {
+                // this._initIndicators();
+            }
+
+            if (this.options.mouseWheel) {
+                this._initWheel();
+            }
+
+            if (this.options.snap) {
+                // this._initSnap();
+            }
+
+            if (this.options.keyBindings) {
+                // this._initKeys();
+            }
+
+        },
+        destroy: function() {
+            this._initEvents(true);
+
+            this._execEvent('destroy');
+        },
+        _transitionEnd: function(e) {
+            if (e.target !== this.scroller || !this.isInTransition) {
+                return;
+            }
+
+            this._transitionTime();
+            if (!this.resetPosition(this.options.bounceTime)) {
+                this.isInTransition = false;
+                this._execEvent('scrollEnd');
+            }
+        },
+        refresh: function() {
+            var rf = this.wrapper.offsetHeight;		// Force reflow
+
+            this.wrapperWidth = this.wrapper.clientWidth;
+            this.wrapperHeight = this.wrapper.clientHeight;
+
+            /* REPLACE START: refresh */
+
+            this.scrollerWidth = this.scroller.offsetWidth;
+            this.scrollerHeight = this.scroller.offsetHeight;
+
+            this.maxScrollX = this.wrapperWidth - this.scrollerWidth;
+            this.maxScrollY = this.wrapperHeight - this.scrollerHeight;
+
+            /* REPLACE END: refresh */
+
+            this.hasHorizontalScroll = this.options.scrollX && this.maxScrollX < 0;
+            this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0;
+
+            if (!this.hasHorizontalScroll) {
+                this.maxScrollX = 0;
+                this.scrollerWidth = this.wrapperWidth;
+            }
+
+            if (!this.hasVerticalScroll) {
+                this.maxScrollY = 0;
+                this.scrollerHeight = this.wrapperHeight;
+            }
+
+            this.endTime = 0;
+            this.directionX = 0;
+            this.directionY = 0;
+
+            this.wrapperOffset = utils.offset(this.wrapper);
+
+            this._execEvent('refresh');
+
+            this.resetPosition();
+
+// INSERT POINT: _refresh
+
+        },
+        _initEvents: function(remove) {
+            //绑定或卸载事件
+            var eventType = remove ? utils.removeEvent : utils.addEvent
+
+            var target = this.options.bindToWrapper ? this.wrapper : window
+            var that = this
+
+            function hander(e) {
+                if (!("target" in e)) {
+                    e = fixEvent(e)
+                }
+                that.handleEvent(e)
+            }
+
+
+            eventType(window, 'onorientationchange' in window ? "orientationchange" : "resize", hander)
+
+            if (this.options.click) {
+                eventType(this.wrapper, "click", hander, true)
+            }
+            for (var i = 0, type; type = touchNames[i]; i++) {
+                var el = i === 0 ? this.wrapper : target
+                eventType(el, type, hander)
+            }
+            eventType(this.scroller, getTransitionEndEventName(), hander)
+        },
+        handleEvent: function(e) {
+            switch (e.type) {
+                case touchNames[0]:
+                    this._start(e)
+                    break
+                case touchNames[1]:
+                    this._move(e)
+                    break
+                case touchNames[2]:
+                case touchNames[3]:
+                    this._end(e)
+                    break
+                case "orientationchange":
+                case "resize":
+                    this._resize()
+                    break
+                case getTransitionEndEventName():
+                    this._transitionEnd(e)
+                    break
+                case "keydown":
+                    this._key(e)
+                    break
+                case "click":
+                    if (!e._constructed) {
+                        e.preventDefault()
+                        e.stopPropagation()
+                    }
+                    break
+            }
+        },
+        on: function(type, fn) {//添加用户回调
+            if (!this._events[type]) {
+                this._events[type] = []
+            }
+            this._events[type].push(fn)
+        },
+        off: function(type, fn) {//卸载用户回调
+            var fns = this._events[type] || []
+            var index = fns.indexOf(fn)
+            if (index > -1) {
+                this._events[type].splice(index, 1)
+            }
+        },
+        _execEvent: function(type) {//触发用户回调
+            var fns = this._events[type] || []
+            var args = [].slice.call(arguments, 1)
+            for (var i = 0, fn; fn = fns[i++]; ) {
+                fn.apply(this, args)
+            }
+        },
+        _start: function(e) {
+            if (!this.enabled || this.initiated || e.button !== 0) {
+                return//只处理左键
+            }
+
+            if (this.options.preventDefault && !utils.isBadAndroid && !noScroll[e.target.tagName]) {
+                if (!this.options.mouseWheel) {
+                    e.preventDefault();
+                }
+            }
+
+            var point = e.touches ? e.touches[0] : e
+
+            this.initiated = true
+            this.moved = false;
+            this.distX = 0;
+            this.distY = 0;
+            this.directionX = 0;
+            this.directionY = 0;
+            this.directionLocked = 0;
+
+            this._transitionTime()
+
+            this.startTime = new Date - 0
+
+            if (this.options.useTransition && this.isInTransition) {
+                this.isInTransition = false;
+                var pos = this.getComputedPosition();
+                this._translate(Math.round(pos.x), Math.round(pos.y));
+                this._execEvent('scrollEnd');
+            } else if (!this.options.useTransition && this.isAnimating) {
+                this.isAnimating = false;
+                this._execEvent('scrollEnd');
+            }
+
+            this.startX = this.x;
+            this.startY = this.y;
+            this.absStartX = this.x;
+            this.absStartY = this.y;
+            this.pointStartX = point.pageX;
+            this.pointStartY = point.pageY;
+            this.pointX = point.pageX;
+            this.pointY = point.pageY;
+
+            this._execEvent('beforeScrollStart') //
+        },
+        _move: function(e) {
+            if (!this.initiated) {
+                return;
+            }
+
+            if (this.options.preventDefault) {	// increases performance on Android? TODO: check!
+                e.preventDefault();
+            }
+
+            var point = e.touches ? e.touches[0] : e,
+                    deltaX = point.pageX - this.pointStartX,
+                    deltaY = point.pageY - this.pointStartY,
+                    timestamp = new Date - 0,
+                    newX, newY,
+                    absDistX, absDistY;
+
+            this.pointX = point.pageX;//当前相对于页面的坐标
+            this.pointY = point.pageY;
+
+            this.distX = deltaX;
+            this.distY = deltaY;
+            absDistX = Math.abs(this.distX);
+            absDistY = Math.abs(this.distY);
+
+            // We need to move at least 10 pixels for the scrolling to initiate
+            if (timestamp - this.endTime > 300 && (absDistX < 10 && absDistY < 10)) {
+                return;
+            }
+
+            // If you are scrolling in one direction lock the other
+            if (!this.directionLocked && !this.options.freeScroll) {
+                if (absDistX > absDistY + this.options.directionLockThreshold) {
+                    this.directionLocked = 'h';		// lock horizontally
+                } else if (absDistY >= absDistX + this.options.directionLockThreshold) {
+                    this.directionLocked = 'v';		// lock vertically
+                } else {
+                    this.directionLocked = 'n';		// no lock
+                }
+            }
+
+            if (this.directionLocked === 'h') {
+                if (this.options.eventPassthrough === 'vertical') {
+                    e.preventDefault();
+                } else if (this.options.eventPassthrough === 'horizontal') {
+                    this.initiated = false;
+                    return;
+                }
+
+                deltaY = 0;
+            } else if (this.directionLocked === 'v') {
+                if (this.options.eventPassthrough === 'horizontal') {
+                    e.preventDefault();
+                } else if (this.options.eventPassthrough === 'vertical') {
+                    this.initiated = false;
+                    return;
+                }
+
+                deltaX = 0;
+            }
+
+            deltaX = this.hasHorizontalScroll ? deltaX : 0;
+            deltaY = this.hasVerticalScroll ? deltaY : 0;
+
+            newX = this.x + deltaX;
+            newY = this.y + deltaY;
+
+            // Slow down if outside of the boundaries
+            if (newX > 0 || newX < this.maxScrollX) {
+                newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ? 0 : this.maxScrollX;
+            }
+            if (newY > 0 || newY < this.maxScrollY) {
+                newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ? 0 : this.maxScrollY;
+            }
+
+            this.directionX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0;
+            this.directionY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0;
+
+            if (!this.moved) {
+                this._execEvent('scrollStart');
+            }
+
+            this.moved = true;
+
+            this._translate(newX, newY);
+
+            /* REPLACE START: _move */
+
+            if (timestamp - this.startTime > 300) {
+                this.startTime = timestamp;
+                this.startX = this.x;
+                this.startY = this.y;
+            }
+
+            /* REPLACE END: _move */
+
+        },
+        _end: function(e) {
+            if (!this.enabled) {
+                return;
+            }
+
+            if (this.options.preventDefault && !noScroll[e.target.tagName]) {
+                e.preventDefault();
+            }
+
+            var point = e.changedTouches ? e.changedTouches[0] : e,
+                    momentumX,
+                    momentumY,
+                    duration = new Date - this.startTime,
+                    newX = Math.round(this.x),
+                    newY = Math.round(this.y),
+                    distanceX = Math.abs(newX - this.startX),
+                    distanceY = Math.abs(newY - this.startY),
+                    time = 0,
+                    easing = '';
+
+            this.isInTransition = 0;
+            this.initiated = false;
+            this.endTime = new Date - 0;
+
+            // reset if we are outside of the boundaries
+            if (this.resetPosition(this.options.bounceTime)) {
+                return;
+            }
+
+            this.scrollTo(newX, newY);	// ensures that the last position is rounded
+
+            // we scrolled less than 10 pixels
+            if (!this.moved) {
+                this._execEvent('scrollCancel');
+                return;
+            }
+
+            // start momentum animation if needed
+            if (this.options.momentum && duration < 300) {
+                momentumX = this.hasHorizontalScroll ? utils.momentum(this.x, this.startX, duration, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : {destination: newX, duration: 0};
+                momentumY = this.hasVerticalScroll ? utils.momentum(this.y, this.startY, duration, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : {destination: newY, duration: 0};
+                newX = momentumX.destination;
+                newY = momentumY.destination;
+                time = Math.max(momentumX.duration, momentumY.duration);
+                this.isInTransition = 1;
+            }
+
+// INSERT POINT: _end
+
+            if (newX !== this.x || newY !== this.y) {
+                // change easing function when scroller goes out of the boundaries
+                if (newX > 0 || newX < this.maxScrollX || newY > 0 || newY < this.maxScrollY) {
+                    easing = utils.ease.quadratic;
+                }
+
+                this.scrollTo(newX, newY, time, easing);
+                return;
+            }
+
+            this._execEvent('scrollEnd');
+        },
+        _translate: function(x, y) {
+            if (this.options.useTransform) {//使用transform
+                this.scrollerStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.translateZ;
+            } else {
+                x = Math.round(x);//使用translate
+                y = Math.round(y);
+                this.scrollerStyle.left = x + 'px';
+                this.scrollerStyle.top = y + 'px';
+            }
+            this.x = x;
+            this.y = y;
+        },
+        _animate: function(destX, destY, duration, easingFn) {
+            var that = this,
+                    startX = this.x,
+                    startY = this.y,
+                    startTime = utils.getTime(),
+                    destTime = startTime + duration;
+
+            function step() {
+                var now = utils.getTime(),
+                        newX, newY,
+                        easing;
+
+                if (now >= destTime) {
+                    that.isAnimating = false;
+                    that._translate(destX, destY);
+
+                    if (!that.resetPosition(that.options.bounceTime)) {
+                        that._execEvent('scrollEnd');
+                    }
+
+                    return;
+                }
+
+                now = (now - startTime) / duration;
+                easing = easingFn(now);
+                newX = (destX - startX) * easing + startX;
+                newY = (destY - startY) * easing + startY;
+                that._translate(newX, newY);
+
+                if (that.isAnimating) {
+                    rAF(step);
+                }
+            }
+
+            this.isAnimating = true;
+            step();
+        },
+        _transitionTime: function(time) {
+            //调整时长
+            time = time || 0
+            this.scrollerStyle[utils.style.transitionDuration] = time + 'ms';
+            if (!time && utils.isBadAndroid) {
+                this.scrollerStyle[utils.style.transitionDuration] = '0.001s';
+            }
+        },
+        _transitionTimingFunction: function(easing) {
+            //设置缓动公式
+            this.scrollerStyle[utils.style.transitionTimingFunction] = easing;
+        },
+        getComputedPosition: function() {
+            var matrix = window.getComputedStyle(this.scroller, null),
+                    x, y;
+
+            if (this.options.useTransform) {
+                matrix = matrix[utils.style.transform].split(')')[0].split(', ');
+                x = +(matrix[12] || matrix[4]);
+                y = +(matrix[13] || matrix[5]);
+            } else {
+                x = +matrix.left.replace(/[^-\d.]/g, '');
+                y = +matrix.top.replace(/[^-\d.]/g, '');
+            }
+
+            return {x: x, y: y};
+        },
+        _resize: function() {
+            var that = this;
+
+            clearTimeout(this.resizeTimeout);
+
+            this.resizeTimeout = setTimeout(function() {
+                that.refresh();
+            }, this.options.resizePolling);
+        },
+        resetPosition: function(time) {
+            var x = this.x,
+                    y = this.y;
+
+            time = time || 0;
+
+            if (!this.hasHorizontalScroll || this.x > 0) {
+                x = 0;
+            } else if (this.x < this.maxScrollX) {
+                x = this.maxScrollX;
+            }
+
+            if (!this.hasVerticalScroll || this.y > 0) {
+                y = 0;
+            } else if (this.y < this.maxScrollY) {
+                y = this.maxScrollY;
+            }
+
+            if (x === this.x && y === this.y) {
+                return false;
+            }
+
+            this.scrollTo(x, y, time, this.options.bounceEasing);
+
+            return true;
+        },
+        //调用这个方法会立即停止动画滚动，并且把滚动位置还原成0，取消绑定touchmove, touchend、touchcancel事件。 
+        disable: function() {
+            this.enabled = false;
+        },
+        //调用这个方法，使得iscroll恢复默认正常状态
+        enable: function() {
+            this.enabled = true;
+        },
+        /*********************************************************************
+         *                       滚动到目标位置                        *
+         **********************************************************************/
+        scrollBy: function(x, y, time, easing) {
+            x = this.x + x;
+            y = this.y + y;
+            time = time || 0;
+
+            this.scrollTo(x, y, time, easing);
+        },
+        //这个方法接受4个参数 x, y, time, easing x 为移动的x轴坐标，y为移动的y轴坐标, time为移动时间，easing表示使用何种缓动公式。 
+        scrollTo: function(x, y, time, easing) {
+            easing = easing || utils.ease.circular;
+            this.isInTransition = this.options.useTransition && time > 0;// 正在使用CSS3transition
+            if (!time || (this.options.useTransition && easing.style)) {
+                this._transitionTimingFunction(easing.style);
+                this._transitionTime(time);
+                this._translate(x, y);
+            } else {//如果不支持，使用JS动画
+                this._animate(x, y, time, easing.fn);
+            }
+        },
+        // scrollToElement --> scrollTo --> _translate or _animate
+        // scrollBy --> scrollTo --> _translate or _animate
+        scrollToElement: function(el, time, offsetX, offsetY, easing) {
+            el = el.nodeType ? el : this.scroller.querySelector(el);
+
+            if (!el) {
+                return;
+            }
+
+            var pos = utils.offset(el);
+
+            pos.left -= this.wrapperOffset.left;
+            pos.top -= this.wrapperOffset.top;
+
+            // if offsetX/Y are true we center the element to the screen
+            if (offsetX === true) {
+                offsetX = Math.round(el.offsetWidth / 2 - this.wrapper.offsetWidth / 2);
+            }
+            if (offsetY === true) {
+                offsetY = Math.round(el.offsetHeight / 2 - this.wrapper.offsetHeight / 2);
+            }
+
+            pos.left -= offsetX || 0;
+            pos.top -= offsetY || 0;
+
+            pos.left = pos.left > 0 ? 0 : pos.left < this.maxScrollX ? this.maxScrollX : pos.left;
+            pos.top = pos.top > 0 ? 0 : pos.top < this.maxScrollY ? this.maxScrollY : pos.top;
+
+            time = time == null || time === 'auto' ? Math.max(Math.abs(this.x - pos.left), Math.abs(this.y - pos.top)) : time;
+
+            this.scrollTo(pos.left, pos.top, time, easing);
+        },
+        /*********************************************************************
+         *                       对齐处理                                         *
+         **********************************************************************/
+        _initWheel: function() {
+            var that = this
+            var removeFn = avalon.bind(this.wrapper, "mousewheel", function(e) {
+                if (!that.enabled) {
+                    return;
+                }
+
+                e.preventDefault();
+                e.stopPropagation()
+
+                if (that.wheelTimeout === undefined) {
+                    that._execEvent('scrollStart');
+                }
+
+                // Execute the scrollEnd event after 400ms the wheel stopped scrolling
+                clearTimeout(that.wheelTimeout);
+                that.wheelTimeout = setTimeout(function() {
+                    that._execEvent('scrollEnd');
+                    that.wheelTimeout = undefined;
+                }, 400);
+                if (e.wheelDeltaX === void 0) {
+                    e.wheelDeltaY = e.wheelDelta
+                    e.wheelDeltaX = 0
+                }
+                var wheelDeltaX = e.wheelDeltaX / 120 * that.options.mouseWheelSpeed
+                var wheelDeltaY = e.wheelDeltaY / 120 * that.options.mouseWheelSpeed
+                wheelDeltaX *= that.options.invertWheelDirection
+                wheelDeltaY *= that.options.invertWheelDirection
+
+                if (!that.hasVerticalScroll) {
+                    wheelDeltaX = wheelDeltaY;
+                    wheelDeltaY = 0;
+                }
+
+                if (that.options.snap) {
+                    var newX = that.currentPage.pageX;
+                    var newY = that.currentPage.pageY;
+
+                    if (wheelDeltaX > 0) {
+                        newX--;
+                    } else if (wheelDeltaX < 0) {
+                        newX++;
+                    }
+
+                    if (wheelDeltaY > 0) {
+                        newY--;
+                    } else if (wheelDeltaY < 0) {
+                        newY++;
+                    }
+
+                    that.goToPage(newX, newY);
+
+                    return;
+                }
+                newX = that.x + Math.round(that.hasHorizontalScroll ? wheelDeltaX : 0);
+                newY = that.y + Math.round(that.hasVerticalScroll ? wheelDeltaY : 0);
+
+                if (newX > 0) {
+                    newX = 0;
+                } else if (newX < that.maxScrollX) {
+                    newX = that.maxScrollX;
+                }
+
+                if (newY > 0) {
+                    newY = 0;
+                } else if (newY < that.maxScrollY) {
+                    newY = that.maxScrollY;
+                }
+
+                that.scrollTo(newX, newY, 0);
+
+            })
+
+            this.on('destroy', function() {
+                avalon.bind(this.wrapper, "mousewheel", removeFn)
+            });
+        },
+        /*********************************************************************
+         *                    Snap                                           *
+         **********************************************************************/
+        _initSnap: function() {
+            this.currentPage = {};
+
+            if (typeof this.options.snap === 'string') {
+                this.options.snap = this.scroller.querySelectorAll(this.options.snap);
+            }
+
+            this.on('refresh', function() {
+                var i = 0, l,
+                        m = 0, n,
+                        cx, cy,
+                        x = 0, y,
+                        stepX = this.options.snapStepX || this.wrapperWidth,
+                        stepY = this.options.snapStepY || this.wrapperHeight,
+                        el;
+
+                this.pages = [];
+
+                if (!this.wrapperWidth || !this.wrapperHeight || !this.scrollerWidth || !this.scrollerHeight) {
+                    return;
+                }
+
+                if (this.options.snap === true) {
+                    cx = Math.round(stepX / 2);
+                    cy = Math.round(stepY / 2);
+
+                    while (x > -this.scrollerWidth) {
+                        this.pages[i] = [];
+                        l = 0;
+                        y = 0;
+
+                        while (y > -this.scrollerHeight) {
+                            this.pages[i][l] = {
+                                x: Math.max(x, this.maxScrollX),
+                                y: Math.max(y, this.maxScrollY),
+                                width: stepX,
+                                height: stepY,
+                                cx: x - cx,
+                                cy: y - cy
+                            };
+
+                            y -= stepY;
+                            l++;
+                        }
+
+                        x -= stepX;
+                        i++;
+                    }
+                } else {
+                    el = this.options.snap;
+                    l = el.length;
+                    n = -1;
+
+                    for (; i < l; i++) {
+                        if (i === 0 || el[i].offsetLeft <= el[i - 1].offsetLeft) {
+                            m = 0;
+                            n++;
+                        }
+
+                        if (!this.pages[m]) {
+                            this.pages[m] = [];
+                        }
+
+                        x = Math.max(-el[i].offsetLeft, this.maxScrollX);
+                        y = Math.max(-el[i].offsetTop, this.maxScrollY);
+                        cx = x - Math.round(el[i].offsetWidth / 2);
+                        cy = y - Math.round(el[i].offsetHeight / 2);
+
+                        this.pages[m][n] = {
+                            x: x,
+                            y: y,
+                            width: el[i].offsetWidth,
+                            height: el[i].offsetHeight,
+                            cx: cx,
+                            cy: cy
+                        };
+
+                        if (x > this.maxScrollX) {
+                            m++;
+                        }
+                    }
+                }
+
+                this.goToPage(this.currentPage.pageX || 0, this.currentPage.pageY || 0, 0);
+
+                // Update snap threshold if needed
+                if (this.options.snapThreshold % 1 === 0) {
+                    this.snapThresholdX = this.options.snapThreshold;
+                    this.snapThresholdY = this.options.snapThreshold;
+                } else {
+                    this.snapThresholdX = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].width * this.options.snapThreshold);
+                    this.snapThresholdY = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].height * this.options.snapThreshold);
+                }
+            });
+
+            this.on('flick', function() {
+                var time = this.options.snapSpeed || Math.max(
+                        Math.max(
+                                Math.min(Math.abs(this.x - this.startX), 1000),
+                                Math.min(Math.abs(this.y - this.startY), 1000)
+                                ), 300);
+
+                this.goToPage(
+                        this.currentPage.pageX + this.directionX,
+                        this.currentPage.pageY + this.directionY,
+                        time
+                        );
+            });
+        },
+        _nearestSnap: function(x, y) {
+            if (!this.pages.length) {
+                return {x: 0, y: 0, pageX: 0, pageY: 0};
+            }
+
+            var i = 0,
+                    l = this.pages.length,
+                    m = 0;
+
+            // Check if we exceeded the snap threshold
+            if (Math.abs(x - this.absStartX) < this.snapThresholdX &&
+                    Math.abs(y - this.absStartY) < this.snapThresholdY) {
+                return this.currentPage;
+            }
+
+            if (x > 0) {
+                x = 0;
+            } else if (x < this.maxScrollX) {
+                x = this.maxScrollX;
+            }
+
+            if (y > 0) {
+                y = 0;
+            } else if (y < this.maxScrollY) {
+                y = this.maxScrollY;
+            }
+
+            for (; i < l; i++) {
+                if (x >= this.pages[i][0].cx) {
+                    x = this.pages[i][0].x;
+                    break;
+                }
+            }
+
+            l = this.pages[i].length;
+
+            for (; m < l; m++) {
+                if (y >= this.pages[0][m].cy) {
+                    y = this.pages[0][m].y;
+                    break;
+                }
+            }
+
+            if (i === this.currentPage.pageX) {
+                i += this.directionX;
+
+                if (i < 0) {
+                    i = 0;
+                } else if (i >= this.pages.length) {
+                    i = this.pages.length - 1;
+                }
+
+                x = this.pages[i][0].x;
+            }
+
+            if (m === this.currentPage.pageY) {
+                m += this.directionY;
+
+                if (m < 0) {
+                    m = 0;
+                } else if (m >= this.pages[0].length) {
+                    m = this.pages[0].length - 1;
+                }
+
+                y = this.pages[0][m].y;
+            }
+
+            return {
+                x: x,
+                y: y,
+                pageX: i,
+                pageY: m
+            };
+        },
+        goToPage: function(x, y, time, easing) {
+            easing = easing || this.options.bounceEasing;
+
+            if (x >= this.pages.length) {
+                x = this.pages.length - 1;
+            } else if (x < 0) {
+                x = 0;
+            }
+
+            if (y >= this.pages[x].length) {
+                y = this.pages[x].length - 1;
+            } else if (y < 0) {
+                y = 0;
+            }
+
+            var posX = this.pages[x][y].x,
+                    posY = this.pages[x][y].y;
+
+            time = time === undefined ? this.options.snapSpeed || Math.max(
+                    Math.max(
+                            Math.min(Math.abs(posX - this.x), 1000),
+                            Math.min(Math.abs(posY - this.y), 1000)
+                            ), 300) : time;
+
+            this.currentPage = {
+                x: posX,
+                y: posY,
+                pageX: x,
+                pageY: y
+            };
+
+            this.scrollTo(posX, posY, time, easing);
+        },
+        next: function(time, easing) {
+            var x = this.currentPage.pageX,
+                    y = this.currentPage.pageY;
+
+            x++;
+
+            if (x >= this.pages.length && this.hasVerticalScroll) {
+                x = 0;
+                y++;
+            }
+
+            this.goToPage(x, y, time, easing);
+        },
+        prev: function(time, easing) {
+            var x = this.currentPage.pageX,
+                    y = this.currentPage.pageY;
+
+            x--;
+
+            if (x < 0 && this.hasVerticalScroll) {
+                x = 0;
+                y--;
+            }
+
+            this.goToPage(x, y, time, easing);
+        }
+    }
+})
diff --git a/avalon.js b/avalon.js
index 10d328763..fad070006 100644
--- a/avalon.js
+++ b/avalon.js
@@ -1,17 +1,16 @@
 /*==================================================
- Copyright 20013-2014 司徒正美 and other contributors
+ Copyright 2013-2014 司徒正美 and other contributors
  http://www.cnblogs.com/rubylouvre/
  https://github.com/RubyLouvre
  http://weibo.com/jslouvre/
  
  Released under the MIT license
- avalon 1.3.2 2014.8.11
+ avalon 1.3.6 2014.10.10
  ==================================================*/
 (function(DOC) {
     /*********************************************************************
      *                    全局变量及方法                                  *
      **********************************************************************/
-    var prefix = "ms-"
     var expose = new Date - 0
     var subscribers = "$" + expose
     //http://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/
@@ -22,7 +21,8 @@
     var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
     var rnative = /\[native code\]/  //判定是否原生函数
     var rcomplexType = /^(?:object|array)$/
-    var rwindow = /^\[object (Window|DOMWindow|global)\]$/
+    var rsvg = /^\[object SVG\w*Element\]$/
+    var rwindow = /^\[object (?:Window|DOMWindow|global)\]$/
     var oproto = Object.prototype
     var ohasOwn = oproto.hasOwnProperty
     var serialize = oproto.toString
@@ -43,9 +43,10 @@
     function noop() {
     }
 
-    function log(a) {
+    function log() {
         if (window.console && avalon.config.debug) {
-            console.log(W3C ? a : a + "")
+            // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+            Function.apply.call(console.log, console, arguments)
         }
     }
 
@@ -61,7 +62,7 @@
         return result
     }
 
-    //生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
+//生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
     function generateID() {
         return "avalon" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
     }
@@ -87,6 +88,17 @@
                 typeof obj
     }
 
+    var isFunction = typeof alert === "object" ? function(fn) {
+        try {
+            return /^\s*\bfunction\b/.test(fn + "")
+        } catch (e) {
+            return false
+        }
+    } : function(fn) {
+        return serialize.call(fn) == "[object Function]"
+    }
+    avalon.isFunction = isFunction
+
     avalon.isWindow = function(obj) {
         if (!obj)
             return false
@@ -101,6 +113,11 @@
     if (isWindow(window)) {
         avalon.isWindow = isWindow
     }
+    var enu
+    for (enu in avalon({})) {
+        break
+    }
+    var enumerateBUG = enu !== "0"//IE6下为true, 其他为false
     /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
     avalon.isPlainObject = function(obj, key) {
         if (!obj || avalon.type(obj) !== "object" || obj.nodeType || avalon.isWindow(obj)) {
@@ -115,16 +132,21 @@
         } catch (e) {//IE8 9会在这里抛错
             return false;
         }
+        if (enumerateBUG) {
+            for (key in obj) {
+                return ohasOwn.call(obj, key)
+            }
+        }
         for (key in obj) {
         }
-        return key === undefined || ohasOwn.call(obj, key);
+        return key === void 0 || ohasOwn.call(obj, key);
     }
     if (rnative.test(Object.getPrototypeOf)) {
         avalon.isPlainObject = function(obj) {
             return !!obj && typeof obj === "object" && Object.getPrototypeOf(obj) === oproto
         }
     }
-    //与jQuery.extend方法，可用于浅拷贝，深拷贝
+//与jQuery.extend方法，可用于浅拷贝，深拷贝
     avalon.mix = avalon.fn.mix = function() {
         var options, name, src, copy, copyIsArray, clone,
                 target = arguments[0] || {},
@@ -139,23 +161,27 @@
             i++
         }
 
-        //确保接受方为一个复杂的数据类型
+//确保接受方为一个复杂的数据类型
         if (typeof target !== "object" && avalon.type(target) !== "function") {
             target = {}
         }
 
-        //如果只有一个参数，那么新成员添加于mix所在的对象上
+//如果只有一个参数，那么新成员添加于mix所在的对象上
         if (i === length) {
             target = this
             i--
         }
 
         for (; i < length; i++) {
-            //只处理非空参数
+//只处理非空参数
             if ((options = arguments[i]) != null) {
                 for (name in options) {
                     src = target[name]
-                    copy = options[name]
+                    try {
+                        copy = options[name]//当options为VBS对象时报错
+                    } catch (e) {
+                        continue
+                    }
 
                     // 防止环引用
                     if (target === copy) {
@@ -188,7 +214,7 @@
     avalon.mix({
         rword: rword,
         subscribers: subscribers,
-        version: 1.33,
+        version: 1.36,
         ui: {},
         log: log,
         slice: W3C ? function(nodes, start, end) {
@@ -332,9 +358,8 @@
             /*只有当前数组不存在此元素时只添加它*/
             ensure: function(target, item) {
                 if (target.indexOf(item) === -1) {
-                    target.push(item)
+                    return target.push(item)
                 }
-                return target
             },
             /*移除数组中指定位置的元素，返回布尔表示成功与否*/
             removeAt: function(target, index) {
@@ -380,12 +405,12 @@
     avalon.define = function(id, factory) {
         var $id = id.$id || id
         if (!$id) {
-            log("warning: 必须指定$id")
+            log("warning: vm必须指定$id")
         }
         if (VMODELS[id]) {
             log("warning: " + $id + " 已经存在于avalon.vmodels中")
         }
-        if (typeof id == "object") {
+        if (typeof id === "object") {
             var model = modelFactory(id)
         } else {
             var scope = {
@@ -401,69 +426,177 @@
         return VMODELS[$id] = model
     }
 
-    function modelFactory(scope, model) {
-        if (Array.isArray(scope)) {
-            var arr = scope.concat()
-            scope.length = 0
-            var collection = Collection(scope)
-            collection.push.apply(collection, arr)
+    //一些不需要被监听的属性
+    var $$skipArray = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray").match(rword)
+    function isObservable(name, value, $skipArray) {
+        if (isFunction(value) || value && value.nodeType) {
+            return false
+        }
+        if ($skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        if ($$skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        var $special = $skipArray.$special
+        if (name && name.charAt(0) === "$" && !$special[name]) {
+            return false
+        }
+        return true
+    }
+
+    function modelFactory($scope, $special, $model) {
+        if (Array.isArray($scope)) {
+            var arr = $scope.concat()
+            $scope.length = 0
+            var collection = Collection($scope)
+            collection.pushArray(arr)
             return collection
         }
-        if (typeof scope.nodeType === "number") {
-            return scope
-        }
-        var vmodel = {} //要返回的对象
-        model = model || {} //放置$model上的属性
-        var accessingProperties = {} //监控属性
-        var normalProperties = {} //普通属性
-        var computedProperties = [] //计算属性
-        var watchProperties = arguments[2] || {} //强制要监听的属性
-        var skipArray = scope.$skipArray //要忽略监控的属性
-        for (var i = 0, name; name = skipProperties[i++]; ) {
-            if (typeof name !== "string") {
-                log("warning:$skipArray[" + name + "] must be a string")
-            }
-            delete scope[name]
-            normalProperties[name] = true
-        }
-        if (Array.isArray(skipArray)) {
-            for (var i = 0, name; name = skipArray[i++]; ) {
-                normalProperties[name] = true
-            }
-        }
-        for (var i in scope) {
-            accessorFactory(i, scope[i], model, normalProperties, accessingProperties, computedProperties, watchProperties)
-        }
-        vmodel = defineProperties(vmodel, descriptorFactory(accessingProperties), normalProperties) //生成一个空的ViewModel
-        for (var name in normalProperties) {
-            vmodel[name] = normalProperties[name]
-        }
-        watchProperties.vmodel = vmodel
-        vmodel.$model = model
-        vmodel.$events = {}
-        vmodel.$id = generateID()
-        vmodel.$accessors = accessingProperties
-        vmodel[subscribers] = []
-        for (var i in Events) {
-            var fn = Events [i]
-            if (!W3C) { //在IE6-8下，VB对象的方法里的this并不指向自身，需要用bind处理一下
-                fn = fn.bind(vmodel)
+        if (typeof $scope.nodeType === "number") {
+            return $scope
+        }
+        if ($scope.$id && $scope.$model && $scope.$events) {//fix IE6-8 createWithProxy $val: val引发的BUG
+            return $scope
+        }
+        if (!Array.isArray($scope.$skipArray)) {
+            $scope.$skipArray = []
+        }
+        $scope.$skipArray.$special = $special || {}//强制要监听的属性
+        var $vmodel = {} //要返回的对象, 它在IE6-8下可能被偷龙转凤
+        $model = $model || {}  //vmodels.$model属性
+        var $events = {} //vmodel.$events属性
+        var watchedProperties = {} //监控属性
+        var computedProperties = []  //计算属性
+        for (var i in $scope) {
+            (function(name, val) {
+                $model[name] = val
+                if (!isObservable(name, val, $scope.$skipArray)) {
+                    return  //过滤所有非监控属性
+                }
+                //总共产生三种accessor
+                var accessor
+                var valueType = avalon.type(val)
+                $events[name] = []
+                //总共产生三种accessor
+                if (valueType === "object" && isFunction(val.get) && Object.keys(val).length <= 2) {
+                    var setter = val.set
+                    var getter = val.get
+                    //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
+                    accessor = function(newValue) {
+                        var $events = $vmodel.$events
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (isFunction(setter)) {
+                                var backup = $events[name]
+                                $events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
+                                setter.call($vmodel, newValue)
+                                $events[name] = backup
+                            }
+                        } else {
+                            if (avalon.openComputedCollect) { // 收集视图刷新函数
+                                collectSubscribers($events[name])
+                            }
+                        }
+                        newValue = $model[name] = getter.call($vmodel) //同步$model
+                        if (!isEqual(oldValue, newValue)) {
+                            withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步循环绑定中的代理VM
+                            notifySubscribers($events[name]) //同步视图
+                            safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                        }
+                        return newValue
+                    }
+                    computedProperties.push(function() {
+                        Registry[expose] = {
+                            evaluator: accessor,
+                            element: head,
+                            type: "computed::" + name,
+                            handler: noop,
+                            args: []
+                        }
+                        accessor()
+                        collectSubscribers($events[name])
+                        delete Registry[expose]
+                    })
+                } else if (rcomplexType.test(valueType)) {
+                    //第2种对应子ViewModel或监控数组 
+                    accessor = function(newValue) {
+                        var childVmodel = accessor.child
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (!isEqual(oldValue, newValue)) {
+                                childVmodel = accessor.child = updateChild($vmodel, name, newValue, valueType)
+                                newValue = $model[name] = childVmodel.$model //同步$model
+                                var fn = rebindings[childVmodel.$id]
+                                fn && fn() //同步视图
+                                safeFire($vmodel, name, newValue, oldValue)  //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name]) //收集视图函数
+                            return childVmodel
+                        }
+                    }
+                    var childVmodel = accessor.child = modelFactory(val, 0, $model[name])
+                    childVmodel.$events[subscribers] = $events[name]
+                } else {
+                    //第3种对应简单的数据类型，自变量，监控属性
+                    accessor = function(newValue) {
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (!isEqual(oldValue, newValue)) {
+                                $model[name] = newValue //同步$model
+                                withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步代理VM
+                                notifySubscribers($events[name]) //同步视图
+                                safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name])
+                            return oldValue
+                        }
+                    }
+                }
+                watchedProperties[name] = accessor
+            })(i, $scope[i])
+        }
+
+        $$skipArray.forEach(function(name) {
+            delete $scope[name]
+            delete $model[name]  //这些特殊属性不应该在$model中出现
+        })
+
+        $vmodel = defineProperties($vmodel, descriptorFactory(watchedProperties), $scope) //生成一个空的ViewModel
+        for (var name in $scope) {
+            if (!watchedProperties[name]) {
+                $vmodel[name] = $scope[name]
             }
-            vmodel[i] = fn
         }
-        vmodel.hasOwnProperty = function(name) {
-            return name in vmodel.$model
+        //添加$id, $model, $events, $watch, $unwatch, $fire
+        $vmodel.$id = generateID()
+        $vmodel.$model = $model
+        $vmodel.$events = $events
+        for (var i in EventManager) {
+            var fn = EventManager [i]
+            if (!W3C) { //在IE6-8下，VB对象的方法里的this并不指向自身，需要用bind处理一下
+                fn = fn.bind($vmodel)
+            }
+            $vmodel[i] = fn
         }
-        for (var i = 0, fn; fn = computedProperties[i++]; ) { //最后强逼计算属性 计算自己的值
-            Registry[expose] = fn
-            fn()
-            collectSubscribers(fn)
-            delete Registry[expose]
+
+        $vmodel.hasOwnProperty = function(name) {
+            return name in $vmodel.$model
         }
-        return vmodel
+        computedProperties.forEach(function(collect) {//收集依赖
+            collect()
+        })
+        return $vmodel
     }
-    //一些不需要被监听的属性
-    var skipProperties = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors," + subscribers).match(rword)
+
     //比较两个值是否相等
     var isEqual = Object.is || function(v1, v2) {
         if (v1 === 0 && v2 === 0) {
@@ -477,7 +610,7 @@
 
     function safeFire(a, b, c, d) {
         if (a.$events) {
-            Events.$fire.call(a, b, c, d)
+            EventManager.$fire.call(a, b, c, d)
         }
     }
     var descriptorFactory = W3C ? function(obj) {
@@ -494,106 +627,7 @@
     } : function(a) {
         return a
     }
-    //循环生成访问器属性需要的setter, getter函数（这里统称为accessor）
-    function accessorFactory(name, val, model, normalProperties, accessingProperties, computedProperties, watchProperties) {
-        model[name] = val
-        // 如果是元素节点 或者 在全局的skipProperties里 或者在当前的$skipArray里
-        // 或者是以$开头并又不在watchPropertie里，这些属性是不会产生accessor
-        if (normalProperties[name] || (val && val.nodeType) || (name.charAt(0) === "$" && !watchProperties[name])) {
-            return normalProperties[name] = val
-        }
-        // 此外， 函数也不会产生accessor
-        var valueType = avalon.type(val)
-        if (valueType === "function") {
-            return normalProperties[name] = val
-        }
-        //总共产生三种accessor
-        var accessor, oldArgs
-        if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
-            var setter = val.set,
-                    getter = val.get
-            //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
-            accessor = function(newValue) {
-                var vmodel = watchProperties.vmodel
-                var value = model[name],
-                        preValue = value
-                if (arguments.length) {
-                    if (stopRepeatAssign) {
-                        return
-                    }
-                    if (typeof setter === "function") {
-                        var backup = vmodel.$events[name]
-                        vmodel.$events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
-                        setter.call(vmodel, newValue)
-                        vmodel.$events[name] = backup
-                    }
-                    if (!isEqual(oldArgs, newValue)) {
-                        oldArgs = newValue
-                        newValue = model[name] = getter.call(vmodel) //同步$model
-                        withProxyCount && updateWithProxy(vmodel.$id, name, newValue) //同步循环绑定中的代理VM
-                        notifySubscribers(accessor) //通知顶层改变
-                        safeFire(vmodel, name, newValue, preValue) //触发$watch回调
-                    }
-                } else {
-                    if (avalon.openComputedCollect) { // 收集视图刷新函数
-                        collectSubscribers(accessor)
-                    }
-                    newValue = model[name] = getter.call(vmodel)
-                    if (!isEqual(value, newValue)) {
-                        oldArgs = void 0
-                        safeFire(vmodel, name, newValue, preValue)
-                    }
-                    return newValue
-                }
-            }
-            computedProperties.push(accessor)
-        } else if (rcomplexType.test(valueType)) {
-            //第2种对应子ViewModel或监控数组 
-            accessor = function(newValue) {
-                var realAccessor = accessor.$vmodel,
-                        preValue = realAccessor.$model
-                if (arguments.length) {
-                    if (stopRepeatAssign) {
-                        return
-                    }
-                    if (!isEqual(preValue, newValue)) {
-                        newValue = accessor.$vmodel = updateVModel(realAccessor, newValue, valueType)
-                        var fn = rebindings[newValue.$id]
-                        fn && fn() //更新视图
-                        var parent = watchProperties.vmodel
-                        model[name] = newValue.$model //同步$model
-                        notifySubscribers(realAccessor) //通知顶层改变
-                        safeFire(parent, name, model[name], preValue) //触发$watch回调
-                    }
-                } else {
-                    collectSubscribers(realAccessor) //收集视图函数
-                    return realAccessor
-                }
-            }
-            accessor.$vmodel = val.$model ? val : modelFactory(val, val)
-            model[name] = accessor.$vmodel.$model
-        } else {
-            //第3种对应简单的数据类型，自变量，监控属性
-            accessor = function(newValue) {
-                var preValue = model[name]
-                if (arguments.length) {
-                    if (!isEqual(preValue, newValue)) {
-                        model[name] = newValue //同步$model
-                        var vmodel = watchProperties.vmodel
-                        withProxyCount && updateWithProxy(vmodel.$id, name, newValue) //同步循环绑定中的代理VM
-                        notifySubscribers(accessor) //通知顶层改变
-                        safeFire(vmodel, name, newValue, preValue) //触发$watch回调
-                    }
-                } else {
-                    collectSubscribers(accessor) //收集视图函数
-                    return preValue
-                }
-            }
-            model[name] = val
-        }
-        accessor[subscribers] = [] //订阅者数组
-        accessingProperties[name] = accessor
-    }
+
     //ms-with, ms-repeat绑定生成的代理对象储存池
     var withProxyPool = {}
     var withProxyCount = 0
@@ -606,23 +640,23 @@
         }
     }
     //应用于第2种accessor
-    function updateVModel(a, b, valueType) {
+    function updateChild(parent, name, value, valueType) {
         //a为原来的VM， b为新数组或新对象
+        var son = parent[name]
         if (valueType === "array") {
-            if (!Array.isArray(b)) {
-                return a //fix https://github.com/RubyLouvre/avalon/issues/261
+            if (!Array.isArray(value) || son === value) {
+                return son //fix https://github.com/RubyLouvre/avalon/issues/261
             }
-            var bb = b.concat()
-            a.clear()
-            a.push.apply(a, bb)
-            return a
+            son.clear()
+            son.pushArray(value.concat())
+            return son
         } else {
-            var iterators = a[subscribers] || []
-            if (withProxyPool[a.$id]) {
+            var iterators = parent.$events[name]
+            if (withProxyPool[son.$id]) {
                 withProxyCount--
-                delete withProxyPool[a.$id]
+                delete withProxyPool[son.$id]
             }
-            var ret = modelFactory(b)
+            var ret = modelFactory(value)
             rebindings[ret.$id] = function(data) {
                 while (data = iterators.shift()) {
                     (function(el) {
@@ -701,7 +735,7 @@
 
         function VBMediator(accessingProperties, name, value) {
             var accessor = accessingProperties[name]
-            if (typeof accessor == "function") {
+            if (typeof accessor === "function") {
                 if (arguments.length === 3) {
                     accessor(value)
                 } else {
@@ -709,10 +743,9 @@
                 }
             }
         }
-        defineProperties = function(name, accessingProperties, normalProperties) {
+        defineProperties = function(name, accessors, properties) {
             var className = "VBClass" + setTimeout("1"),
                     buffer = []
-
             buffer.push(
                     "\r\n\tPrivate [__data__], [__proxy__]",
                     "\tPublic Default Function [__const__](d, p)",
@@ -720,35 +753,42 @@
                     "\t\tSet [__const__] = Me", //链式调用
                     "\tEnd Function")
             //添加普通属性,因为VBScript对象不能像JS那样随意增删属性，必须在这里预先定义好
-            for (name in normalProperties) {
-                buffer.push("\tPublic [" + name + "]")
+            for (name in properties) {
+                if (!accessors.hasOwnProperty(name)) {
+                    buffer.push("\tPublic [" + name + "]")
+                }
             }
+            $$skipArray.forEach(function(name) {
+                if (!accessors.hasOwnProperty(name)) {
+                    buffer.push("\tPublic [" + name + "]")
+                }
+            })
             buffer.push("\tPublic [" + 'hasOwnProperty' + "]")
             //添加访问器属性 
-            for (name in accessingProperties) {
-                if (!(name in normalProperties)) { //防止重复定义
-                    buffer.push(
-                            //由于不知对方会传入什么,因此set, let都用上
-                            "\tPublic Property Let [" + name + "](val" + expose + ")", //setter
-                            "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
-                            "\tEnd Property",
-                            "\tPublic Property Set [" + name + "](val" + expose + ")", //setter
-                            "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
-                            "\tEnd Property",
-                            "\tPublic Property Get [" + name + "]", //getter
-                            "\tOn Error Resume Next", //必须优先使用set语句,否则它会误将数组当字符串返回
-                            "\t\tSet[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
-                            "\tIf Err.Number <> 0 Then",
-                            "\t\t[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
-                            "\tEnd If",
-                            "\tOn Error Goto 0",
-                            "\tEnd Property")
-                }
+            for (name in accessors) {
+                buffer.push(
+                        //由于不知对方会传入什么,因此set, let都用上
+                        "\tPublic Property Let [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Set [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Get [" + name + "]", //getter
+                        "\tOn Error Resume Next", //必须优先使用set语句,否则它会误将数组当字符串返回
+                        "\t\tSet[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tIf Err.Number <> 0 Then",
+                        "\t\t[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tEnd If",
+                        "\tOn Error Goto 0",
+                        "\tEnd Property")
+
             }
+
             buffer.push("End Class")
             var code = buffer.join("\r\n"),
                     realClassName = window['findOrDefineVBClass'](className, code) //如果该VB类已定义，返回类名。否则用className创建一个新类。
-            if (realClassName == className) {
+            if (realClassName === className) {
                 window.parseVB([
                     "Function " + className + "Factory(a, b)", //创建实例并传入两个关键的参数
                     "\tDim o",
@@ -757,7 +797,7 @@
                     "End Function"
                 ].join("\r\n"))
             }
-            var ret = window[realClassName + "Factory"](accessingProperties, VBMediator) //得到其产品
+            var ret = window[realClassName + "Factory"](accessors, VBMediator) //得到其产品
             return ret //得到其产品
         }
     }
@@ -814,7 +854,7 @@
     }
     if (!Array.isArray) {
         Array.isArray = function(a) {
-            return a && avalon.type(a) === "array"
+            return serialize.call(a) === "[object Array]"
         }
     }
 
@@ -879,16 +919,18 @@
     /*********************************************************************
      *                           DOM 底层补丁                             *
      **********************************************************************/
-    function fixContains(a, b) {
-        if (b) {
-            while ((b = b.parentNode)) {
-                if (b === a) {
+
+    function fixContains(root, el) {
+        try {//IE6-8,游离于DOM树外的文本节点，访问parentNode有时会抛错
+            while ((el = el.parentNode))
+                if (el === root)
                     return true;
-                }
-            }
+            return false
+        } catch (e) {
+            return false
         }
-        return false;
     }
+
     //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
     if (!root.contains) {
         Node.prototype.contains = function(arg) {
@@ -898,37 +940,38 @@
     //IE6-11的文档对象没有contains
     if (!DOC.contains) {
         DOC.contains = function(b) {
-            return fixContains(this, b)
+            return fixContains(DOC, b)
         }
     }
-    //IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
     function outerHTML() {
         return new XMLSerializer().serializeToString(this)
     }
-    function enumerateNode(node, targetNode) {
-        if (node && node.childNodes) {
-            var nodes = node.childNodes
-            for (var i = 0, el; el = nodes[i++]; ) {
-                if (el.tagName) {
-                    var svg = document.createElementNS(svgns,
-                            el.tagName.toLowerCase())
-                    ap.forEach.call(el.attributes, function(attr) {
-                        svg.setAttribute(attr.name, attr.value)//复制属性
-                    })
-                    // 递归处理子节点
-                    enumerateNode(el, svg)
-                    targetNode.appendChild(svg)
+
+
+    if (window.SVGElement) {
+        var svgns = "http://www.w3.org/2000/svg"
+        var svg = DOC.createElementNS(svgns, "svg")
+        svg.innerHTML = '<circle cx="50" cy="50" r="40" fill="red" />'
+        if (!rsvg.test(svg.firstChild)) {// #409
+            function enumerateNode(node, targetNode) {
+                if (node && node.childNodes) {
+                    var nodes = node.childNodes
+                    for (var i = 0, el; el = nodes[i++]; ) {
+                        if (el.tagName) {
+                            var svg = DOC.createElementNS(svgns,
+                                    el.tagName.toLowerCase())
+                            ap.forEach.call(el.attributes, function(attr) {
+                                svg.setAttribute(attr.name, attr.value)//复制属性
+                            })
+                            // 递归处理子节点
+                            enumerateNode(el, svg)
+                            targetNode.appendChild(svg)
+                        }
+                    }
                 }
             }
-        }
-    }
-    var svgns = "http://www.w3.org/2000/svg"
-    if (window.SVGElement) {
-        var svg = document.createElementNS(svgns, "svg")
-        svg.innerHTML = '<Rect width="300" height="100"/>'
-        if (!(svg.firstChild && svg.firstChild.tagName === "rect")) {
             Object.defineProperties(SVGElement.prototype, {
-                "outerHTML": {
+                "outerHTML": {//IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
                     enumerable: true,
                     configurable: true,
                     get: outerHTML,
@@ -941,7 +984,7 @@
                             par.insertBefore(frag, this)
                             // svg节点的子节点类似
                         } else {
-                            var newFrag = document.createDocumentFragment()
+                            var newFrag = DOC.createDocumentFragment()
                             enumerateNode(frag, newFrag)
                             par.insertBefore(newFrag, this)
                         }
@@ -958,9 +1001,11 @@
                         return  s.replace(ropen, "").replace(rclose, "")
                     },
                     set: function(html) {
-                        avalon.clearHTML(this)
-                        var frag = avalon.parseHTML(html)
-                        enumerateNode(frag, this)
+                        if (avalon.clearHTM) {
+                            avalon.clearHTML(this)
+                            var frag = avalon.parseHTML(html)
+                            enumerateNode(frag, this)
+                        }
                     }
                 }
             })
@@ -1022,6 +1067,7 @@
             rbind = new RegExp(o + ".*?" + c + "|\\sms-")
         }
     }
+
     kernel.debug = true
     kernel.plugins = plugins
     kernel.plugins['interpolate'](["{{", "}}"])
@@ -1050,26 +1096,26 @@
     }
 
     var ClassListMethods = {
-        toString: function() {
+        _toString: function() {
             var node = this.node//IE6,7元素节点不存在hasAttribute方法
             var cls = node.className
             var str = typeof cls === "string" ? cls : cls.baseVal
             return str.split(/\s+/).join(" ")
         },
-        contains: function(cls) {
+        _contains: function(cls) {
             return (" " + this + " ").indexOf(" " + cls + " ") > -1
         },
-        add: function(cls) {
+        _add: function(cls) {
             if (!this.contains(cls)) {
                 this._set(this + " " + cls)
             }
         },
-        remove: function(cls) {
+        _remove: function(cls) {
             this._set((" " + this + " ").replace(" " + cls + " ", " ").trim())
         },
-        _set: function(cls) {
+        __set: function(cls) {
             var node = this.node
-            if (typeof node.className == "string") {
+            if (typeof node.className === "string") {
                 node.className = cls
             } else {//SVG元素的className是一个对象 SVGAnimatedString { baseVal="", animVal=""}，只能通过set/getAttribute操作
                 node.setAttribute("class", cls)
@@ -1078,19 +1124,22 @@
     }
     function ClassList(node) {
         if (!("classList" in node)) {
-            avalon.mix(node.classList = {
+            node.classList = {
                 node: node
-            }, ClassListMethods)
-            node.classList.toString = ClassListMethods.toString //fix IE
+            }
+            for (var k in ClassListMethods) {
+                node.classList[k.slice(1)] = ClassListMethods[k]
+            }
         }
         return node.classList
     }
 
+
     "add,remove".replace(rword, function(method) {
         avalon.fn[method + "Class"] = function(cls) {
             var el = this[0]
             //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
-            if (cls && typeof cls === "string" && el && el.nodeType == 1) {
+            if (cls && typeof cls === "string" && el && el.nodeType === 1) {
                 cls.replace(/\S+/g, function(c) {
                     ClassList(el)[method](c)
                 })
@@ -1321,6 +1370,7 @@
     } else {
         var rnumnonpx = /^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i
         var rposition = /^(top|right|bottom|left)$/
+        var ralpha = /alpha\([^)]*\)/i
         var ie8 = !!window.XDomainRequest
         var salpha = "DXImageTransform.Microsoft.Alpha"
         var border = {
@@ -1359,13 +1409,23 @@
             return ret === "" ? "auto" : border[ret] || ret
         }
         cssHooks["opacity:set"] = function(node, name, value) {
-            node.style.filter = 'alpha(opacity=' + value * 100 + ')'
-            node.style.zoom = 1
+            var style = node.style
+            var opacity = isFinite(value) && value <= 1 ? "alpha(opacity=" + value * 100 + ")" : ""
+            var filter = style.filter || "";
+            style.zoom = 1
+            //不能使用以下方式设置透明度
+            //node.filters.alpha.opacity = value * 100
+            style.filter = (ralpha.test(filter) ?
+                    filter.replace(ralpha, opacity) :
+                    filter + " " + opacity).trim()
+            if (!style.filter) {
+                style.removeAttribute("filter")
+            }
         }
         cssHooks["opacity:get"] = function(node) {
             //这是最快的获取IE透明值的方式，不需要动用正则了！
             var alpha = node.filters.alpha || node.filters[salpha],
-                    op = alpha ? alpha.opacity : 100
+                    op = alpha && alpha.enabled ? alpha.opacity : 100
             return (op / 100) + "" //确保返回的是字符串
         }
     }
@@ -1400,34 +1460,39 @@
                 array.push(obj)
             }
             var parent = node.parentNode
-            if (parent && parent.nodeType == 1) {
+            if (parent && parent.nodeType === 1) {
                 showHidden(parent, array)
             }
         }
     }
-    "Width,Height".replace(rword, function(name) {
+    "Width,Height".replace(rword, function(name) {//fix 481
         var method = name.toLowerCase(),
                 clientProp = "client" + name,
                 scrollProp = "scroll" + name,
                 offsetProp = "offset" + name
         cssHooks[method + ":get"] = function(node, which, override) {
-            var boxSizing = "content-box"
-            if (typeof override === "string") {
+            var boxSizing = -4
+            if (typeof override === "number") {
                 boxSizing = override
             }
             which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
-            switch (boxSizing) {
-                case "content-box":
-                    return node["client" + name] - avalon.css(node, "padding" + which[0], true) -
-                            avalon.css(node, "padding" + which[1], true)
-                case "padding-box":
-                    return node["client" + name]
-                case "border-box":
-                    return node["offset" + name]
-                case "margin-box":
-                    return node["offset" + name] + avalon.css(node, "margin" + which[0], true) +
-                            avalon.css(node, "margin" + which[1], true)
+            var ret = node[offsetProp]   // border-box 0
+            if (boxSizing === 2) {       // margin-box 2
+                return ret
+                        + avalon.css(node, "margin" + which[0], true)
+                        + avalon.css(node, "margin" + which[1], true)
+            }
+            if (boxSizing < 0) {        // padding-box  -2
+                ret = ret
+                        - avalon.css(node, "border" + which[0] + "Width", true)
+                        - avalon.css(node, "border" + which[1] + "Width", true)
+            }
+            if (boxSizing === -4) {     // content-box -4
+                ret = ret
+                        - avalon.css(node, "padding" + which[0], true)
+                        - avalon.css(node, "padding" + which[1], true)
             }
+            return ret
         }
         cssHooks[method + "&get"] = function(node) {
             var hidden = [];
@@ -1462,10 +1527,10 @@
             }
         }
         avalon.fn["inner" + name] = function() {
-            return cssHooks[method + ":get"](this[0], void 0, "padding-box")
+            return cssHooks[method + ":get"](this[0], void 0, -2)
         }
         avalon.fn["outer" + name] = function(includeMargin) {
-            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? "margin-box" : "border-box")
+            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
         }
     })
     avalon.fn.offset = function() { //取得距离页面左右角的坐标
@@ -1486,7 +1551,7 @@
         //http://hkom.blog1.fc2.com/?mode=m&no=750 body的偏移量是不包含margin的
         //我们可以通过getBoundingClientRect来获得元素相对于client的rect.
         //http://msdn.microsoft.com/en-us/library/ms536433.aspx
-        if (typeof node.getBoundingClientRect !== "undefined") {
+        if (node.getBoundingClientRect) {
             box = node.getBoundingClientRect() // BlackBerry 5, iOS 3 (original iPhone)
         }
         //chrome/IE6: body.scrollTop, firefox/other: root.scrollTop
@@ -1577,13 +1642,17 @@
         thead: [1, "<table>", "</table>"],
         tr: [2, "<table><tbody>"],
         td: [3, "<table><tbody><tr>"],
+        text: [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">', '</svg>'],
         //IE6-8在用innerHTML生成节点时，不能直接创建no-scope元素与HTML5的新标签
         _default: W3C ? [0, ""] : [1, "X<div>"] //div可以不用闭合
     }
+
     tagHooks.optgroup = tagHooks.option
     tagHooks.tbody = tagHooks.tfoot = tagHooks.colgroup = tagHooks.caption = tagHooks.thead
     tagHooks.th = tagHooks.td
-
+//处理SVG
+    tagHooks.circle = tagHooks.ellipse = tagHooks.line = tagHooks.path =
+            tagHooks.polygon = tagHooks.polyline = tagHooks.rect = tagHooks.text
     var script = DOC.createElement("script")
     avalon.parseHTML = function(html) {
         if (typeof html !== "string") {
@@ -1624,12 +1693,28 @@
                     el.parentNode.removeChild(el)
                 }
             }
+            for (els = wrapper.all, i = 0; el = els[i++]; ) {//fix VML
+                if (isVML(el)) {
+                    fixVML(el)
+                }
+            }
         }
         while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上！
             fragment.appendChild(firstChild)
         }
         return fragment
     }
+    function isVML(src) {
+        var nodeName = src.nodeName
+        return  nodeName.toLowerCase() === nodeName && src.scopeName && src.outerText === ""
+    }
+    function fixVML(node) {
+        if (node.currentStyle.behavior !== "url(#default#VML)") {
+            node.style.behavior = "url(#default#VML)"
+            node.style.display = "inline-block"
+            node.style.zoom = 1 //hasLayout
+        }
+    }
     avalon.innerHTML = function(node, html) {
         if (!W3C && (!rcreate.test(html) && !rnest.test(html))) {
             try {
@@ -1642,13 +1727,16 @@
         this.clearHTML(node).appendChild(a)
     }
     avalon.clearHTML = function(node) {
-        expelFromSanctuary(node)
+        node.textContent = ""
+        while (node.firstChild) {
+            node.removeChild(node.firstChild)
+        }
         return node
     }
     /*********************************************************************
-     *                    自定义事件系统                                  *
+     *                            事件管理器                            *
      **********************************************************************/
-    var Events = {
+    var EventManager = {
         $watch: function(type, callback) {
             if (typeof callback === "function") {
                 var callbacks = this.$events[type]
@@ -1682,7 +1770,7 @@
         },
         $fire: function(type) {
             var special
-            if (/^(\w+)!(\w+)$/.test(type)) {
+            if (/^(\w+)!(\S+)$/.test(type)) {
                 special = RegExp.$1
                 type = RegExp.$2
             }
@@ -1691,111 +1779,151 @@
             var all = events.$all || []
             var args = aslice.call(arguments, 1)
             for (var i = 0, callback; callback = callbacks[i++]; ) {
-                callback.apply(this, args)
+                if (isFunction(callback))
+                    callback.apply(this, args)
             }
             for (var i = 0, callback; callback = all[i++]; ) {
-                callback.apply(this, arguments)
+                if (isFunction(callback))
+                    callback.apply(this, arguments)
             }
-            var element = events.element
+            var element = events.expr && findNode(events.expr)
             if (element) {
                 var detail = [type].concat(args)
-                if (special === "up") {
-                    if (W3C) {
-                        W3CFire(element, "dataavailable", detail)
-                    } else {
-                        var event = document.createEventObject()
-                        event.detail = detail
-                        element.fireEvent("ondataavailable", event)
-                    }
-                } else if (special === "down") {
-                    var alls = []
+                var alls = []
+                if (special === "up" || special === "down" || special === "all") {
                     for (var i in avalon.vmodels) {
                         var v = avalon.vmodels[i]
-                        if (v && v.$events && v.$events.element) {
-                            var node = v.$events.element;
-                            if (avalon.contains(element, node) && element != node) {
-                                alls.push(v)
+                        if (v && v.$events && v.$events.expr) {
+                            if (v !== this) {
+                                var node = findNode(v.$events.expr)
+                                if (!node) {
+                                    continue
+                                }
+                                var ok = special === "all" ? 1 : //全局广播
+                                        special === "down" ? element.contains(node) : //向下捕获
+                                        node.contains(element)//向上冒泡
+                                if (ok) {
+                                    alls.push([node, v])
+                                }
                             }
                         }
                     }
-                    alls.forEach(function(v) {
-                        v.$fire.apply(v, detail)
+                    var nodes = DOC.getElementsByTagName("*")//实现节点排序
+                    alls.sort(function(a, b) {
+                        return Array.prototype.indexOf.call(nodes, a[0]) - Array.prototype.indexOf.call(nodes, b[0])
                     })
-                } else if (special === "all") {
-                    for (var i in avalon.vmodels) {
-                        var v = avalon.vmodels[i]
-                        if (v !== this) {
-                            v.$fire.apply(v, detail)
-                        }
+                    if (special === "up") {
+                        alls.reverse()
                     }
+                    alls.forEach(function(v) {
+                        v[1].$fire.apply(v[1], detail)
+                    })
                 }
             }
         }
     }
+    var ravalon = /(\w+)\[(avalonctrl)="(\S+)"\]/
+    var findNode = DOC.querySelector ? function(str) {
+        return  DOC.querySelector(str)
+    } : function(str) {
+        var match = str.match(ravalon)
+        var all = DOC.getElementsByTagName(match[1])
+        for (var i = 0, el; el = all[i++]; ) {
+            if (el.getAttribute(match[2]) === match[3]) {
+                return el
+            }
+        }
+    }
     /*********************************************************************
      *                           依赖调度系统                             *
      **********************************************************************/
-
-    function registerSubscriber(data, val) {
+    var ronduplex = /^(duplex|on)$/
+    function registerSubscriber(data) {
         Registry[expose] = data //暴光此函数,方便collectSubscribers收集
         avalon.openComputedCollect = true
         var fn = data.evaluator
         if (fn) { //如果是求值函数
-            if (data.type === "duplex") {
-                data.handler()
-            } else {
-                try {
-                    var c = data.type === "on" ? data : fn.apply(0, data.args)
-                    data.handler(c, data.element, data)
-                } catch (e) {
-                    delete data.evaluator
-                    if (data.nodeType === 3) {
-                        if (kernel.commentInterpolate) {
-                            data.element.replaceChild(DOC.createComment(data.value), data.node)
-                        } else {
-                            data.node.data = openTag + data.value + closeTag
-                        }
+            try {
+                var c = ronduplex.test(data.type) ? data : fn.apply(0, data.args)
+                data.handler(c, data.element, data)
+            } catch (e) {
+                log("warning:exception throwed in [registerSubscriber] " + e)
+                delete data.evaluator
+                var node = data.element
+                if (node.nodeType === 3) {
+                    var parent = node.parentNode
+                    if (kernel.commentInterpolate) {
+                        parent.replaceChild(DOC.createComment(data.value), node)
+                    } else {
+                        node.data = openTag + data.value + closeTag
                     }
-                    log("warning:evaluator of [" + data.value + "] throws error!")
                 }
             }
-        } else { //如果是计算属性的accessor
-            data()
         }
         avalon.openComputedCollect = false
         delete Registry[expose]
     }
 
-    function collectSubscribers(accessor) { //收集依赖于这个访问器的订阅者
-        if (Registry[expose]) {
-            var list = accessor[subscribers]
-            list && avalon.Array.ensure(list, Registry[expose]) //只有数组不存在此元素才push进去
+    function collectSubscribers(list) { //收集依赖于这个访问器的订阅者
+        var data = Registry[expose]
+        if (list && data && avalon.Array.ensure(list, data) && data.element) { //只有数组不存在此元素才push进去
+            $$subscribers.push({
+                data: data, list: list
+            })
         }
     }
-
-    function notifySubscribers(accessor) { //通知依赖于这个访问器的订阅者更新自身
-        var list = accessor[subscribers]
+    var $$subscribers = [], $startIndex = 0, $maxIndex = 200
+    function removeSubscribers() {
+        for (var i = $startIndex, n = $startIndex + $maxIndex; i < n; i++) {
+            var obj = $$subscribers[i]
+            if (!obj) {
+                break
+            }
+            var data = obj.data
+            var el = data.element
+            var remove = el === null ? 1 : (el.nodeType === 1 ? typeof el.sourceIndex === "number" ?
+                    el.sourceIndex === 0 : !root.contains(el) : !avalon.contains(root, el))
+            if (remove) { //如果它没有在DOM树
+                $$subscribers.splice(i, 1)
+                avalon.Array.remove(obj.list, data)
+                //log("debug: remove " + data.type)
+                if (data.type === "if" && data.template && data.template.parentNode === head) {
+                    head.removeChild(data.template)
+                }
+                for (var key in data) {
+                    data[key] = null
+                }
+                obj.data = obj.list = null
+                i--
+                n--
+            }
+        }
+        obj = $$subscribers[i]
+        if (obj) {
+            $startIndex = n
+        } else {
+            $startIndex = 0
+        }
+    }
+    var beginTime = new Date(), removeID
+    function notifySubscribers(list) { //通知依赖于这个访问器的订阅者更新自身
+        var currentTime = new Date()
+        clearTimeout(removeID)
+        if (currentTime - beginTime > 333) {
+            removeSubscribers()
+            beginTime = new Date()
+        } else {
+            removeID = setTimeout(removeSubscribers, 333)
+        }
         if (list && list.length) {
             var args = aslice.call(arguments, 1)
             for (var i = list.length, fn; fn = list[--i]; ) {
-                var el = fn.element,
-                        remove
-                if (el && !avalon.contains(ifSanctuary, el)) {
-                    if (typeof el.sourceIndex == "number") { //IE6-IE11
-                        remove = el.sourceIndex === 0
-                    } else {
-                        remove = !avalon.contains(root, el)
-                    }
-                }
-                if (remove) { //如果它没有在DOM树
-                    list.splice(i, 1)
-                    log("debug: remove " + fn.name)
-                } else if (typeof fn === "function") {
-                    fn.apply(0, args) //强制重新计算自身
-                } else if (fn.getter) {
+                var el = fn.element
+                if (fn.$repeat) {
                     fn.handler.apply(fn, args) //处理监控数组的方法
-                } else {
-                    fn.handler(fn.evaluator.apply(0, fn.args || []), el, fn)
+                } else if (fn.element && fn.type !== "on") {//事件绑定只能由用户触发,不能由程序触发
+                    var fun = fn.evaluator || noop
+                    fn.handler(fun.apply(0, fn.args || []), el, fn)
                 }
             }
         }
@@ -1833,13 +1961,13 @@
     function scanTag(elem, vmodels, node) {
         //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
         //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后
-        var a = elem.getAttribute(prefix + "skip")
+        var a = elem.getAttribute("ms-skip")
         //#360 在旧式IE中 Object标签在引入Flash等资源时,可能出现没有getAttributeNode,innerHTML的情形
         if (!elem.getAttributeNode) {
             return log("warning " + elem.tagName + " no getAttributeNode method")
         }
-        var b = elem.getAttributeNode(prefix + "important")
-        var c = elem.getAttributeNode(prefix + "controller")
+        var b = elem.getAttributeNode("ms-important")
+        var c = elem.getAttributeNode("ms-controller")
         if (typeof a === "string") {
             return
         } else if (node = b || c) {
@@ -1849,36 +1977,40 @@
             }
             //ms-important不包含父VM，ms-controller相反
             vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
+            var name = node.name
+            elem.removeAttribute(name) //removeAttributeNode不会刷新[ms-controller]样式规则
+            elem.setAttribute("avalonctrl", node.value)
+            newVmodel.$events.expr = elem.tagName + '[avalonctrl="' + node.value + '"]'
+            avalon(elem).removeClass(name)
 
-            elem.removeAttribute(node.name) //removeAttributeNode不会刷新[ms-controller]样式规则
-            newVmodel.$events.element = elem
-            avalon.bind(elem, "dataavailable", function(e) {
-                if (typeof e.detail === "object" && elem !== e.target) {
-                    newVmodel.$fire.apply(newVmodel, e.detail)
-                }
-            })
-            avalon(elem).removeClass(node.name)
         }
-
         scanAttr(elem, vmodels) //扫描特性节点
     }
 
-    function scanNodes(parent, vmodels) {
+    function scanNodeList(parent, vmodels) {
         var node = parent.firstChild
         while (node) {
             var nextNode = node.nextSibling
-            var nodeType = node.nodeType
-            if (nodeType === 1) {
-                scanTag(node, vmodels) //扫描元素节点
-            } else if (nodeType === 3 && rexpr.test(node.data)) {
-                scanText(node, vmodels) //扫描文本节点
-            } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
-                scanText(node, vmodels) //扫描注释节点
-            }
+            scanNode(node, node.nodeType, vmodels)
             node = nextNode
         }
     }
 
+    function scanNodeArray(nodes, vmodels) {
+        for (var i = 0, node; node = nodes[i++]; ) {
+            scanNode(node, node.nodeType, vmodels)
+        }
+    }
+    function scanNode(node, nodeType, vmodels) {
+        if (nodeType === 1) {
+            scanTag(node, vmodels) //扫描元素节点
+        } else if (nodeType === 3 && rexpr.test(node.data)) {
+            scanText(node, vmodels) //扫描文本节点
+        } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+            scanText(node, vmodels) //扫描注释节点
+        }
+    }
+
     function scanText(textNode, vmodels) {
         var bindings = []
         if (textNode.nodeType === 8) {
@@ -1902,15 +2034,14 @@
                     var filters = token.filters
                     var binding = {
                         type: "text",
-                        node: node,
-                        nodeType: 3,
+                        element: node,
                         value: token.value,
                         filters: filters
                     }
                     if (filters && filters.indexOf("html") !== -1) {
                         avalon.Array.remove(filters, "html")
                         binding.type = "html"
-                        binding.replaceNodes = [node]
+                        binding.group = 1
                         if (!filters.length) {
                             delete bindings.filters
                         }
@@ -1929,14 +2060,17 @@
     var priorityMap = {
         "if": 10,
         "repeat": 90,
+        "data": 100,
         "widget": 110,
         "each": 1400,
         "with": 1500,
         "duplex": 2000,
         "on": 3000
     }
-    var ons = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit")
-
+    var events = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit")
+    function bindingSorter(a, b) {
+        return a.priority - b.priority
+    }
     function scanAttr(elem, vmodels) {
         //防止setAttribute, removeAttribute时 attributes自动被同步,导致for循环出错
         var attributes = getAttributes ? getAttributes(elem) : avalon.slice(elem.attributes)
@@ -1952,7 +2086,7 @@
                     var value = attr.value
                     var name = attr.name
                     msData[name] = value
-                    if (ons[type]) {
+                    if (events[type]) {
                         param = type
                         type = "on"
                     } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
@@ -1991,9 +2125,7 @@
                 }
             }
         }
-        bindings.sort(function(a, b) {
-            return a.priority - b.priority
-        })
+        bindings.sort(bindingSorter)
         if (msData["ms-checked"] && msData["ms-duplex"]) {
             log("warning!一个元素上不能同时定义ms-checked与ms-duplex")
         }
@@ -2007,19 +2139,11 @@
             default:
                 executeBindings(bindings, vmodels)
                 if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML.replace(rlt, "<").replace(rgt, ">"))) {
-                    scanNodes(elem, vmodels) //扫描子孙元素
+                    scanNodeList(elem, vmodels) //扫描子孙元素
                 }
                 break;
         }
 
-        if (elem.patchRepeat) {
-            elem.patchRepeat()
-            try {
-                elem.patchRepeat = ""
-                elem.removeAttribute("patchRepeat")
-            } catch (e) {
-            }
-        }
 
     }
     //IE67下，在循环绑定中，一个节点如果是通过cloneNode得到，自定义属性的specified为false，无法进入里面的分支，
@@ -2035,7 +2159,7 @@
         //        window.onload = function() {
         //            var body = document.body
         //            for (var i = 0, el; el = body.children[i++]; ) {
-        //                console.log(el.outerHTML)
+        //                avalon.log(el.outerHTML)
         //            }
         //        }
         //依次输出<SECTION>, </SECTION>
@@ -2074,7 +2198,7 @@
         for (var i = 0, data; data = bindings[i++]; ) {
             data.vmodels = vmodels
             bindingHandlers[data.type](data, vmodels)
-            if (data.evaluator && data.name) { //移除数据绑定，防止被二次解析
+            if (data.evaluator && data.element && data.element.nodeType === 1) { //移除数据绑定，防止被二次解析
                 //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
                 data.element.removeAttribute(data.name)
             }
@@ -2146,16 +2270,18 @@
     /*********************************************************************
      *                          编译系统                                  *
      **********************************************************************/
-
     var keywords =
             // 关键字
-            "break,case,catch,continue,debugger,default,delete,do,else,false" + ",finally,for,function,if,in,instanceof,new,null,return,switch,this" + ",throw,true,try,typeof,var,void,while,with"
+            "break,case,catch,continue,debugger,default,delete,do,else,false" +
+            ",finally,for,function,if,in,instanceof,new,null,return,switch,this" +
+            ",throw,true,try,typeof,var,void,while,with"
             // 保留字
-            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends" + ",final,float,goto,implements,import,int,interface,long,native" + ",package,private,protected,public,short,static,super,synchronized" + ",throws,transient,volatile"
-
+            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends" +
+            ",final,float,goto,implements,import,int,interface,long,native" +
+            ",package,private,protected,public,short,static,super,synchronized" +
+            ",throws,transient,volatile"
             // ECMA 5 - use strict
             + ",arguments,let,yield"
-
             + ",undefined"
     var rrexpstr = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g
     var rsplit = /[^\w$]+/g
@@ -2175,48 +2301,40 @@
                 .replace(rnumber, "")
                 .replace(rcomma, "")
                 .split(/^$|,+/)
-        var vars = [],
-                unique = {}
-        for (var i = 0; i < match.length; ++i) {
-            var variable = match[i]
-            if (!unique[variable]) {
-                unique[variable] = vars.push(variable)
-            }
-        }
-        return cacheVars(key, vars)
+        return cacheVars(key, uniqSet(match))
     }
-
-    //添加赋值语句
-
-    function addAssign(vars, scope, name, duplex) {
+    /*添加赋值语句*/
+    function addAssign(vars, scope, name, data) {
         var ret = [],
                 prefix = " = " + name + "."
         for (var i = vars.length, prop; prop = vars[--i]; ) {
-            if (scope.hasOwnProperty && scope.hasOwnProperty(prop)) { //IE6下节点没有hasOwnProperty
+            if (scope.hasOwnProperty(prop)) {
                 ret.push(prop + prefix + prop)
-                if (duplex === "duplex") {
+                if (data.type === "duplex") {
                     vars.get = name + "." + prop
                 }
                 vars.splice(i, 1)
             }
         }
         return ret
+
     }
 
-    function uniqVmodels(arr) {
-        var uniq = {}
-        return arr.filter(function(el) {
-            if (!uniq[el.$id]) {
-                uniq[el.$id] = 1
-                return true
+    function uniqSet(array) {
+        var ret = [], unique = {}
+        for (var i = 0; i < array.length; i++) {
+            var el = array[i]
+            var id = el && typeof el.$id === "string" ? el.$id : el
+            if (!unique[id]) {
+                unique[id] = ret.push(el)
             }
-        })
+        }
+        return ret
     }
-    //缓存求值函数，以便多次利用
+
 
     function createCache(maxLength) {
         var keys = []
-
         function cache(key, value) {
             if (keys.push(key) > maxLength) {
                 delete cache[keys.shift()]
@@ -2225,14 +2343,15 @@
         }
         return cache;
     }
-    var cacheExprs = createCache(256)
+    //缓存求值函数，以便多次利用
+    var cacheExprs = createCache(128)
     //取得求值函数及其传参
     var rduplex = /\w\[.*\]|\w\.\w/
     var rproxy = /(\$proxy\$[a-z]+)\d+$/
 
     function parseExpr(code, scopes, data) {
         var dataType = data.type
-        var filters = dataType == "html" || dataType === "text" ? data.filters : ""
+        var filters = data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -2242,13 +2361,13 @@
                 args = [],
                 prefix = ""
         //args 是一个对象数组， names 是将要生成的求值函数的参数
-        scopes = uniqVmodels(scopes)
+        scopes = uniqSet(scopes)
         for (var i = 0, sn = scopes.length; i < sn; i++) {
             if (vars.length) {
                 var name = "vm" + expose + "_" + i
                 names.push(name)
                 args.push(scopes[i])
-                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, dataType))
+                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, data))
             }
         }
         if (!assigns.length && dataType === "duplex") {
@@ -2304,10 +2423,12 @@
             }
             return
         } else if (dataType === "on") { //事件绑定
-            code = code.replace("(", ".call(this,")
-            if (data.hasArgs === "$event") {
-                names.push("$event")
+            if (code.indexOf("(") === -1) {
+                code += ".call(this, $event)"
+            } else {
+                code = code.replace("(", ".call(this,")
             }
+            names.push("$event")
             code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
             var lastIndex = code.lastIndexOf("\nreturn")
             var header = code.slice(0, lastIndex)
@@ -2334,7 +2455,7 @@
         '\r': '\\r',
         '"': '\\"',
         '\\': '\\\\'
-    };
+    }
     var quote = window.JSON && JSON.stringify || function(str) {
         return   '"' + str.replace(/[\\\"\x00-\x1f]/g, function(a) {
             var c = meta[a];
@@ -2365,30 +2486,6 @@
     /*********************************************************************
      *                     绑定处理系统                                    *
      **********************************************************************/
-    var cacheDisplay = oneObject("a,abbr,b,span,strong,em,font,i,kbd", "inline")
-    avalon.mix(cacheDisplay, oneObject("div,h1,h2,h3,h4,h5,h6,section,p", "block"))
-
-    function parseDisplay(nodeName, val) {
-        //用于取得此类标签的默认display值
-        nodeName = nodeName.toLowerCase()
-        if (!cacheDisplay[nodeName]) {
-            var node = DOC.createElement(nodeName)
-            root.appendChild(node)
-            if (W3C) {
-                val = getComputedStyle(node, null).display
-            } else {
-                val = node.currentStyle.display
-            }
-            root.removeChild(node)
-            cacheDisplay[nodeName] = val
-        }
-        return cacheDisplay[nodeName]
-    }
-    avalon.parseDisplay = parseDisplay
-    var supportDisplay = (function(td) {
-        return W3C ? getComputedStyle(td, null).display === "table-cell" : true
-    })(DOC.createElement("td"))
-
     var propMap = {//属性名映射
         "accept-charset": "acceptCharset",
         "char": "ch",
@@ -2397,13 +2494,14 @@
         "for": "htmlFor",
         "http-equiv": "httpEquiv"
     }
-    var anomaly = "accessKey,allowTransparency,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,contentEditable,"
-            + "dateTime,defaultChecked,defaultSelected,defaultValue,frameBorder,isMap,longDesc,maxLength,marginWidth,marginHeight,"
-            + "noHref,noResize,noShade,readOnly,rowSpan,tabIndex,useMap,vSpace,valueType,vAlign"
+
+    var anomaly = "accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,"
+            + "dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight,"
+            + "rowSpan,tabIndex,useMap,vSpace,valueType,vAlign"
     anomaly.replace(rword, function(name) {
         propMap[name.toLowerCase()] = name
     })
-    var rdash = /\(([^)]*)\)/
+
     var cssText = "<style id='avalonStyle'>.avalonHide{ display: none!important }</style>"
     head.insertBefore(avalon.parseHTML(cssText), head.firstChild) //避免IE6 base标签BUG
     var rnoscripts = /<noscript.*?>(?:[\s\S]+?)<\/noscript>/img
@@ -2423,16 +2521,16 @@
         }
     }
     var cacheTmpls = avalon.templateCache = {}
-    var ifSanctuary = DOC.createElement("div")
-    ifSanctuary.innerHTML = "a"
-    try {
-        ifSanctuary.contains(ifSanctuary.firstChild)
-        avalon.contains = function(a, b) {
-            return a.contains(b)
-        }
-    } catch (e) {
-        avalon.contains = fixContains
-    }
+
+    avalon.contains = fixContains
+
+    var bools = "autofocus,autoplay,async,allowTransparency,checked,controls,declare,disabled,defer,defaultChecked,defaultSelected" +
+            "contentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected"
+    var boolMap = {}
+    bools.replace(rword, function(name) {
+        boolMap[name.toLowerCase()] = name
+    })
+
     //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
     var bindingExecutors = avalon.bindingExecutors = {
         "attr": function(val, elem, data) {
@@ -2444,17 +2542,32 @@
                 // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
                 // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
                 // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
+                if (boolMap[attrName]) {
+                    var bool = boolMap[attrName]
+                    if (typeof elem[bool] === "boolean") {
+                        return elem[bool] = !!val
+                    }
+                }
                 var toRemove = (val === false) || (val === null) || (val === void 0)
+                if (!W3C && propMap[attrName]) {//旧式IE下需要进行名字映射
+                    attrName = propMap[attrName]
+                    var isInnate = true
+                }
                 if (toRemove) {
-                    elem.removeAttribute(attrName)
-                } else if (!W3C) {
-                    attrName = propMap[attrName] || attrName
-                    if (toRemove) {
-                        elem.removeAttribute(attrName)
-                    } else {
-                        elem[attrName] = val
+                    return elem.removeAttribute(attrName)
+                }
+                if (window.VBArray && !isInnate) {//IE下需要区分固有属性与自定义属性
+                    if (isVML(elem)) {
+                        isInnate = true
+                    } else if (!rsvg.test(elem)) {
+                        var attrs = elem.attributes || {}
+                        var attr = attrs[attrName]
+                        isInnate = attr ? attr.expando === false : attr === null
                     }
-                } else if (!toRemove) {
+                }
+                if (isInnate) {
+                    elem[attrName] = val
+                } else {
                     elem.setAttribute(attrName, val)
                 }
             } else if (method === "include" && val) {
@@ -2467,14 +2580,16 @@
                         text = loaded.apply(elem, [text].concat(vmodels))
                     }
                     avalon.innerHTML(elem, text)
-                    scanNodes(elem, vmodels)
+                    scanNodeList(elem, vmodels)
                     rendered && checkScan(elem, function() {
                         rendered.call(elem)
                     })
                 }
                 if (data.param === "src") {
                     if (cacheTmpls[val]) {
-                        scanTemplate(cacheTmpls[val])
+                        avalon.nextTick(function() {
+                            scanTemplate(cacheTmpls[val])
+                        })
                     } else {
                         var xhr = getXHR()
                         xhr.onreadystatechange = function() {
@@ -2495,7 +2610,7 @@
                 } else {
                     //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
                     //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
-                    var el = val && val.nodeType == 1 ? val : DOC.getElementById(val)
+                    var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
                     if (el) {
                         if (el.tagName === "NOSCRIPT" && !(el.innerHTML || el.fixIE78)) { //IE7-8 innerText,innerHTML都无法取得其内容，IE6能取得其innerHTML
                             var xhr = getXHR() //IE9-11与chrome的innerHTML会得到转义的内容，它们的innerText可以
@@ -2523,44 +2638,51 @@
                     val = val.replace(/&amp;/g, "&") //处理IE67自动转义的问题
                 }
                 elem[method] = val
+                if (window.chrome && elem.tagName === "EMBED") {
+                    var parent = elem.parentNode//#525  chrome1-37下embed标签动态设置src不能发生请求
+                    var comment = document.createComment("ms-src")
+                    parent.replaceChild(comment, elem)
+                    parent.replaceChild(elem, comment)
+                }
             }
         },
         "class": function(val, elem, data) {
             var $elem = avalon(elem),
                     method = data.type
-            if (method === "class" && data.param) { //如果是旧风格
-                $elem.toggleClass(data.param, !!val)
+            if (method === "class" && data.oldStyle) { //如果是旧风格
+                $elem.toggleClass(data.oldStyle, !!val)
             } else {
-                var toggle = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
-                var className = data._class || val
+                //如果存在冒号就有求值函数
+                data.toggleClass = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
+                data.newClass = data.immobileClass || val
+                if (data.oldClass && data.newClass !== data.oldClass) {
+                    $elem.removeClass(data.oldClass)
+                }
+                data.oldClass = data.newClass
                 switch (method) {
                     case "class":
-                        if (toggle && data.oldClass) {
-                            $elem.removeClass(data.oldClass)
-                        }
-                        $elem.toggleClass(className, toggle)
-                        data.oldClass = className
-                        break;
+                        $elem.toggleClass(data.newClass, data.toggleClass)
+                        break
                     case "hover":
                     case "active":
-                        if (!data.init) { //确保只绑定一次
-                            if (method === "hover") { //在移出移入时切换类名
-                                var event1 = "mouseenter",
-                                        event2 = "mouseleave"
-                            } else { //在聚焦失焦中切换类名
+                        if (!data.hasBindEvent) { //确保只绑定一次
+                            var activate = "mouseenter" //在移出移入时切换类名
+                            var abandon = "mouseleave"
+                            if (method === "active") {//在聚焦失焦中切换类名
                                 elem.tabIndex = elem.tabIndex || -1
-                                event1 = "mousedown", event2 = "mouseup"
+                                activate = "mousedown"
+                                abandon = "mouseup"
                                 $elem.bind("mouseleave", function() {
-                                    toggle && $elem.removeClass(className)
+                                    data.toggleClass && $elem.removeClass(data.newClass)
                                 })
                             }
-                            $elem.bind(event1, function() {
-                                toggle && $elem.addClass(className)
+                            $elem.bind(activate, function() {
+                                data.toggleClass && $elem.addClass(data.newClass)
                             })
-                            $elem.bind(event2, function() {
-                                toggle && $elem.removeClass(className)
+                            $elem.bind(abandon, function() {
+                                data.toggleClass && $elem.removeClass(data.newClass)
                             })
-                            data.init = 1
+                            data.hasBindEvent = true
                         }
                         break;
                 }
@@ -2577,44 +2699,38 @@
         "repeat": function(method, pos, el) {
             if (method) {
                 var data = this
-                var group = data.group
-                var pp = data.startRepeat && data.startRepeat.parentNode
-                if (pp) { //fix  #300 #307
-                    data.parent = pp
-                }
-                var parent = data.parent
+                var parent = data.element.parentNode
                 var proxies = data.proxies
                 var transation = hyperspace.cloneNode(false)
+
                 if (method === "del" || method === "move") {
-                    var locatedNode = getLocatedNode(parent, data, pos)
+                    var locatedNode = locateFragment(data, pos)
                 }
+                var group = data.group
                 switch (method) {
                     case "add": //在pos位置后添加el数组（pos为数字，el为数组）
                         var arr = el
-                        var last = data.getter().length - 1
-                        var spans = []
-                        var lastFn = {}
+                        var last = data.$repeat.length - 1
+                        var fragments = []
                         for (var i = 0, n = arr.length; i < n; i++) {
                             var ii = i + pos
                             var proxy = getEachProxy(ii, arr[i], data, last)
                             proxies.splice(ii, 0, proxy)
-                            lastFn = shimController(data, transation, spans, proxy)
+                            shimController(data, transation, proxy, fragments)
                         }
-                        locatedNode = getLocatedNode(parent, data, pos)
-                        lastFn.node = locatedNode
-                        lastFn.parent = parent
+                        locatedNode = locateFragment(data, pos)
                         parent.insertBefore(transation, locatedNode)
-                        for (var i = 0, node; node = spans[i++]; ) {
-                            scanTag(node, data.vmodels)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                     case "del": //将pos后的el个元素删掉(pos, el都是数字)
                         var removed = proxies.splice(pos, el)
-                        for (var i = 0, proxy; proxy = removed[i++]; ) {
-                            recycleEachProxy(proxy)
-                        }
-                        expelFromSanctuary(removeView(locatedNode, group, el))
+                        var transation = removeFragment(locatedNode, group, el)
+                        avalon.clearHTML(transation)
+                        recycleEachProxies(removed)
                         break
                     case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
                         var last = proxies.length - 1
@@ -2625,27 +2741,27 @@
                         }
                         break
                     case "clear":
-                        if (data.startRepeat) {
+                        var size = "proxySize" in data ? data.proxySize : proxies.length
+                        if (size) {
+                            var n = size * group, k = 0
                             while (true) {
-                                var node = data.startRepeat.nextSibling
-                                if (node && node !== data.endRepeat) {
-                                    transation.appendChild(node)
+                                var nextNode = data.element.nextSibling
+                                if (nextNode && k < n) {
+                                    parent.removeChild(nextNode)
+                                    k++
                                 } else {
                                     break
                                 }
                             }
-                        } else {
-                            transation = parent
+                            recycleEachProxies(proxies)
                         }
-                        expelFromSanctuary(transation)
-                        proxies.length = 0
                         break
                     case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
                         var t = proxies.splice(pos, 1)[0]
                         if (t) {
                             proxies.splice(el, 0, t)
-                            transation = removeView(locatedNode, group)
-                            locatedNode = getLocatedNode(parent, data, el)
+                            transation = removeFragment(locatedNode, group)
+                            locatedNode = locateFragment(data, el)
                             parent.insertBefore(transation, locatedNode)
                         }
                         break
@@ -2657,45 +2773,48 @@
                         break
                     case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
                         var pool = el
-                        var callback = getBindingCallback(data.callbackElement, "data-with-sorted", data.vmodels)
                         var keys = []
-                        var spans = []
-                        var lastFn = {}
+                        var fragments = []
                         for (var key in pos) { //得到所有键名
                             if (pos.hasOwnProperty(key) && key !== "hasOwnProperty") {
                                 keys.push(key)
                             }
                         }
-                        if (callback) { //如果有回调，则让它们排序
-                            var keys2 = callback.call(parent, keys)
+                        if (data.sortedCallback) { //如果有回调，则让它们排序
+                            var keys2 = data.sortedCallback.call(parent, keys)
                             if (keys2 && Array.isArray(keys2) && keys2.length) {
                                 keys = keys2
                             }
                         }
                         for (var i = 0, key; key = keys[i++]; ) {
                             if (key !== "hasOwnProperty") {
-                                lastFn = shimController(data, transation, spans, pool[key])
+                                shimController(data, transation, pool[key], fragments)
                             }
                         }
-                        lastFn.parent = parent
-                        lastFn.node = data.endRepeat || null
-                        parent.insertBefore(transation, lastFn.node)
-                        for (var i = 0, el; el = spans[i++]; ) {
-                            scanTag(el, data.vmodels)
+                        data.proxySize = keys.length
+                        parent.insertBefore(transation, data.element.nextSibling)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                 }
-                iteratorCallback.call(data, arguments)
+                var callback = data.renderedCallback || noop, args = arguments
+                checkScan(parent, function() {
+                    callback.apply(parent, args)
+                    if (parent.oldValue && parent.tagName === "SELECT" && method === "index") {//fix #503
+                        avalon(parent).val(parent.oldValue.split(","))
+                    }
+                })
             }
         },
         "html": function(val, elem, data) {
             val = val == null ? "" : val
-            if (!elem) {
-                elem = data.element = data.node.parentNode
-            }
-            if (data.replaceNodes) {
+            var parent = "group" in data ? elem.parentNode : elem
+            if ("group" in data) {
                 var fragment, nodes
+                //将值转换为文档碎片，原值可以为元素节点，文档碎片，NodeList，字符串
                 if (val.nodeType === 11) {
                     fragment = val
                 } else if (val.nodeType === 1 || val.item) {
@@ -2707,62 +2826,57 @@
                 } else {
                     fragment = avalon.parseHTML(val)
                 }
-                var replaceNodes = avalon.slice(fragment.childNodes)
-                elem.insertBefore(fragment, data.replaceNodes[0] || null) //fix IE6-8 insertBefore的第2个参数只能为节点或null
-                for (var i = 0, node; node = data.replaceNodes[i++]; ) {
-                    elem.removeChild(node)
+                nodes = avalon.slice(fragment.childNodes)
+                if (nodes.length === 0) {
+                    var comment = DOC.createComment("ms-html")
+                    fragment.appendChild(comment)
+                    nodes = [comment]
+                }
+                parent.insertBefore(fragment, elem) //fix IE6-8 insertBefore的第2个参数只能为节点或null
+                var length = data.group
+                while (elem) {
+                    var nextNode = elem.nextSibling
+                    parent.removeChild(elem)
+                    length--
+                    if (length === 0 || nextNode === null)
+                        break
+                    elem = nextNode
                 }
-                data.replaceNodes = replaceNodes
+                data.element = nodes[0]
+                data.group = nodes.length
             } else {
-                avalon.innerHTML(elem, val)
+                avalon.innerHTML(parent, val)
             }
             avalon.nextTick(function() {
-                scanNodes(elem, data.vmodels)
+                scanNodeList(parent, data.vmodels)
             })
         },
         "if": function(val, elem, data) {
-            var placehoder = data.placehoder
             if (val) { //插回DOM树
-                if (!data.msInDocument) {
-                    data.msInDocument = true
-                    try {
-                        placehoder.parentNode.replaceChild(elem, placehoder)
-                    } catch (e) {
-                        log("debug: ms-if  " + e.message)
-                    }
+                if (elem.nodeType === 8) {
+                    elem.parentNode.replaceChild(data.template, elem)
+                    elem = data.element = data.template
                 }
-                if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                if (elem.getAttribute(data.name)) {
+                    elem.removeAttribute(data.name)
                     scanAttr(elem, data.vmodels)
                 }
-            } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置
-                if (data.msInDocument) {
-                    data.msInDocument = false
-                    try {
-                        elem.parentNode.replaceChild(placehoder, elem)
-                    } catch (e) {
-                        log("debug: ms-if: elem.parentNode= " + elem.parentNode)
-                    }
-                    placehoder.elem = elem
-                    ifSanctuary.appendChild(elem)
+            } else { //移出DOM树，并用注释节点占据原位置
+                if (elem.nodeType === 1) {
+                    var node = data.element = DOC.createComment("ms-if")
+                    elem.parentNode.replaceChild(node, elem)
+                    data.template = elem //元素节点
+                    head.appendChild(elem)
                 }
             }
         },
         "on": function(callback, elem, data) {
-            var fn = data.evaluator
-            var args = data.args
-            var vmodels = data.vmodels
-            if (!data.hasArgs) {
-                callback = function(e) {
-                    return fn.apply(0, args).call(this, e)
-                }
-            } else {
-                callback = function(e) {
-                    return fn.apply(this, args.concat(e))
-                }
+            data.type = "on"
+            callback = function(e) {
+                var fn = data.evaluator || noop
+                return fn.apply(this, data.args.concat(e))
             }
-            elem.$vmodel = vmodels[0]
-            elem.$vmodels = vmodels
-            var eventType = data.param = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
             if (eventType === "scan") {
                 callback.call(elem, {type: eventType})
             } else if (typeof data.specialBind === "function") {
@@ -2777,20 +2891,15 @@
                     avalon.unbind(elem, eventType, removeFn)
                 }
             }
-            data.evaluator = data.handler = noop
         },
-        "text": function(val, elem, data) {
+        "text": function(val, elem) {
             val = val == null ? "" : val //不在页面上显示undefined null
-            var node = data.node
-            if (data.nodeType === 3) { //绑定在文本节点上
+            if (elem.nodeType === 3) { //绑定在文本节点上
                 try {//IE对游离于DOM树外的节点赋值会报错
-                    node.data = val
+                    elem.data = val
                 } catch (e) {
                 }
             } else { //绑定在特性节点上
-                if (!elem) {
-                    elem = data.element = node.parentNode
-                }
                 if ("textContent" in elem) {
                     elem.textContent = val
                 } else {
@@ -2803,10 +2912,30 @@
         },
         "widget": noop
     }
-    var rwhitespace = /^\s+$/
+
+    var rdash = /\(([^)]*)\)/
+
+    function parseDisplay(nodeName, val) {
+        //用于取得此类标签的默认display值
+        var key = "_" + nodeName
+        if (!parseDisplay[key]) {
+            var node = DOC.createElement(nodeName)
+            root.appendChild(node)
+            if (W3C) {
+                val = getComputedStyle(node, null).display
+            } else {
+                val = node.currentStyle.display
+            }
+            root.removeChild(node)
+            parseDisplay[key] = val
+        }
+        return parseDisplay[key]
+    }
+
+    avalon.parseDisplay = parseDisplay
     //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
     var bindingHandlers = avalon.bindingHandlers = {
-        //这是一个字符串属性绑定的范本, 方便你在title, alt,  src, href, include, css添加插值表达式
+        //这是一个字符串属性绑定的范本, 方便你在title, alt, src, href, include, css添加插值表达式
         //<a ms-href="{{url.hostname}}/{{url.pathname}}.html">
         "attr": function(data, vmodels) {
             var text = data.value.trim(),
@@ -2850,10 +2979,11 @@
                 }
                 var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
                 if (!hasExpr) {
-                    data._class = className
+                    data.immobileClass = className
                 }
                 parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
-            } else if (data.type === "class") {
+            } else {
+                data.immobileClass = data.oldStyle = data.param
                 parseExprProxy(text, vmodels, data)
             }
         },
@@ -2869,6 +2999,20 @@
                     if (form && form.msValidate) {
                         form.msValidate(elem)
                     }
+                    data.msType = data.param || ""
+                    if (data.msType === "bool") {
+                        data.msType = "boolean"
+                        log("ms-duplex-bool已经更名为ms-duplex-boolean")
+                    } else if (data.msType === "text") {
+                        data.msType = "string"
+                        log("ms-duplex-text已经更名为ms-duplex-string")
+                    }
+                    if (data.msType === "radio") {
+                        log("ms-duplex-radio将在2.0废掉，请尽量不要用")
+                    }
+                    if (!/boolean|string|number/.test(data.msType)) {
+                        data.msType = ""
+                    }
                     data.bound = function(type, callback) {
                         if (elem.addEventListener) {
                             elem.addEventListener(type, callback, false)
@@ -2886,66 +3030,56 @@
             }
         },
         "repeat": function(data, vmodels) {
-            var type = data.type,
-                    list
+            var type = data.type
             parseExpr(data.value, vmodels, data)
-            if (type !== "repeat") {
-                log("warning:建议使用ms-repeat代替ms-each, ms-with, ms-repeat只占用一个标签并且性能更好")
-            }
-            var elem = data.callbackElement = data.parent = data.element //用于判定当前元素是否位于DOM树
-            data.getter = function() {
-                return this.evaluator.apply(0, this.args || [])
-            }
             data.proxies = []
-            var freturn = true
+            var freturn = false
             try {
-                list = data.getter()
-                var xtype = avalon.type(list)
-                if (xtype == "object" || xtype == "array") {
-                    freturn = false
+                var $repeat = data.$repeat = data.evaluator.apply(0, data.args || [])
+                var xtype = avalon.type($repeat)
+                if (xtype !== "object" && xtype !== "array") {
+                    freturn = true
+                    avalon.log("warning:" + data.value + "对应类型不正确")
                 }
             } catch (e) {
+                freturn = true
+                avalon.log("warning:" + data.value + "编译出错")
             }
-            var template = hyperspace.cloneNode(false)
-            if (type === "repeat") {
-                var startRepeat = DOC.createComment("ms-repeat-start")
-                var endRepeat = DOC.createComment("ms-repeat-end")
-                data.element = data.parent = elem.parentNode
-                data.startRepeat = startRepeat
-                data.endRepeat = endRepeat
-                elem.removeAttribute(data.name)
-                data.parent.replaceChild(endRepeat, elem)
-                data.parent.insertBefore(startRepeat, endRepeat)
-                template.appendChild(elem)
+            var elem = data.element
+            elem.removeAttribute(data.name)
+            data.sortedCallback = getBindingCallback(elem, "data-with-sorted", vmodels)
+            data.renderedCallback = getBindingCallback(elem, "data-" + type + "-rendered", vmodels)
+
+            var comment = data.element = DOC.createComment("ms-repeat")
+            if (type === "each" || type === "with") {
+                data.template = elem.innerHTML.trim()
+                avalon.clearHTML(elem).appendChild(comment)
             } else {
-                var node
-                while (node = elem.firstChild) {
-                    if (node.nodeType === 3 && rwhitespace.test(node.data)) {
-                        elem.removeChild(node)
-                    } else {
-                        template.appendChild(node)
-                    }
-                }
+                data.template = elem.outerHTML.trim()
+                data.group = 1
+                elem.parentNode.replaceChild(comment, elem)
             }
-            data.template = template
-            data.rollback = function() {
+
+            data.rollback = function() {//只用于list为对象的情况
                 bindingExecutors.repeat.call(data, "clear")
-                var endRepeat = data.endRepeat
-                var parent = data.parent
-                parent.insertBefore(data.template, endRepeat || null)
-                if (endRepeat) {
-                    parent.removeChild(endRepeat)
-                    parent.removeChild(data.startRepeat)
-                    data.element = data.callbackElement
-                }
+                var elem = data.element
+                var parentNode = elem.parentNode
+                var content = avalon.parseHTML(data.template)
+                var target = content.firstChild
+                parentNode.replaceChild(content, elem)
+                target = data.element = data.type === "repeat" ? target : parentNode
+                data.group = null
+                target.setAttribute(data.name, data.value)
             }
             var arr = data.value.split(".") || []
             if (arr.length > 1) {
                 arr.pop()
                 var n = arr[0]
                 for (var i = 0, v; v = vmodels[i++]; ) {
-                    if (v && v.hasOwnProperty(n) && v[n][subscribers]) {
-                        v[n][subscribers].push(data)
+                    if (v && v.hasOwnProperty(n)) {
+                        var events = v[n].$events
+                        events[subscribers] = events[subscribers] || []
+                        events[subscribers].push(data)
                         break
                     }
                 }
@@ -2953,12 +3087,12 @@
             if (freturn) {
                 return
             }
-            data.callbackName = "data-" + type + "-rendered"
+
             data.handler = bindingExecutors.repeat
             data.$outer = {}
             var check0 = "$key",
                     check1 = "$val"
-            if (Array.isArray(list)) {
+            if (Array.isArray($repeat)) {
                 check0 = "$first"
                 check1 = "$last"
             }
@@ -2968,65 +3102,66 @@
                     break
                 }
             }
-            node = template.firstChild
-            data.fastRepeat = !!node && node.nodeType === 1 && template.lastChild === node && !node.attributes["ms-controller"] && !node.attributes["ms-important"]
-            list[subscribers] && list[subscribers].push(data)
-            if (!Array.isArray(list) && type !== "each") {
-                var pool = withProxyPool[list.$id]
+            var $list = ($repeat.$events || {})[subscribers]
+            if ($list && avalon.Array.ensure($list, data)) {
+                $$subscribers.push({
+                    data: data, list: $list
+                })
+            }
+            if (!Array.isArray($repeat) && type !== "each") {
+                var pool = withProxyPool[$repeat.$id]
                 if (!pool) {
                     withProxyCount++
-                    pool = withProxyPool[list.$id] = {}
-                    for (var key in list) {
-                        if (list.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                    pool = withProxyPool[$repeat.$id] = {}
+                    for (var key in $repeat) {
+                        if ($repeat.hasOwnProperty(key) && key !== "hasOwnProperty") {
                             (function(k, v) {
                                 pool[k] = createWithProxy(k, v, {})
                                 pool[k].$watch("$val", function(val) {
-                                    list[k] = val //#303
+                                    $repeat[k] = val //#303
                                 })
-                            })(key, list[key])
+                            })(key, $repeat[key])
                         }
                     }
                 }
-                data.handler("append", list, pool)
+                data.handler("append", $repeat, pool)
             } else {
-                data.handler("add", 0, list)
+                data.handler("add", 0, $repeat)
             }
         },
         "html": function(data, vmodels) {
             parseExprProxy(data.value, vmodels, data)
         },
-        "if": function(data, vmodels) {
-            var elem = data.element
-            elem.removeAttribute(data.name)
-            if (!data.placehoder) {
-                data.msInDocument = data.placehoder = DOC.createComment("ms-if")
-            }
-            data.vmodels = vmodels
-            parseExprProxy(data.value, vmodels, data)
-
-        },
         "on": function(data, vmodels) {
-            var value = data.value,
-                    four = "$event"
+            var value = data.value
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (typeof bindingHandlers.on[eventType + "Hook"] === "function") {
+                bindingHandlers.on[eventType + "Hook"](data)
+            }
             if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
                 var matched = (value.match(rdash) || ["", ""])[1].trim()
                 if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
-                    four = void 0
                     value = value.replace(rdash, "")
                 }
-            } else {
-                four = void 0
             }
-            data.hasArgs = four
-            parseExprProxy(value, vmodels, data, four)
+            parseExprProxy(value, vmodels, data)
         },
         "visible": function(data, vmodels) {
-            var elem = data.element
-            if (!supportDisplay && !root.contains(elem)) { //fuck firfox 全家！
-                var display = parseDisplay(elem.tagName)
-            }
-            display = display || avalon(elem).css("display")
-            data.display = display === "none" ? parseDisplay(elem.tagName) : display
+            var elem = avalon(data.element)
+            var display = elem.css("display")
+            if (display === "none") {
+                var style = elem[0].style
+                var has = /visibility/i.test(style.cssText)
+                var visible = elem.css("visibility")
+                style.display = ""
+                style.visibility = "hidden"
+                display = elem.css("display")
+                if (display === "none") {
+                    display = parseDisplay(elem[0].nodeName)
+                }
+                style.visibility = has ? visible : ""
+            }
+            data.display = display
             parseExprProxy(data.value, vmodels, data)
         },
         "widget": function(data, vmodels) {
@@ -3066,22 +3201,20 @@
                     vmodel.$init()
                 }
                 if (vmodel.hasOwnProperty("$remove")) {
-                    var offTree = function() {
-                        vmodel.$remove()
-                        elem.msData = {}
-                        delete VMODELS[vmodel.$id]
+                    function offTree() {
+                        if (!elem.msRetain && !root.contains(elem)) {
+                            vmodel.$remove()
+                            elem.msData = {}
+                            delete VMODELS[vmodel.$id]
+                            return false
+                        }
                     }
-                    if (supportMutationEvents) {
-                        elem.addEventListener("DOMNodeRemoved", function(e) {
-                            if (e.target === this && !this.msRetain &&
-                                    //#441 chrome浏览器对文本域进行Ctrl+V操作，会触发DOMNodeRemoved事件
-                                            (window.chrome ? (this.tagName === "INPUT" ? e.relatedNode.nodeType === 1 : 1) : 1)) {
-                                offTree()
-                            }
+                    if (window.chrome) {
+                        elem.addEventListener("DOMNodeRemovedFromDocument", function() {
+                            setTimeout(offTree)
                         })
                     } else {
-                        elem.offTree = offTree
-                        launchImpl(elem)
+                        avalon.tick(offTree)
                     }
                 }
             } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
@@ -3089,9 +3222,6 @@
             }
         }
     }
-
-    var supportMutationEvents = W3C && DOC.implementation.hasFeature("MutationEvents", "2.0")
-
     //============================ class preperty binding  =======================
     "hover,active".replace(rword, function(method) {
         bindingHandlers[method] = bindingHandlers["class"]
@@ -3099,7 +3229,7 @@
     "with,each".replace(rword, function(name) {
         bindingHandlers[name] = bindingHandlers.repeat
     })
-    bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+    bindingHandlers["if"] = bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
     //============================= string preperty binding =======================
     //与href绑定器 用法差不多的其他字符串属性的绑定器
     //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
@@ -3113,96 +3243,123 @@
     //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
     //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
     duplexBinding.INPUT = function(element, evaluator, data) {
-        var fixType = data.param,
-                type = element.type,
+        var type = element.type,
                 bound = data.bound,
                 $elem = avalon(element),
                 firstTigger = false,
-                composing = false,
-                callback = function(value) {
-                    firstTigger = true
-                    data.changed.call(this, value)
-                },
-                compositionStart = function() {
-                    composing = true
-                },
-                compositionEnd = function() {
-                    composing = false
-                },
-                //当value变化时改变model的值
-                updateVModel = function() {
-                    if (composing)
-                        return
-                    var val = element.oldValue = element.value
-                    if ($elem.data("duplex-observe") !== false) {
-                        evaluator(val)
-                        callback.call(element, val)
-                    }
+                composing = false
+        function callback(value) {
+            firstTigger = true
+            data.changed.call(this, value)
+        }
+        function compositionStart() {
+            composing = true
+        }
+        function compositionEnd() {
+            composing = false
+        }
+        //当value变化时改变model的值
+        function updateVModel() {
+            if (composing)//处理中文输入法在minlengh下引发的BUG
+                return
+            var val = element.oldValue = element.value //防止递归调用形成死循环
+            var typedVal = getTypedValue(data, val)               //尝式转换为正确的格式
+            if ($elem.data("duplex-observe") !== false) {
+                evaluator(typedVal)
+                callback.call(element, typedVal)
+                if ($elem.data("duplex-focus")) {
+                    avalon.nextTick(function() {
+                        element.focus()
+                    })
                 }
+            }
+        }
 
         //当model变化时,它就会改变value的值
         data.handler = function() {
             var val = evaluator()
+            val = val == null ? "" : val + ""
             if (val !== element.value) {
-                element.value = val + ""
+                element.value = val
             }
         }
 
-        if (type === "checkbox" && fixType === "radio") {
+        if (type === "checkbox" && data.param === "radio") {
             type = "radio"
         }
         if (type === "radio") {
-            data.handler = function() {
-                //IE6是通过defaultChecked来实现打勾效果
-                element.defaultChecked = (element.checked = /bool|text/.test(fixType) ? evaluator() + "" === element.value : !!evaluator())
-            }
+            var IE6 = !window.XMLHttpRequest
             updateVModel = function() {
                 if ($elem.data("duplex-observe") !== false) {
                     var val = element.value
-                    if (fixType === "text") {
-                        evaluator(val)
-                    } else if (fixType === "bool") {
-                        val = val === "true"
-                        evaluator(val)
-                    } else {
-                        val = !element.defaultChecked
-                        evaluator(val)
-                        element.checked = val
-                    }
-                    callback.call(element, val)
+                    var typedValue = data.msType ? getTypedValue(data, val) : !element.oldValue
+                    evaluator(typedValue)
+                    callback.call(element, typedValue)
                 }
             }
-            bound(fixType ? "click" : "mousedown", updateVModel)
+            data.handler = function() {
+                var val = evaluator()
+                var checked = data.msType ? val + "" === element.value : !!val
+                element.oldValue = checked
+                if (IE6) {
+                    setTimeout(function() {
+                        //IE8 checkbox, radio是使用defaultChecked控制选中状态，
+                        //并且要先设置defaultChecked后设置checked
+                        //并且必须设置延迟
+                        element.defaultChecked = checked
+                        element.checked = checked
+                    }, 100)
+                } else {
+                    element.checked = checked
+                }
+            }
+            bound(IE6 ? "mouseup" : "click", updateVModel)
         } else if (type === "checkbox") {
             updateVModel = function() {
                 if ($elem.data("duplex-observe") !== false) {
                     var method = element.checked ? "ensure" : "remove"
                     var array = evaluator()
-                    if (Array.isArray(array)) {
-                        avalon.Array[method](array, element.value)
-                    } else {
-                        avalon.error("ms-duplex位于checkbox时要求对应一个数组")
+                    if (!Array.isArray(array)) {
+                        log("ms-duplex应用于checkbox上要对应一个数组")
+                        array = [array]
                     }
+                    var typedValue = getTypedValue(data, element.value)
+                    avalon.Array[method](array, typedValue)
                     callback.call(element, array)
                 }
             }
+
             data.handler = function() {
                 var array = [].concat(evaluator()) //强制转换为数组
-                element.checked = array.indexOf(element.value) >= 0
+                element.checked = array.indexOf(getTypedValue(data, element.value)) >= 0
             }
 
             bound(W3C ? "change" : "click", updateVModel)
 
         } else {
             var event = element.attributes["data-duplex-event"] || element.attributes["data-event"] || {}
+            if (element.attributes["data-event"]) {
+                log("data-event指令已经废弃，请改用data-duplex-event")
+            }
             event = event.value
             if (event === "change") {
                 bound("change", updateVModel)
             } else {
-                if (W3C && DOC.documentMode !== 9) { //IE10+, W3C
+                if (W3C) { //IE9+, W3C
                     bound("input", updateVModel)
                     bound("compositionstart", compositionStart)
                     bound("compositionend", compositionEnd)
+                    if ("onselectionchange"in DOC) {//fix IE9 http://www.matts411.com/post/internet-explorer-9-oninput/
+                        function selectionchange(e) {
+                            if (e.type === "focus") {
+                                DOC.addEventListener("selectionchange", updateVModel, false);
+                            } else {
+                                DOC.removeEventListener("selectionchange", updateVModel, false);
+                            }
+                        }
+                        bound("focus", selectionchange)
+                        bound("blur", selectionchange)
+                    }
                 } else {
                     var events = ["keyup", "paste", "cut", "change"]
 
@@ -3228,12 +3385,16 @@
                         })
                     }
                 }
-
             }
         }
-        element.onTree = onTree
-        launch(element)
         element.oldValue = element.value
+        launch(function() {
+            if (avalon.contains(root, element)) {
+                onTree.call(element)
+            } else if (!element.msRetain) {
+                return false
+            }
+        })
         registerSubscriber(data)
         var timer = setTimeout(function() {
             if (!firstTigger) {
@@ -3242,6 +3403,18 @@
             clearTimeout(timer)
         }, 31)
     }
+
+    function getTypedValue(data, val) {
+        switch (data.msType) {
+            case "boolean":
+                return val === "true"
+            case "number":
+                return isFinite(val) || val === "" ? parseFloat(val) || 0 : val
+            default:
+                return val
+        }
+    }
+
     var TimerID, ribbon = [],
             launch = noop
     function W3CFire(el, name, detail) {
@@ -3252,6 +3425,7 @@
         }
         el.dispatchEvent(event)
     }
+
     function onTree() { //disabled状态下改动不触发input事件
         if (!this.disabled && this.oldValue !== this.value) {
             if (W3C) {
@@ -3262,13 +3436,16 @@
         }
     }
 
+    avalon.tick = function(fn) {
+        if (ribbon.push(fn) === 1) {
+            TimerID = setInterval(ticker, 60)
+        }
+    }
+
     function ticker() {
         for (var n = ribbon.length - 1; n >= 0; n--) {
             var el = ribbon[n]
-            if (avalon.contains(root, el)) {
-                el.onTree && el.onTree()
-            } else if (!el.msRetain) {
-                el.offTree && el.offTree()
+            if (el() === false) {
                 ribbon.splice(n, 1)
             }
         }
@@ -3276,11 +3453,6 @@
             clearInterval(TimerID)
         }
     }
-    function launchImpl(el) {
-        if (ribbon.push(el) === 1) {
-            TimerID = setInterval(ticker, 30)
-        }
-    }
 
     function newSetter(newValue) {
         oldSetter.call(this, newValue)
@@ -3296,29 +3468,44 @@
             set: newSetter
         })
     } catch (e) {
-        launch = launchImpl
+        launch = avalon.tick
     }
 
     duplexBinding.SELECT = function(element, evaluator, data) {
         var $elem = avalon(element)
-
         function updateVModel() {
             if ($elem.data("duplex-observe") !== false) {
                 var val = $elem.val() //字符串或字符串数组
+                if (Array.isArray(val)) {
+                    val = val.map(function(v) {
+                        return getTypedValue(data, v)
+                    })
+                } else {
+                    val = getTypedValue(data, val)
+                }
                 if (val + "" !== element.oldValue) {
                     evaluator(val)
-                    element.oldValue = val + ""
                 }
                 data.changed.call(element, val)
             }
         }
         data.handler = function() {
-            var curValue = evaluator()
-            curValue = curValue && curValue.$model || curValue
-            curValue = Array.isArray(curValue) ? curValue.map(String) : curValue + ""
-            if (curValue + "" !== element.oldValue) {
-                $elem.val(curValue)
-                element.oldValue = curValue + ""
+            var val = evaluator()
+            val = val && val.$model || val
+            //必须变成字符串后才能比较
+            if (Array.isArray(val)) {
+                if (!element.multiple) {
+                    log("ms-duplex在<select multiple=true>上要求对应一个数组")
+                }
+            } else {
+                if (element.multiple) {
+                    log("ms-duplex在<select multiple=false>不能对应一个数组")
+                }
+            }
+            val = Array.isArray(val) ? val.map(String) : val + ""
+            if (val + "" !== element.oldValue) {
+                $elem.val(val)
+                element.oldValue = val + ""
             }
         }
         data.bound("change", updateVModel)
@@ -3351,6 +3538,8 @@
             var box = doc.compatMode === "BackCompat" ? doc.body : doc.documentElement
             ret.pageX = event.clientX + (box.scrollLeft >> 0) - (box.clientLeft >> 0)
             ret.pageY = event.clientY + (box.scrollTop >> 0) - (box.clientTop >> 0)
+            ret.wheelDeltaY = ret.wheelDelta
+            ret.wheelDeltaX = 0
         }
         ret.timeStamp = new Date - 0
         ret.originalEvent = event
@@ -3397,7 +3586,7 @@
         }
     })
     //针对IE6-8修正input
-    if (!("oninput" in document.createElement("input"))) {
+    if (!("oninput" in DOC.createElement("input"))) {
         eventHooks.input = {
             type: "propertychange",
             deel: function(elem, fn) {
@@ -3410,17 +3599,20 @@
             }
         }
     }
-    if (document.onmousewheel === void 0) {
+    if (DOC.onmousewheel === void 0) {
         /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
          firefox DOMMouseScroll detail 下3 上-3
          firefox wheel detlaY 下3 上-3
          IE9-11 wheel deltaY 下40 上-40
          chrome wheel deltaY 下100 上-100 */
+        var fixWheelType = DOC.onwheel !== void 0 ? "wheel" : "DOMMouseScroll"
+        var fixWheelDelta = fixWheelType === "wheel" ? "deltaY" : "detail"
         eventHooks.mousewheel = {
-            type: "DOMMouseScroll",
+            type: fixWheelType,
             deel: function(elem, fn) {
                 return function(e) {
-                    e.wheelDelta = e.detail > 0 ? -120 : 120
+                    e.wheelDeltaY = e.wheelDelta = e[fixWheelDelta] > 0 ? -120 : 120
+                    e.wheelDeltaX = 0
                     if (Object.defineProperty) {
                         Object.defineProperty(e, "type", {
                             value: "mousewheel"
@@ -3439,17 +3631,17 @@
     function Collection(model) {
         var array = []
         array.$id = generateID()
-        array[subscribers] = []
-        array.$model = model // model.concat()
-        array.$events = {} //VB对象的方法里的this并不指向自身，需要使用bind处理一下
+        array.$model = model   //数据模型
+        array.$events = {}
+        array.$events[subscribers] = []
         array._ = modelFactory({
             length: model.length
         })
         array._.$watch("length", function(a, b) {
             array.$fire("length", a, b)
         })
-        for (var i in Events) {
-            array[i] = Events[i]
+        for (var i in EventManager) {
+            array[i] = EventManager[i]
         }
         avalon.mix(array, CollectionPrototype)
         return array
@@ -3458,15 +3650,18 @@
     var _splice = ap.splice
     var CollectionPrototype = {
         _splice: _splice,
+        _fire: function(method, a, b) {
+            notifySubscribers(this.$events[subscribers], method, a, b)
+        },
         _add: function(arr, pos) { //在第pos个位置上，添加一组元素
             var oldLength = this.length
             pos = typeof pos === "number" ? pos : oldLength
             var added = []
             for (var i = 0, n = arr.length; i < n; i++) {
-                added[i] = convert(arr[i])
+                added[i] = convert(arr[i], this.$model[i])
             }
             _splice.apply(this, [pos, 0].concat(added))
-            notifySubscribers(this, "add", pos, added)
+            this._fire("add", pos, added)
             if (!this._stopFireLength) {
                 return this._.length = this.length
             }
@@ -3474,7 +3669,7 @@
         _del: function(pos, n) { //在第pos个位置上，删除N个元素
             var ret = this._splice(pos, n)
             if (ret.length) {
-                notifySubscribers(this, "del", pos, n)
+                this._fire("del", pos, n)
                 if (!this._stopFireLength) {
                     this._.length = this.length
                 }
@@ -3484,7 +3679,7 @@
         push: function() {
             ap.push.apply(this.$model, arguments)
             var n = this._add(arguments)
-            notifySubscribers(this, "index", n > 2 ? n - 2 : 0)
+            this._fire("index", n > 2 ? n - 2 : 0)
             return n
         },
         pushArray: function(array) {
@@ -3493,13 +3688,13 @@
         unshift: function() {
             ap.unshift.apply(this.$model, arguments)
             this._add(arguments, 0)
-            notifySubscribers(this, "index", arguments.length)
+            this._fire("index", arguments.length)
             return this.$model.length //IE67的unshift不会返回长度
         },
         shift: function() {
             var el = this.$model.shift()
             this._del(0, 1)
-            notifySubscribers(this, "index", 0)
+            this._fire("index", 0)
             return el //返回被移除的元素
         },
         pop: function() {
@@ -3524,7 +3719,7 @@
             this._stopFireLength = false
             this._.length = this.length
             if (change) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return ret //返回被移除的元素
         },
@@ -3542,7 +3737,7 @@
         },
         clear: function() {
             this.$model.length = this.length = this._.length = 0 //清空数组
-            notifySubscribers(this, "clear", 0)
+            this._fire("clear", 0)
             return this
         },
         removeAll: function(all) { //移除N个元素
@@ -3585,7 +3780,7 @@
                 } else if (target !== val) {
                     this[index] = val
                     this.$model[index] = val
-                    notifySubscribers(this, "set", index, val)
+                    this._fire("set", index, val)
                 }
             }
             return this
@@ -3607,197 +3802,84 @@
                     var remove2 = bbb.splice(index, 1)[0]
                     this._splice(i, 0, remove)
                     bbb.splice(i, 0, remove2)
-                    notifySubscribers(this, "move", index, i)
+                    this._fire("move", index, i)
                 }
             }
             bbb = void 0
             if (sorted) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return this
         }
     })
 
-    function convert(val) {
+    function convert(val, $model) {
         if (rcomplexType.test(avalon.type(val))) {
-            val = val.$id ? val : modelFactory(val, val)
+            val = val.$id ? val : modelFactory(val, 0, $model)
         }
         return val
     }
 
     //============ each/repeat/with binding 用到的辅助函数与对象 ======================
-    //得到某一元素节点或文档碎片对象下的所有注释节点
-    var queryComments = DOC.createTreeWalker ? function(parent) {
-        var tw = DOC.createTreeWalker(parent, NodeFilter.SHOW_COMMENT, null, null),
-                comment, ret = []
-        while (comment = tw.nextNode()) {
-            ret.push(comment)
-        }
-        return ret
-    } : function(parent) {
-        return parent.getElementsByTagName("!")
-    }
-    //将通过ms-if移出DOM树放进ifSanctuary的元素节点移出来，以便垃圾回收
-
-    function expelFromSanctuary(parent) {
-        var comments = queryComments(parent)
-        for (var i = 0, comment; comment = comments[i++]; ) {
-            if (comment.nodeValue == "ms-if") {
-                cinerator.appendChild(comment.elem)
-            }
-        }
-        while (comment = parent.firstChild) {
-            cinerator.appendChild(comment)
-        }
-        cinerator.innerHTML = ""
-    }
 
-    function iteratorCallback(args) {
-        var callback = getBindingCallback(this.callbackElement, this.callbackName, this.vmodels)
-        if (callback) {
-            var parent = this.parent
-            checkScan(parent, function() {
-                callback.apply(parent, args)
-            })
+    //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
+    function shimController(data, transation, proxy, fragments) {
+        var dom = avalon.parseHTML(data.template)
+        var nodes = avalon.slice(dom.childNodes)
+        transation.appendChild(dom)
+        proxy.$outer = data.$outer
+        var fragment = {
+            nodes: nodes,
+            vmodels: [proxy].concat(data.vmodels)
         }
+        fragments.push(fragment)
     }
-    function getAll(elem) {//VML的getElementsByTagName("*")不能取得所有元素节点
-        var ret = []
-        function get(parent, array) {
-            var nodes = parent.childNodes
-            for (var i = 0, el; el = nodes[i++]; ) {
-                if (el.nodeType === 1) {
-                    array.push(el)
-                    get(el, array)
-                }
-            }
-            return array
-        }
-        return get(elem, ret)
-    }
-    function fixCloneNode(src) {
-        var target = src.cloneNode(true)
-        if (window.VBArray) {//只处理IE
-            var srcAll = getAll(src)
-            var destAll = getAll(target)
-            for (var k = 0, src; src = srcAll[k]; k++) {
-                if (src.nodeType === 1) {
-                    var nodeName = src.nodeName
-                    var dest = destAll[k]
-                    if (nodeName === "INPUT" && /radio|checkbox/.test(src.type)) {
-                        dest.defaultChecked = dest.checked = src.checked
-                        if (dest.value !== src.value) {
-                            dest.value = src.value//IE67复制后，value从on变成""
-                        }
-                    } else if (nodeName === "OBJECT") {
-                        if (dest.parentNode) {//IE6-10拷贝子孙元素失败了
-                            dest.outerHTML = src.outerHTML
-                        }
-                    } else if (nodeName === "OPTION") {
-                        dest.defaultSelected = dest.selected = src.defaultSelected
-                    } else if (nodeName === "INPUT" || nodeName === "TEXTAREA") {
-                        dest.defaultValue = src.defaultValue
-                    } else if (nodeName.toLowerCase() === nodeName && src.scopeName && src.outerText === "") {
-                        //src.tagUrn === "urn:schemas-microsoft-com:vml"//判定是否为VML元素
-                        var props = {}//处理VML元素
-                        src.outerHTML.replace(/\s*=\s*/g, "=").replace(/(\w+)="([^"]+)"/g, function(a, prop, val) {
-                            props[prop] = val
-                        }).replace(/(\w+)='([^']+)'/g, function(a, prop, val) {
-                            props[prop] = val
-                        })
-                        dest.outerHTML.replace(/\s*=\s*/g, "=").replace(/(\w+)="/g, function(a, prop) {
-                            delete props[prop]
-                        }).replace(/(\w+)='/g, function(a, prop) {
-                            delete props[prop]
-                        })
-                        delete props.urn
-                        delete props.implementation
-                        for (var i in props) {
-                            dest.setAttribute(i, props[i])
-                        }
-                        fixVML(dest)
-                    }
+    // 取得用于定位的节点。比如data.group = 3,  结构为
+    // <div><!--ms-repeat--><br id="first"><br/><br/><br id="second"><br/><br/></div>
+    // 当pos为0时,返回 br#first
+    // 当pos为1时,返回 br#second
+    // 当pos为2时,返回 null
+    function locateFragment(data, pos) {
+        var comment = data.element
+        if (data.type == "repeat") {//ms-repeat，data.group为1
+            var node = comment.nextSibling
+            for (var i = 0, n = pos; i < n; i++) {
+                if (node) {
+                    node = node.nextSibling
+                } else {
+                    break
                 }
             }
+        } else {
+            var nodes = avalon.slice(comment.parentNode.childNodes, 1)
+            var group = data.group || nodes.length / data.proxies.length
+            node = nodes[group * pos]
         }
-        return target
-    }
-
-    function fixVML(node) {
-        if (node.currentStyle.behavior !== "url(#default#VML)") {
-            node.style.behavior = "url(#default#VML)"
-            node.style.display = "inline-block"
-            node.style.zoom = 1 //hasLayout
-        }
+        return node || null
     }
 
-    //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
-    function shimController(data, transation, spans, proxy) {
-        var tview = fixCloneNode(data.template)
-        var id = proxy.$id
-        var span = tview.firstChild
-        if (!data.fastRepeat) {
-            span = DOC.createElement("msloop")
-            span.style.display = "none"
-            span.appendChild(tview)
-        }
-        span.setAttribute("ms-controller", id)
-        span.removeAttribute(data.callbackName)
-        span.removeAttribute("data-with-sorted")
-        spans.push(span)
-        transation.appendChild(span)
-        proxy.$outer = data.$outer
-        VMODELS[id] = proxy
-
-        function fn() {
-            delete VMODELS[id]
-            data.group = 1
-            if (!data.fastRepeat) {
-                data.group = span.childNodes.length
-                span.parentNode.removeChild(span)
-                while (span.firstChild) {
-                    transation.appendChild(span.firstChild)
-                }
-                if (fn.node !== void 0) {
-                    fn.parent.insertBefore(transation, fn.node)
-                }
+    function removeFragment(node, group, pos) {
+        var n = group * (pos || 1)
+        var nodes = [node], i = 1
+        var view = hyperspace
+        while (i < n) {
+            node = node.nextSibling
+            if (node) {
+                nodes[i++] = node
             }
         }
-        return span.patchRepeat = fn
-    }
-    // 取得用于定位的节点。在绑定了ms-each, ms-with属性的元素里，它的整个innerHTML都会视为一个子模板先行移出DOM树，
-    // 然后如果它的元素有多少个（ms-each）或键值对有多少双（ms-with），就将它复制多少份(多少为N)，再经过扫描后，重新插入该元素中。
-    // 这时该元素的孩子将分为N等分，每等份的第一个节点就是这个用于定位的节点，
-    // 方便我们根据它算出整个等分的节点们，然后整体移除或移动它们。
-
-    function getLocatedNode(parent, data, pos) {
-        if (data.startRepeat) {
-            var ret = data.startRepeat,
-                    end = data.endRepeat
-            pos += 1
-            for (var i = 0; i < pos; i++) {
-                ret = ret.nextSibling
-                if (ret == end)
-                    return end
-            }
-            return ret
-        } else {
-            return parent.childNodes[data.group * pos] || null
+        for (var i = 0; node = nodes[i++]; ) {
+            view.appendChild(node)
         }
+        return view
     }
 
-    function removeView(node, group, n) {
-        var length = group * (n || 1)
-        var view = hyperspace//.cloneNode(false)//???
-        while (--length >= 0) {
-            var nextSibling = node.nextSibling
-            view.appendChild(node)
-            node = nextSibling
-            if (!node) {
-                break
-            }
+    function calculateFragmentGroup(data) {
+        if (!isFinite(data.group)) {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var n = "proxySize" in data ? data.proxySize : data.proxies.length
+            data.group = nodes.length / n
         }
-        return view
     }
     // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
     var watchEachOne = oneObject("$index,$first,$last")
@@ -3807,11 +3889,11 @@
             $key: key,
             $outer: $outer,
             $val: val
-        }, 0, {
+        }, {
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
         return proxy
     }
     var eachProxyPool = []
@@ -3819,7 +3901,7 @@
         var param = data.param || "el", proxy
         var source = {
             $remove: function() {
-                return data.getter().removeAt(proxy.$index)
+                return data.$repeat.removeAt(proxy.$index)
             },
             $itemName: param,
             $index: index,
@@ -3831,8 +3913,8 @@
         for (var i = 0, n = eachProxyPool.length; i < n; i++) {
             var proxy = eachProxyPool[i]
             if (proxy.hasOwnProperty(param)) {
-                for (var i in source) {
-                    proxy[i] = source[i]
+                for (var k in source) {
+                    proxy[k] = source[k]
                 }
                 eachProxyPool.splice(i, 1)
                 return proxy
@@ -3841,17 +3923,26 @@
         if (rcomplexType.test(avalon.type(item))) {
             source.$skipArray = [param]
         }
-        proxy = modelFactory(source, 0, watchEachOne)
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy = modelFactory(source, watchEachOne)
+        proxy.$watch(param, function(val) {
+            data.$repeat.set(proxy.$index, val)
+        })
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
         return proxy
     }
+
+    function recycleEachProxies(array) {
+        for (var i = 0, el; el = array[i++]; ) {
+            recycleEachProxy(el)
+        }
+        array.length = 0
+    }
+
     function recycleEachProxy(proxy) {
-        var obj = proxy.$accessors, name = proxy.$itemName;
-        ["$index", "$last", "$first"].forEach(function(prop) {
-            obj[prop][subscribers].length = 0
-        })
-        if (proxy[name][subscribers]) {
-            proxy[name][subscribers].length = 0;
+        for (var i in proxy.$events) {
+            if (Array.isArray(proxy.$events[i])) {
+                proxy.$events[i].length = 0
+            }
         }
         if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
             eachProxyPool.pop()
@@ -3861,10 +3952,13 @@
      *                             自带过滤器                            *
      **********************************************************************/
     var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
-    var raimg = /^<(a|img)\s/i
     var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
     var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
-    var rjavascripturl = /\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig
+    var rsanitize = {
+        a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig
+    }
     var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
     var rnoalphanumeric = /([^\#-~| |!])/g;
     var filters = avalon.filters = {
@@ -3889,8 +3983,15 @@
         //    <a href="jav&#x0A;ascript:alert('XSS');">IE67chrome</a>
         sanitize: function(str) {
             return str.replace(rscripts, "").replace(ropen, function(a, b) {
-                if (raimg.test(a)) {
-                    a = a.replace(rjavascripturl, " $1=''")//移除javascript伪协议
+                var match = a.toLowerCase().match(/<(\w+)\s/)
+                if (match) {//处理a标签的href属性，img标签的src属性，form标签的action属性
+                    var reg = rsanitize[match[1]]
+                    if (reg) {
+                        a = a.replace(reg, function(s, name, value) {
+                            var quote = value.charAt(0)
+                            return  name + "=" + quote + "javascript:void(0)" + quote
+                        })
+                    }
                 }
                 return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
             })
@@ -4169,6 +4270,8 @@
         locate.SHORTMONTH = locate.MONTH
         filters.date.locate = locate
     }
+
+
     /*********************************************************************
      *                      AMD加载器                                   *
      **********************************************************************/
@@ -4533,12 +4636,18 @@
     /*********************************************************************
      *                           DOMReady                               *
      **********************************************************************/
-    var ready = W3C ? "DOMContentLoaded" : "readystatechange"
 
+    var readyList = []
     function fireReady() {
         if (DOC.body) { //  在IE8 iframe中doScrollCheck可能不正确
-            modules["ready!"].state = 2
-            innerRequire.checkDeps()
+            if (innerRequire) {
+                modules["ready!"].state = 2
+                innerRequire.checkDeps()
+            } else {
+                readyList.forEach(function(a) {
+                    a(avalon)
+                })
+            }
             fireReady = noop //隋性函数，防止IE9二次调用_checkDeps
         }
     }
@@ -4555,58 +4664,39 @@
     if (DOC.readyState === "complete") {
         setTimeout(fireReady) //如果在domReady之外加载
     } else if (W3C) {
-        DOC.addEventListener(ready, fireReady)
-        window.addEventListener("load", fireReady)
+        DOC.addEventListener("DOMContentLoaded", fireReady)
     } else {
         DOC.attachEvent("onreadystatechange", function() {
             if (DOC.readyState === "complete") {
                 fireReady()
             }
         })
-        window.attachEvent("onload", fireReady)
         if (root.doScroll) {
             doScrollCheck()
         }
     }
+    avalon.bind(window, "load", fireReady)
+
+    avalon.ready = function(fn) {
+        if (innerRequire) {
+            innerRequire("ready!", fn)
+        } else if (fireReady === noop) {
+            fn(avalon)
+        } else {
+            readyList.push(fn)
+        }
+    }
+
     avalon.config({
         loader: true
     })
-    avalon.ready = function(fn) {
-        innerRequire("ready!", fn)
-    }
 
     avalon.ready(function() {
-        //IE6-9下这个通常只要1ms,而且没有副作用，不会发出请求，setImmediate如果只执行一次，与setTimeout一样要140ms上下
-        if (window.VBArray && !window.setImmediate) {
-            var handlerQueue = []
-
-            function drainQueue() {
-                var fn = handlerQueue.shift()
-                if (fn) {
-                    fn()
-                    if (handlerQueue.length) {
-                        avalon.nextTick()
-                    }
-                }
-            }
-            avalon.nextTick = function(callback) {
-                if (typeof callback === "function") {
-                    handlerQueue.push(callback)
-                }
-                var node = DOC.createElement("script")
-                node.onreadystatechange = function() {
-                    drainQueue() //在interactive阶段就触发
-                    node.onreadystatechange = null
-                    head.removeChild(node)
-                    node = null
-                }
-                head.appendChild(node)
-            }
-        }
         avalon.scan(DOC.body)
     })
 })(document)
 /**
  http://www.cnblogs.com/henryzhu/p/mvvm-1-why-mvvm.ht
  http://dev.oupeng.com/wp-content/uploads/20131109-kennyluck-optimizing-js-games.html#controls-slide
+ http://ps.p12345.com/
  */
diff --git a/avalon.min.js b/avalon.min.js
index e84ea936e..cbfbfdd8d 100644
--- a/avalon.min.js
+++ b/avalon.min.js
@@ -1,120 +1,121 @@
-(function(q){function C(){}function y(b){r.console&&avalon.config.debug&&console.log(t?b:b+"")}function J(b,c){"string"===typeof b&&(b=b.match(B)||[]);for(var d={},e=void 0!==c?c:1,f=0,g=b.length;f<g;f++)d[b[f]]=e;return d}function Va(){return"avalon"+Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function Wa(b){return Gb.test(Xa.call(b))}function qa(b,c){b=Math.floor(b)||0;return 0>b?Math.max(c+b,0):Math.min(b,c)}function K(b,c,d){if(Array.isArray(b)){var e=
-b.concat();b.length=0;b=Hb(b);b.push.apply(b,e);return b}if("number"===typeof b.nodeType)return b;var f={};c=c||{};var g={},h={},e=[],k=d||{},l=b.$skipArray;d=0;for(var m;m=Ib[d++];)"string"!==typeof m&&y("warning:$skipArray["+m+"] must be a string"),delete b[m],h[m]=!0;if(Array.isArray(l))for(d=0;m=l[d++];)h[m]=!0;for(d in b)Jb(d,b[d],c,h,g,e,k);f=ga(f,Kb(g),h);for(m in h)f[m]=h[m];k.vmodel=f;f.$model=c;f.$events={};f.$id=Va();f.$accessors=g;f[z]=[];for(d in L)b=L[d],t||(b=b.bind(f)),f[d]=b;f.hasOwnProperty=
-function(b){return b in f.$model};for(d=0;b=e[d++];)U[x]=b,b(),ha(b),delete U[x];return f}function Jb(b,c,d,e,f,g,h){d[b]=c;if(e[b]||c&&c.nodeType||"$"===b.charAt(0)&&!h[b])return e[b]=c;var k=avalon.type(c);if("function"===k)return e[b]=c;var l,m;if("object"===k&&"function"===typeof c.get&&2>=Object.keys(c).length){var n=c.set,p=c.get;l=function(c){var e=h.vmodel,f=d[b];if(arguments.length){if(!ka){if("function"===typeof n){var g=e.$events[b];e.$events[b]=[];n.call(e,c);e.$events[b]=g}if(!Y(m,c)){m=
-c;c=d[b]=p.call(e);if(la&&(g=V[e.$id])&&g[b])g[b].$val=c;D(l);e.$events&&L.$fire.call(e,b,c,f)}}}else return avalon.openComputedCollect&&ha(l),c=d[b]=p.call(e),Y(f,c)||(m=void 0,e.$events&&L.$fire.call(e,b,c,f)),c};g.push(l)}else ra.test(k)?(l=function(c){var e=l.$vmodel,f=e.$model;if(arguments.length){if(!ka&&!Y(f,c)){c=l.$vmodel=Mb(e,c,k);var g=sa[c.$id];g&&g();g=h.vmodel;d[b]=c.$model;D(e);g.$events&&L.$fire.call(g,b,d[b],f)}}else return ha(e),e},l.$vmodel=c.$model?c:K(c,c),d[b]=l.$vmodel.$model):
-(l=function(c){var e=d[b];if(arguments.length){if(!Y(e,c)){d[b]=c;var f=h.vmodel;if(la){var g=V[f.$id];g&&g[b]&&(g[b].$val=c)}D(l);f.$events&&L.$fire.call(f,b,c,e)}}else return ha(l),e},d[b]=c);l[z]=[];f[b]=l}function Mb(b,c,d){if("array"===d){if(!Array.isArray(c))return b;c=c.concat();b.clear();b.push.apply(b,c);return b}var e=b[z]||[];V[b.$id]&&(la--,delete V[b.$id]);var f=K(c);sa[f.$id]=function(b){for(;b=e.shift();)(function(b){b.type&&avalon.nextTick(function(){b.rollback&&b.rollback();E[b.type](b,
-b.vmodels)})})(b);delete sa[f.$id]};return f}function Z(b,c,d){b="for(var "+b+"i=0,n = this.length; i < n; i++){"+c.replace("_","((i in this) && fn.call(scope,this[i],i,this))")+"}"+d;return Function("fn,scope",b)}function Ya(b,c){if(c)for(;c=c.parentNode;)if(c===b)return!0;return!1}function Za(){return(new XMLSerializer).serializeToString(this)}function ta(b,c){if(b&&b.childNodes)for(var d=b.childNodes,e=0,f;f=d[e++];)if(f.tagName){var g=document.createElementNS($a,f.tagName.toLowerCase());I.forEach.call(f.attributes,
-function(b){g.setAttribute(b.name,b.value)});ta(f,g);c.appendChild(g)}}function v(b){for(var c in b)if(Q.call(b,c)){var d=b[c];if("function"===typeof v.plugins[c])v.plugins[c](d);else"object"===typeof v[c]?avalon.mix(v[c],d):v[c]=d}return this}function ab(b){return b.replace(/([a-z\d])([A-Z]+)/g,"$1-$2").toLowerCase()}function ma(b){return 0>b.indexOf("-")&&0>b.indexOf("_")?b:b.replace(/[-_][^-_]/g,function(b){return b.charAt(1).toUpperCase()})}function bb(b){"classList"in b||(avalon.mix(b.classList=
-{node:b},cb),b.classList.toString=cb.toString);return b.classList}function db(b){try{b="true"===b?!0:"false"===b?!1:"null"===b?null:+b+""===b?+b:Nb.test(b)?avalon.parseJSON(b):b}catch(c){}return b}function eb(b,c){if(0>=b.offsetWidth){if(Ob.test(w["@:get"](b,"display"))){var d={node:b},e;for(e in fb)d[e]=b.style[e],b.style[e]=fb[e];c.push(d)}(d=b.parentNode)&&1==d.nodeType&&eb(d,c)}}function ua(b,c){U[x]=b;avalon.openComputedCollect=!0;var d=b.evaluator;if(d)if("duplex"===b.type)b.handler();else try{var e=
-"on"===b.type?b:d.apply(0,b.args);b.handler(e,b.element,b)}catch(f){delete b.evaluator,3===b.nodeType&&(v.commentInterpolate?b.element.replaceChild(q.createComment(b.value),b.node):b.node.data=M+b.value+N),y("warning:evaluator of ["+b.value+"] throws error!")}else b();avalon.openComputedCollect=!1;delete U[x]}function ha(b){U[x]&&(b=b[z])&&avalon.Array.ensure(b,U[x])}function D(b){var c=b[z];if(c&&c.length)for(var d=$.call(arguments,1),e=c.length,f;f=c[--e];){var g=f.element,h;g&&!avalon.contains(aa,
-g)&&(h="number"==typeof g.sourceIndex?0===g.sourceIndex:!avalon.contains(A,g));h?(c.splice(e,1),y("debug: remove "+f.name)):"function"===typeof f?f.apply(0,d):f.getter?f.handler.apply(f,d):f.handler(f.evaluator.apply(0,f.args||[]),g,f)}}function gb(b,c){var d=NaN,e=setInterval(function(){var f=b.innerHTML;f===d?(clearInterval(e),c()):d=f},Pb)}function na(b,c,d){d=b.getAttribute(va+"skip");if(!b.getAttributeNode)return y("warning "+b.tagName+" no getAttributeNode method");var e=b.getAttributeNode(va+
-"important"),f=b.getAttributeNode(va+"controller");if("string"!==typeof d){if(d=e||f){var g=W[d.value];if(!g)return;c=d===e?[g]:[g].concat(c);b.removeAttribute(d.name);g.$events.element=b;avalon.bind(b,"dataavailable",function(c){"object"===typeof c.detail&&b!==c.target&&g.$fire.apply(g,c.detail)});avalon(b).removeClass(d.name)}hb(b,c)}}function wa(b,c){for(var d=b.firstChild;d;){var e=d.nextSibling,f=d.nodeType;1===f?na(d,c):3===f&&ba.test(d.data)?ib(d,c):v.commentInterpolate&&(8===f&&!ba.test(d.nodeValue))&&
-ib(d,c);d=e}}function ib(b,c){var d=[];if(8===b.nodeType){var e=[],f={expr:!0,value:jb(b.nodeValue,e)};e.length&&(f.filters=e);e=[f]}else e=xa(b.data);if(e.length){for(var g=0;f=e[g++];){var h=q.createTextNode(f.value);if(f.expr){var k=f.filters,f={type:"text",node:h,nodeType:3,value:f.value,filters:k};k&&-1!==k.indexOf("html")&&(avalon.Array.remove(k,"html"),f.type="html",f.replaceNodes=[h],k.length||delete d.filters);d.push(f)}R.appendChild(h)}b.parentNode.replaceChild(R,b);d.length&&ya(d,c)}}function hb(b,
-c){for(var d=kb?kb(b):avalon.slice(b.attributes),e=[],f={},g,h=0,k;k=d[h++];)if(k.specified&&(g=k.name.match(lb))){var l=g[1],m=g[2]||"",n=k.value;k=k.name;f[k]=n;Qb[l]?(m=l,l="on"):"enabled"===l&&(l="disabled",n="!("+n+")");if("checked"===l||"selected"===l||"disabled"===l||"readonly"===l)m=l,l="attr",b.removeAttribute(k),k="ms-attr-"+m,b.setAttribute(k,n),g=[k],f[k]=n;"function"===typeof E[l]&&(n={type:l,param:m,element:b,name:g[0],value:n,priority:l in mb?mb[l]:10*l.charCodeAt(0)+(Number(m)||0)},
-"if"===l&&-1<m.indexOf("loop")&&(n.priority+=100),c.length&&(e.push(n),"widget"===l&&(b.msData=b.msData||f)))}e.sort(function(b,c){return b.priority-c.priority});f["ms-checked"]&&f["ms-duplex"]&&y("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");d=e[0]||{};switch(d.type){case "if":case "repeat":case "widget":ya([d],c);break;default:ya(e,c),!Rb[b.tagName]&&za.test(b.innerHTML.replace(nb,"<").replace(ob,">"))&&wa(b,c)}if(b.patchRepeat){b.patchRepeat();
-try{b.patchRepeat="",b.removeAttribute("patchRepeat")}catch(p){}}}function ya(b,c){for(var d=0,e;e=b[d++];)e.vmodels=c,E[e.type](e,c),e.evaluator&&e.name&&e.element.removeAttribute(e.name);b.length=0}function jb(b,c){0<b.indexOf("|")&&(b=b.replace(Sb,"U2hvcnRDaXJjdWl0"),b=b.replace(Tb,function(b,e,f){c.push(e+(f||""));return""}),b=b.replace(Ub,"||"));return b}function xa(b){var c=[],d;d=0;var e;do{e=b.indexOf(M,d);if(-1===e)break;(d=b.slice(d,e))&&c.push({value:d,expr:!1});d=e+M.length;e=b.indexOf(N,
-d);if(-1===e)break;if(d=b.slice(d,e)){var f=[];d=jb(d,f);c.push({value:d,expr:!0,filters:f.length?f:void 0})}d=e+N.length}while(1);(d=b.slice(d))&&c.push({value:d,expr:!1});return c}function Vb(b,c,d,e){for(var f=[],g=" = "+d+".",h=b.length,k;k=b[--h];)c.hasOwnProperty&&c.hasOwnProperty(k)&&(f.push(k+g+k),"duplex"===e&&(b.get=d+"."+k),b.splice(h,1));return f}function Wb(b){var c={};return b.filter(function(b){if(!c[b.$id])return c[b.$id]=1,!0})}function Aa(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];
-return c[e]=f}var d=[];return c}function oa(b,c,d){var e=d.type,f="html"==e||"text"===e?d.filters:"",g=c.map(function(b){return b.$id.replace(Xb,"$1")})+b+e+f,h=Yb(b).concat(),k=[],l=[],m=[],n="";c=Wb(c);for(var p=0,n=c.length;p<n;p++)if(h.length){var u="vm"+x+"_"+p;l.push(u);m.push(c[p]);k.push.apply(k,Vb(h,c[p],u,e))}if(k.length||"duplex"!==e)if(f&&m.push(avalon.filters),d.args=m,c=Ba[g])d.evaluator=c;else{(n=k.join(", "))&&(n="var "+n);if(f){b="\nvar ret"+x+" = "+b;e=[];e.push(b,"\r\n");for(p=
-0;f=d.filters[p++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",x,".",f,"){\n\ttry{\nret",x," = filters",x,".",f,"(ret",x,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+x;l.push("filters"+x)}else{if("duplex"===e){n="'use strict';\nreturn function(vvv){\n\t"+n+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!Zb.test(b)?h.get:b)+"= vvv;\n} ";try{c=Function.apply(C,l.concat(n)),d.evaluator=Ba(g,c)}catch(ia){y("debug: parse error,"+
-ia.message)}return}"on"===e?(b=b.replace("(",".call(this,"),"$event"===d.hasArgs&&l.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),p=b.slice(0,e),b=b.slice(e),b=p+"\n"+b):b="\nreturn "+b+";"}try{c=Function.apply(C,l.concat("'use strict';\n"+n+b)),d.evaluator=Ba(g,c)}catch(ja){y("debug: parse error,"+ja.message)}finally{h=e=l=null}}}function O(b,c,d,e){Array.isArray(e)&&(b=e.map(function(b){return b.expr?"("+b.value+")":$b(b.value)}).join(" + "));oa(b,c,d);d.evaluator&&(d.handler=Ca[d.handlerName||
-d.type],d.evaluator.toString=function(){return d.type+" binding to eval("+b+")"},ua(d))}function Da(b,c){b=b.toLowerCase();if(!pa[b]){var d=q.createElement(b);A.appendChild(d);c=t?getComputedStyle(d,null).display:d.currentStyle.display;A.removeChild(d);pa[b]=c}return pa[b]}function Ea(b,c,d){var e=q.createEvent("Events");e.initEvent(c,!0,!0);d&&(e.detail=d);b.dispatchEvent(e)}function ac(){!this.disabled&&this.oldValue!==this.value&&(t?Ea(this,"input"):this.fireEvent("onchange"))}function bc(){for(var b=
-ca.length-1;0<=b;b--){var c=ca[b];avalon.contains(A,c)?c.onTree&&c.onTree():c.msRetain||(c.offTree&&c.offTree(),ca.splice(b,1))}ca.length||clearInterval(pb)}function qb(b){1===ca.push(b)&&(pb=setInterval(bc,30))}function cc(b){dc.call(this,b);b!==this.oldValue&&Ea(this,"input")}function ec(b){var c={},d;for(d in b)c[d]=b[d];d=c.target=b.srcElement;0===b.type.indexOf("key")?c.which=null!=b.charCode?b.charCode:b.keyCode:/mouse|click/.test(b.type)&&(d=d.ownerDocument||q,d="BackCompat"===d.compatMode?
-d.body:d.documentElement,c.pageX=b.clientX+(d.scrollLeft>>0)-(d.clientLeft>>0),c.pageY=b.clientY+(d.scrollTop>>0)-(d.clientTop>>0));c.timeStamp=new Date-0;c.originalEvent=b;c.preventDefault=function(){b.returnValue=!1};c.stopPropagation=function(){b.cancelBubble=!0};return c}function Hb(b){var c=[];c.$id=Va();c[z]=[];c.$model=b;c.$events={};c._=K({length:b.length});c._.$watch("length",function(b,d){c.$fire("length",b,d)});for(var d in L)c[d]=L[d];avalon.mix(c,rb);return c}function Fa(b){for(var c=
-fc(b),d=0,e;e=c[d++];)"ms-if"==e.nodeValue&&P.appendChild(e.elem);for(;e=b.firstChild;)P.appendChild(e);P.innerHTML=""}function gc(b){var c=da(this.callbackElement,this.callbackName,this.vmodels);if(c){var d=this.parent;gb(d,function(){c.apply(d,b)})}}function sb(b){function c(b,e){for(var f=b.childNodes,g=0,h;h=f[g++];)1===h.nodeType&&(e.push(h),c(h,e));return e}return c(b,[])}function hc(b){var c=b.cloneNode(!0);if(r.VBArray)for(var d=sb(b),e=sb(c),f=0;b=d[f];f++)if(1===b.nodeType){var g=b.nodeName,
-h=e[f];if("INPUT"===g&&/radio|checkbox/.test(b.type))h.defaultChecked=h.checked=b.checked,h.value!==b.value&&(h.value=b.value);else if("OBJECT"===g)h.parentNode&&(h.outerHTML=b.outerHTML);else if("OPTION"===g)h.defaultSelected=h.selected=b.defaultSelected;else if("INPUT"===g||"TEXTAREA"===g)h.defaultValue=b.defaultValue;else if(g.toLowerCase()===g&&b.scopeName&&""===b.outerText){var k={};b.outerHTML.replace(/\s*=\s*/g,"=").replace(/(\w+)="([^"]+)"/g,function(b,c,d){k[c]=d}).replace(/(\w+)='([^']+)'/g,
-function(b,c,d){k[c]=d});h.outerHTML.replace(/\s*=\s*/g,"=").replace(/(\w+)="/g,function(b,c){delete k[c]}).replace(/(\w+)='/g,function(b,c){delete k[c]});delete k.urn;delete k.implementation;for(var l in k)h.setAttribute(l,k[l]);ic(h)}}return c}function ic(b){"url(#default#VML)"!==b.currentStyle.behavior&&(b.style.behavior="url(#default#VML)",b.style.display="inline-block",b.style.zoom=1)}function tb(b,c,d,e){function f(){delete W[h];b.group=1;if(!b.fastRepeat){b.group=k.childNodes.length;for(k.parentNode.removeChild(k);k.firstChild;)c.appendChild(k.firstChild);
-void 0!==f.node&&f.parent.insertBefore(c,f.node)}}var g=hc(b.template),h=e.$id,k=g.firstChild;b.fastRepeat||(k=q.createElement("msloop"),k.style.display="none",k.appendChild(g));k.setAttribute("ms-controller",h);k.removeAttribute(b.callbackName);k.removeAttribute("data-with-sorted");d.push(k);c.appendChild(k);e.$outer=b.$outer;W[h]=e;return k.patchRepeat=f}function Ga(b,c,d){if(c.startRepeat){b=c.startRepeat;c=c.endRepeat;d+=1;for(var e=0;e<d;e++)if(b=b.nextSibling,b==c)return c;return b}return b.childNodes[c.group*
-d]||null}function ub(b,c,d){c*=d||1;for(d=R;0<=--c;){var e=b.nextSibling;d.appendChild(b);b=e;if(!b)break}return d}function jc(b,c,d){b=K({$key:b,$outer:d,$val:c},0,{$val:1,$key:1});b.$id="$proxy$with"+Math.random();return b}function kc(b,c,d,e){var f=d.param||"el",g;b={$remove:function(){return d.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=ea.length;e<h;e++)if(g=ea[e],g.hasOwnProperty(f)){for(e in b)g[e]=b[e];ea.splice(e,1);return g}ra.test(avalon.type(c))&&
-(b.$skipArray=[f]);g=K(b,0,lc);g.$id="$proxy$"+d.type+Math.random();return g}function mc(b){var c=b.$accessors,d=b.$itemName;["$index","$last","$first"].forEach(function(b){c[b][z].length=0});b[d][z]&&(b[d][z].length=0);ea.unshift(b)>v.maxRepeatSize&&ea.pop()}function S(){q.body&&(s["ready!"].state=2,F.checkDeps(),S=C)}function vb(){try{A.doScroll("left"),S()}catch(b){setTimeout(vb)}}var va="ms-",x=new Date-0,z="$"+x,r=this||(0,eval)("this"),nc=r.require,oc=r.define,ka=!1,B=/[^, ]+/g,wb=/\[native code\]/,
-ra=/^(?:object|array)$/,Gb=/^\[object (Window|DOMWindow|global)\]$/,Ha=Object.prototype,Q=Ha.hasOwnProperty,Xa=Ha.toString,I=Array.prototype,$=I.slice,U={},t=r.dispatchEvent,A=q.documentElement,H=q.getElementsByTagName("head")[0],R=q.createDocumentFragment(),P=q.createElement("div"),xb={};"Boolean Number String Function Array Date RegExp Object Error".replace(B,function(b){xb["[object "+b+"]"]=b.toLowerCase()});avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=
-b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?xb[Xa.call(b)]||"object":typeof b};avalon.isWindow=function(b){return!b?!1:b==b.document&&b.document!=b};Wa(r)&&(avalon.isWindow=Wa);avalon.isPlainObject=function(b,c){if(!b||"object"!==avalon.type(b)||b.nodeType||avalon.isWindow(b))return!1;try{if(b.constructor&&!Q.call(b,"constructor")&&!Q.call(b.constructor.prototype,"isPrototypeOf"))return!1}catch(d){return!1}for(c in b);
-return void 0===c||Q.call(b,c)};wb.test(Object.getPrototypeOf)&&(avalon.isPlainObject=function(b){return!!b&&"object"===typeof b&&Object.getPrototypeOf(b)===Ha});avalon.mix=avalon.fn.mix=function(){var b,c,d,e,f,g=arguments[0]||{},h=1,k=arguments.length,l=!1;"boolean"===typeof g&&(l=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===k&&(g=this,h--);for(;h<k;h++)if(null!=(b=arguments[h]))for(c in b)d=g[c],e=b[c],g!==e&&(l&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?
-(f?(f=!1,d=d&&Array.isArray(d)?d:[]):d=d&&avalon.isPlainObject(d)?d:{},g[c]=avalon.mix(l,d,e)):void 0!==e&&(g[c]=e));return g};avalon.mix({rword:B,subscribers:z,version:1.33,ui:{},log:y,slice:t?function(b,c,d){return $.call(b,c,d)}:function(b,c,d){var e=[],f=b.length;void 0===d&&(d=f);if("number"===typeof d&&isFinite(d)){c=qa(c,f);d=qa(d,f);for(f=c;f<d;++f)e[f-c]=b[f]}return e},noop:C,error:function(b,c){throw new (c||Error)(b);},oneObject:J,range:function(b,c,d){d||(d=1);null==c&&(c=b||0,b=0);var e=
--1;c=Math.max(0,Math.ceil((c-b)/d));for(var f=Array(c);++e<c;)f[e]=b,b+=d;return f},eventHooks:{},bind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type,f.deel&&(d=f.deel(b,d)));f=t?d:function(c){d.call(b,ec(c))};t?b.addEventListener(c,f,!!e):b.attachEvent("on"+c,f);return f},unbind:function(b,c,d,e){var f=avalon.eventHooks[c];d=d||C;"object"===typeof f&&(c=f.type);t?b.removeEventListener(c,d,!!e):b.detachEvent("on"+c,d)},css:function(b,c,d){b instanceof avalon&&(b=b[0]);
-var e=/[_-]/.test(c)?ma(c):c;c=avalon.cssName(e)||e;if(void 0===d||"boolean"===typeof d)return e=w[e+":get"]||w["@:get"],b=e(b,c),!0===d?parseFloat(b)||0:b;""===d?b.style[c]="":null==d||d!==d||(isFinite(d)&&!avalon.cssNumber[e]&&(d+="px"),e=w[e+":set"]||w["@:set"],e(b,c,d))},each:function(b,c){if(b){var d=0,e;a:{if(b&&"object"===typeof b&&!avalon.isWindow(b)){var f=b.length;if(+f===f&&!(f%1)&&0<=f)try{e=!1==={}.propertyIsEnumerable.call(b,"length")?Array.isArray(b)||/^\s?function/.test(b.item||b.callee):
-!0;break a}catch(g){e=!0;break a}}e=!1}if(e)for(e=b.length;d<e;d++)c(d,b[d]);else for(d in b)b.hasOwnProperty(d)&&c(d,b[d])}},getWidgetData:function(b,c){var d=avalon(b).data(),e={},f;for(f in d)0===f.indexOf(c)&&(e[f.replace(c,"").replace(/\w/,function(b){return b.toLowerCase()})]=d[f]);return e},Array:{ensure:function(b,c){-1===b.indexOf(c)&&b.push(c);return b},removeAt:function(b,c){return!!b.splice(c,1).length},remove:function(b,c){var d=b.indexOf(c);return~d?avalon.Array.removeAt(b,d):!1}}});
-avalon.nextTick=r.setImmediate?setImmediate.bind(r):function(b){setTimeout(b,0)};var W=avalon.vmodels={};avalon.define=function(b,c){var d=b.$id||b;d||y("warning: \u5fc5\u987b\u6307\u5b9a$id");W[b]&&y("warning: "+d+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"==typeof b)var e=K(b);else e={$watch:C},c(e),e=K(e),ka=!0,c(e),ka=!1;e.$id=d;return W[d]=e};var Ib=String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors,"+z).match(B),Y=Object.is||function(b,c){return 0===
-b&&0===c?1/b===1/c:b!==b?c!==c:b===c},Kb=t?function(b){var c={},d;for(d in b)c[d]={get:b[d],set:b[d],enumerable:!0,configurable:!0};return c}:function(b){return b},V={},la=0,sa={},Ia=Object.defineProperty;try{Ia({},"_",{value:"x"});var ga=Object.defineProperties}catch(dd){"__defineGetter__"in avalon&&(Ia=function(b,c,d){"value"in d&&(b[c]=d.value);"get"in d&&b.__defineGetter__(c,d.get);"set"in d&&b.__defineSetter__(c,d.set);return b},ga=function(b,c){for(var d in c)c.hasOwnProperty(d)&&Ia(b,d,c[d]);
-return b})}if(!ga&&r.VBArray){r.execScript('Function parseVB(code)\n\tExecuteGlobal(code)\nEnd Function\nDim VBClassBodies\nSet VBClassBodies=CreateObject("Scripting.Dictionary")\nFunction findOrDefineVBClass(name,body)\n\tDim found\n\tfound=""\n\tFor Each key in VBClassBodies\n\t\tIf body=VBClassBodies.Item(key) Then\n\t\t\tfound=key\n\t\t\tExit For\n\t\tEnd If\n\tnext\n\tIf found="" Then\n\t\tparseVB("Class " + name + body)\n\t\tVBClassBodies.Add name, body\n\t\tfound=name\n\tEnd If\n\tfindOrDefineVBClass=found\nEnd Function',
-"VBScript");var pc=function(b,c,d){var e=b[c];if("function"==typeof e)if(3===arguments.length)e(d);else return e()},ga=function(b,c,d){var e="VBClass"+setTimeout("1"),f=[];f.push("\r\n\tPrivate [__data__], [__proxy__]","\tPublic Default Function [__const__](d, p)","\t\tSet [__data__] = d: set [__proxy__] = p","\t\tSet [__const__] = Me","\tEnd Function");for(b in d)f.push("\tPublic ["+b+"]");f.push("\tPublic [hasOwnProperty]");for(b in c)b in d||f.push("\tPublic Property Let ["+b+"](val"+x+")",'\t\tCall [__proxy__]([__data__], "'+
-b+'", val'+x+")","\tEnd Property","\tPublic Property Set ["+b+"](val"+x+")",'\t\tCall [__proxy__]([__data__], "'+b+'", val'+x+")","\tEnd Property","\tPublic Property Get ["+b+"]","\tOn Error Resume Next","\t\tSet["+b+'] = [__proxy__]([__data__],"'+b+'")',"\tIf Err.Number <> 0 Then","\t\t["+b+'] = [__proxy__]([__data__],"'+b+'")',"\tEnd If","\tOn Error Goto 0","\tEnd Property");f.push("End Class");b=f.join("\r\n");b=r.findOrDefineVBClass(e,b);b==e&&r.parseVB(["Function "+e+"Factory(a, b)","\tDim o",
-"\tSet o = (New "+e+")(a, b)","\tSet "+e+"Factory = o","End Function"].join("\r\n"));return r[b+"Factory"](c,pc)}}if(!"\u53f8\u5f92\u6b63\u7f8e".trim){var qc=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;String.prototype.trim=function(){return this.replace(qc,"")}}var rc=!{toString:null}.propertyIsEnumerable("toString"),sc=function(){}.propertyIsEnumerable("prototype"),yb="toString toLocaleString valueOf hasOwnProperty isPrototypeOf propertyIsEnumerable constructor".split(" "),tc=yb.length;Object.keys||(Object.keys=
-function(b){var c=[],d=sc&&"function"===typeof b;if("string"===typeof b||b&&b.callee)for(d=0;d<b.length;++d)c.push(String(d));else for(var e in b)!(d&&"prototype"===e)&&Q.call(b,e)&&c.push(String(e));if(rc){d=(d=b.constructor)&&d.prototype===b;for(e=0;e<tc;e++){var f=yb[e];!(d&&"constructor"===f)&&Q.call(b,f)&&c.push(f)}}return c});Array.isArray||(Array.isArray=function(b){return b&&"array"===avalon.type(b)});C.bind||(Function.prototype.bind=function(b){if(2>arguments.length&&void 0===b)return this;
-var c=this,d=arguments;return function(){var e=[],f;for(f=1;f<d.length;f++)e.push(d[f]);for(f=0;f<arguments.length;f++)e.push(arguments[f]);return c.apply(b,e)}});wb.test([].map)||avalon.mix(I,{indexOf:function(b,c){var d=this.length,e=~~c;for(0>e&&(e+=d);e<d;e++)if(this[e]===b)return e;return-1},lastIndexOf:function(b,c){var d=this.length,e=null==c?d-1:c;for(0>e&&(e=Math.max(0,d+e));0<=e;e--)if(this[e]===b)return e;return-1},forEach:Z("","_",""),filter:Z("r=[],j=0,","if(_)r[j++]=this[i]","return r"),
-map:Z("r=[],","r[i]=_","return r"),some:Z("","if(_)return true","return false"),every:Z("","if(!_)return false","return true")});A.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});q.contains||(q.contains=function(b){return Ya(this,b)});var $a="http://www.w3.org/2000/svg";if(r.SVGElement){var Ja=document.createElementNS($a,"svg");Ja.innerHTML='<Rect width="300" height="100"/>';Ja.firstChild&&"rect"===Ja.firstChild.tagName||Object.defineProperties(SVGElement.prototype,
-{outerHTML:{enumerable:!0,configurable:!0,get:Za,set:function(b){var c=this.tagName.toLowerCase(),d=this.parentNode;b=avalon.parseHTML(b);"svg"===c?d.insertBefore(b,this):(c=document.createDocumentFragment(),ta(b,c),d.insertBefore(c,this));d.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,get:function(){var b=RegExp("</"+this.nodeName+">$","i");return this.outerHTML.replace(RegExp("<"+this.nodeName+'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTML(this);
-b=avalon.parseHTML(b);ta(b,this)}}})}!A.outerHTML&&r.HTMLElement&&HTMLElement.prototype.__defineGetter__("outerHTML",Za);var M,N,ba,zb,za,Ab=/[-.*+?^${}()|[\]\/\\]/g,T={loader:function(b){r.define=b?F.define:oc;r.require=b?F:nc},interpolate:function(b){M=b[0];N=b[1];if(M===N)throw new SyntaxError("openTag!==closeTag");if("\x3c!--,--\x3e"===b+"")v.commentInterpolate=!0;else{b=M+"test"+N;P.innerHTML=b;if(P.innerHTML!==b&&0<=P.innerHTML.indexOf("&lt;"))throw new SyntaxError("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5");
-P.innerHTML=""}b=(M+"").replace(Ab,"\\$&");var c=(N+"").replace(Ab,"\\$&");ba=RegExp(b+"(.*?)"+c);zb=RegExp(b+"(.*?)"+c,"g");za=RegExp(b+".*?"+c+"|\\sms-")}};v.debug=!0;v.plugins=T;v.plugins.interpolate(["{{","}}"]);v.paths={};v.shim={};v.maxRepeatSize=100;avalon.config=v;var cb={toString:function(){var b=this.node.className;return("string"===typeof b?b:b.baseVal).split(/\s+/).join(" ")},contains:function(b){return-1<(" "+this+" ").indexOf(" "+b+" ")},add:function(b){this.contains(b)||this._set(this+
-" "+b)},remove:function(b){this._set((" "+this+" ").replace(" "+b+" "," ").trim())},_set:function(b){var c=this.node;"string"==typeof c.className?c.className=b:c.setAttribute("class",b)}};"add,remove".replace(B,function(b){avalon.fn[b+"Class"]=function(c){var d=this[0];c&&("string"===typeof c&&d&&1==d.nodeType)&&c.replace(/\S+/g,function(c){bb(d)[b](c)});return this}});avalon.fn.mix({hasClass:function(b){var c=this[0]||{};return 1===c.nodeType&&bb(c).contains(b)},toggleClass:function(b,c){for(var d,
-e=0,f=b.split(/\s+/),g="boolean"===typeof c;d=f[e++];)this[(g?c:!this.hasClass(d))?"addClass":"removeClass"](d);return this},attr:function(b,c){return 2===arguments.length?(this[0].setAttribute(b,c),this):this[0].getAttribute(b)},data:function(b,c){b="data-"+ab(b||"");switch(arguments.length){case 2:return this.attr(b,c),this;case 1:var d=this.attr(b);return db(d);case 0:var e={};I.forEach.call(this[0].attributes,function(c){c&&(b=c.name,b.indexOf("data-")||(b=ma(b.slice(5)),e[b]=db(c.value)))});
-return e}},removeData:function(b){b="data-"+ab(b);this[0].removeAttribute(b);return this},css:function(b,c){if(avalon.isPlainObject(b))for(var d in b)avalon.css(this,d,b[d]);else var e=avalon.css(this,b,c);return void 0!==e?e:this},position:function(){var b,c,d=this[0],e={top:0,left:0};if(d)return"fixed"===this.css("position")?c=d.getBoundingClientRect():(b=this.offsetParent(),c=this.offset(),"HTML"!==b[0].tagName&&(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],
-"borderLeftWidth",!0)),{top:c.top-e.top-avalon.css(d,"marginTop",!0),left:c.left-e.left-avalon.css(d,"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||A;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=b.offsetParent;return avalon(b||A)},bind:function(b,c,d){if(this[0])return avalon.bind(this[0],b,c,d)},unbind:function(b,c,d){this[0]&&avalon.unbind(this[0],b,c,d);return this},val:function(b){var c=this[0];if(c&&1===c.nodeType){var d=0===arguments.length,e=d?":get":
-":set",f=Ka,g;g=c.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(c.type)?"checked":g;if(e=f[g+e])var h=e(c,b);else{if(d)return(c.value||"").replace(/\r/g,"");c.value=b}}return d?h:this}});var Nb=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,uc=/^[\],:{}\s]*$/,vc=/(?:^|:|,)(?:\s*\[)+/g,wc=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,xc=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g;avalon.parseJSON=r.JSON?JSON.parse:function(b){if("string"===typeof b){if((b=b.trim())&&uc.test(b.replace(wc,
-"@").replace(xc,"]").replace(vc,"")))return(new Function("return "+b))();avalon.error("Invalid JSON: "+b)}};avalon.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){avalon.fn[b]=function(d){var e=this[0]||{},f=e.window&&e.document?e:9===e.nodeType?e.defaultView||e.parentWindow:!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?d:avalon(f).scrollLeft(),g?d:avalon(f).scrollTop()):e[b]=d;else return f?c in f?f[c]:A[b]:e[b]}});var w=avalon.cssHooks={},Bb=["","-webkit-","-o-",
-"-moz-","-ms-"],La={"float":"cssFloat",background:"backgroundColor"};avalon.cssNumber=J("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");avalon.cssName=function(b,c,d){if(La[b])return La[b];c=c||A.style;for(var e=0,f=Bb.length;e<f;e++)if(d=ma(Bb[e]+b),d in c)return La[b]=d;return null};w["@:set"]=function(b,c,d){try{b.style[c]=d}catch(e){}};if(r.getComputedStyle)w["@:get"]=function(b,c){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+
-b);var d,e=getComputedStyle(b,null);e&&(d="filter"===c?e.getPropertyValue(c):e[c],""===d&&(d=b.style[c]));return d},w["opacity:get"]=function(b){b=w["@:get"](b,"opacity");return""===b?"1":b};else{var yc=/^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i,zc=/^(top|right|bottom|left)$/,Ma=!!r.XDomainRequest,Ac={thin:Ma?"1px":"2px",medium:Ma?"3px":"4px",thick:Ma?"5px":"6px"};w["@:get"]=function(b,c){var d=b.currentStyle,e=d[c];if(yc.test(e)&&!zc.test(e)){var f=b.style,g=f.left,h=b.runtimeStyle.left;b.runtimeStyle.left=
-d.left;f.left="fontSize"===c?"1em":e||0;e=f.pixelLeft+"px";f.left=g;b.runtimeStyle.left=h}"medium"===e&&(c=c.replace("Width","Style"),"none"===d[c]&&(e="0px"));return""===e?"auto":Ac[e]||e};w["opacity:set"]=function(b,c,d){b.style.filter="alpha(opacity="+100*d+")";b.style.zoom=1};w["opacity:get"]=function(b){b=b.filters.alpha||b.filters["DXImageTransform.Microsoft.Alpha"];return(b?b.opacity:100)/100+""}}"top,left".replace(B,function(b){w[b+":get"]=function(c){var d=w["@:get"](c,b);return/px$/.test(d)?
-d:avalon(c).position()[b]+"px"}});var fb={position:"absolute",visibility:"hidden",display:"block"},Ob=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(B,function(b){var c=b.toLowerCase(),d="client"+b,e="scroll"+b,f="offset"+b;w[c+":get"]=function(c,d,e){var f="content-box";"string"===typeof e&&(f=e);d="Width"===b?["Left","Right"]:["Top","Bottom"];switch(f){case "content-box":return c["client"+b]-avalon.css(c,"padding"+d[0],!0)-avalon.css(c,"padding"+d[1],!0);case "padding-box":return c["client"+
-b];case "border-box":return c["offset"+b];case "margin-box":return c["offset"+b]+avalon.css(c,"margin"+d[0],!0)+avalon.css(c,"margin"+d[1],!0)}};w[c+"&get"]=function(b){var d=[];eb(b,d);for(var e=w[c+":get"](b),f=0,m;m=d[f++];){b=m.node;for(var n in m)"string"===typeof m[n]&&(b.style[n]=m[n])}return e};avalon.fn[c]=function(g){var h=this[0];if(0===arguments.length){if(h.setTimeout)return h["inner"+b]||h.document.documentElement[d];if(9===h.nodeType){var k=h.documentElement;return Math.max(h.body[e],
-k[e],h.body[f],k[f],k[d])}return w[c+"&get"](h)}return this.css(c,g)};avalon.fn["inner"+b]=function(){return w[c+":get"](this[0],void 0,"padding-box")};avalon.fn["outer"+b]=function(b){return w[c+":get"](this[0],void 0,!0===b?"margin-box":"border-box")}});avalon.fn.offset=function(){var b=this[0],c={left:0,top:0};if(!b||!b.tagName||!b.ownerDocument)return c;var d=b.ownerDocument,e=d.body,f=d.documentElement,d=d.defaultView||d.parentWindow;if(!avalon.contains(f,b))return c;"undefined"!==typeof b.getBoundingClientRect&&
-(c=b.getBoundingClientRect());var b=f.clientTop||e.clientTop,g=f.clientLeft||e.clientLeft,h=Math.max(d.pageYOffset||0,f.scrollTop,e.scrollTop),e=Math.max(d.pageXOffset||0,f.scrollLeft,e.scrollLeft);return{top:c.top+h-b,left:c.left+e-g}};var Bc=/^<option(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s+value[\s=]/i,Ka={"option:get":function(b){return b.hasAttribute?b.hasAttribute("value")?b.value:b.text.trim():Bc.test(b.outerHTML)?b.value:b.text},"select:get":function(b,c){for(var d,e=b.options,
-f=b.selectedIndex,g=Ka["option:get"],h="select-one"===b.type||0>f,k=h?null:[],l=h?f+1:e.length,m=0>f?l:h?f:0;m<l;m++)if(d=e[m],(d.selected||m===f)&&!d.disabled){c=g(d);if(h)return c;k.push(c)}return k},"select:set":function(b,c,d){c=[].concat(c);for(var e=Ka["option:get"],f=0,g;g=b.options[f++];)if(g.selected=0<=c.indexOf(e(g)))d=!0;d||(b.selectedIndex=-1)}},Cc=/<([\w:]+)/,Dc=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Cb=t?/[^\d\D]/:/(<(?:script|link|style|meta|noscript))/ig,
-Ec=J("text/javascript","text/ecmascript","application/ecmascript","application/javascript","text/vbscript"),Fc=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,G={area:[1,"<map>"],param:[1,"<object>"],col:[2,"<table><tbody></tbody><colgroup>","</table>"],legend:[1,"<fieldset>"],option:[1,"<select multiple='multiple'>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>"],td:[3,"<table><tbody><tr>"],_default:t?[0,""]:[1,"X<div>"]};G.optgroup=G.option;G.tbody=G.tfoot=G.colgroup=G.caption=G.thead;G.th=G.td;
-var Gc=q.createElement("script");avalon.parseHTML=function(b){"string"!==typeof b&&(b+="");b=b.replace(Dc,"<$1></$2>").trim();var c=(Cc.exec(b)||["",""])[1].toLowerCase(),d=G[c]||G._default,c=R.cloneNode(!1),e=P,f;t||(b=b.replace(Cb,"<br class=msNoScope>$1"));e.innerHTML=d[1]+b+(d[2]||"");b=e.getElementsByTagName("script");if(b.length)for(var g=0,h;h=b[g++];)if(!h.type||Ec[h.type])f=Gc.cloneNode(!1),I.forEach.call(h.attributes,function(b){b&&b.specified&&(f[b.name]=b.value)}),f.text=h.text,h.parentNode.replaceChild(f,
-h);for(g=d[0];g--;e=e.lastChild);if(!t){b=e.getElementsByTagName("br");for(g=0;h=b[g++];)h.className&&"msNoScope"===h.className&&h.parentNode.removeChild(h)}for(;d=e.firstChild;)c.appendChild(d);return c};avalon.innerHTML=function(b,c){if(!t&&!Cb.test(c)&&!Fc.test(c))try{b.innerHTML=c;return}catch(d){}var e=this.parseHTML(c);this.clearHTML(b).appendChild(e)};avalon.clearHTML=function(b){Fa(b);return b};var L={$watch:function(b,c){if("function"===typeof c){var d=this.$events[b];d?d.push(c):this.$events[b]=
-[c]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,c){var d=arguments.length;if(0===d)this.$watch.backup=this.$events,this.$events={};else if(1===d)this.$events[b]=[];else for(var d=this.$events[b]||[],e=d.length;0>~--e;)if(d[e]===c)return d.splice(e,1);return this},$fire:function(b){var c;/^(\w+)!(\w+)$/.test(b)&&(c=RegExp.$1,b=RegExp.$2);for(var d=this.$events,e=d[b]||[],f=d.$all||[],g=$.call(arguments,1),h=0,k;k=e[h++];)k.apply(this,g);for(h=0;k=f[h++];)k.apply(this,arguments);
-if(d=d.element){var l=[b].concat(g);if("up"===c)t?Ea(d,"dataavailable",l):(h=document.createEventObject(),h.detail=l,d.fireEvent("ondataavailable",h));else if("down"===c){c=[];for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&g.$events&&g.$events.element)e=g.$events.element,avalon.contains(d,e)&&d!=e&&c.push(g);c.forEach(function(b){b.$fire.apply(b,l)})}else if("all"===c)for(h in avalon.vmodels)g=avalon.vmodels[h],g!==this&&g.$fire.apply(g,l)}}};avalon.scan=function(b,c){b=b||A;var d=c?[].concat(c):
-[];na(b,d)};var Rb=J("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),Pb=t?15:50,lb=/ms-(\w+)-?(.*)/,mb={"if":10,repeat:90,widget:110,each:1400,"with":1500,duplex:2E3,on:3E3},Qb=J("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit");if(!"1"[0])var Na=Aa(512),Hc=/\s+(ms-[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,Ic=/^['"]/,
-Jc=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/i,Kc=/&amp;/g,kb=function(b){b=b.outerHTML;if("</"===b.slice(0,2)||!b.trim())return[];b=b.match(Jc)[0];var c=[],d,e;if(Na[b])return Na[b];for(;d=Hc.exec(b);)(e=d[2])&&(e=(Ic.test(e)?e.slice(1,-1):e).replace(Kc,"&")),d=d[1].toLowerCase(),d.match(lb),c.push({name:d,specified:!0,value:e||""});return Na(b,c)};var Tb=/\|\s*(\w+)\s*(\([^)]*\))?/g,Sb=/\|\|/g,Ub=/U2hvcnRDaXJjdWl0/g,nb=/&lt;/g,ob=/&gt;/g,Lc=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,
-Mc=/[^\w$]+/g,Nc=RegExp(""+("\\b"+"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,"\\b|\\b")+"\\b"),"g"),Oc=/\b\d[^,]*/g,
-Pc=/^,+|,+$/g,Oa=Aa(512),Yb=function(b){var c=","+b.trim();if(Oa[c])return Oa[c];b=b.replace(Lc,"").replace(Mc,",").replace(Nc,"").replace(Oc,"").replace(Pc,"").split(/^$|,+/);for(var d=[],e={},f=0;f<b.length;++f){var g=b[f];e[g]||(e[g]=d.push(g))}return Oa(c,d)},Ba=Aa(256),Zb=/\w\[.*\]|\w\.\w/,Xb=/(\$proxy\$[a-z]+)\d+$/,Qc={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$b=r.JSON&&JSON.stringify||function(b){return'"'+b.replace(/[\\\"\x00-\x1f]/g,function(b){var d=
-Qc[b];return"string"===typeof d?d:"\\u"+("0000"+b.charCodeAt(0).toString(16)).slice(-4)})+'"'};avalon.parseExprProxy=O;var pa=J("a,abbr,b,span,strong,em,font,i,kbd","inline");avalon.mix(pa,J("div,h1,h2,h3,h4,h5,h6,section,p","block"));avalon.parseDisplay=Da;var Rc=function(b){return t?"table-cell"===getComputedStyle(b,null).display:!0}(q.createElement("td")),Db={"accept-charset":"acceptCharset","char":"ch",charoff:"chOff","class":"className","for":"htmlFor","http-equiv":"httpEquiv"};"accessKey,allowTransparency,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,contentEditable,dateTime,defaultChecked,defaultSelected,defaultValue,frameBorder,isMap,longDesc,maxLength,marginWidth,marginHeight,noHref,noResize,noShade,readOnly,rowSpan,tabIndex,useMap,vSpace,valueType,vAlign".replace(B,
-function(b){Db[b.toLowerCase()]=b});var Eb=/\(([^)]*)\)/;H.insertBefore(avalon.parseHTML("<style id='avalonStyle'>.avalonHide{ display: none!important }</style>"),H.firstChild);var Sc=/<noscript.*?>(?:[\s\S]+?)<\/noscript>/img,Tc=/<noscript.*?>([\s\S]+?)<\/noscript>/im,Pa=function(){return new (r.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")},da=function(b,c,d){if(b=b.getAttribute(c)){c=0;for(var e;e=d[c++];)if(e.hasOwnProperty(b)&&"function"===typeof e[b])return e[b]}},Qa=avalon.templateCache=
-{},aa=q.createElement("div");aa.innerHTML="a";try{aa.contains(aa.firstChild),avalon.contains=function(b,c){return b.contains(c)}}catch(ed){avalon.contains=Ya}var Ca=avalon.bindingExecutors={attr:function(b,c,d){var e=d.type,f=d.param;if("css"===e)avalon(c).css(f,b);else if("attr"===e)(d=!1===b||null===b||void 0===b)?c.removeAttribute(f):t?d||c.setAttribute(f,b):(f=Db[f]||f,d?c.removeAttribute(f):c[f]=b);else if("include"===e&&b){var g=d.vmodels,h=da(c,"data-include-rendered",g),k=da(c,"data-include-loaded",
-g),l=function(b){k&&(b=k.apply(c,[b].concat(g)));avalon.innerHTML(c,b);wa(c,g);h&&gb(c,function(){h.call(c)})};if("src"===d.param)if(Qa[b])l(Qa[b]);else{var m=Pa();m.onreadystatechange=function(){if(4===m.readyState){var c=m.status;if(200<=c&&300>c||304===c||1223===c)l(Qa[b]=m.responseText)}};m.open("GET",b,!0);"withCredentials"in m&&(m.withCredentials=!0);m.setRequestHeader("X-Requested-With","XMLHttpRequest");m.send(null)}else{var n=b&&1==b.nodeType?b:q.getElementById(b);if(n){if("NOSCRIPT"===n.tagName&&
-!n.innerHTML&&!n.fixIE78){m=Pa();m.open("GET",location,!1);m.send(null);f=q.getElementsByTagName("noscript");d=(m.responseText||"").match(Sc)||[];for(var e=d.length,p=0;p<e;p++){var u=f[p];u&&(u.style.display="none",u.fixIE78=(d[p].match(Tc)||["","&nbsp;"])[1])}}avalon.nextTick(function(){l(n.fixIE78||n.value||n.innerText||n.innerHTML)})}}}else{if(!A.hasAttribute&&"string"===typeof b&&("src"===e||"href"===e))b=b.replace(/&amp;/g,"&");c[e]=b}},"class":function(b,c,d){var e=avalon(c),f=d.type;if("class"===
-f&&d.param)e.toggleClass(d.param,!!b);else{var g=d._evaluator?!!d._evaluator.apply(c,d._args):!0,h=d._class||b;switch(f){case "class":g&&d.oldClass&&e.removeClass(d.oldClass);e.toggleClass(h,g);d.oldClass=h;break;case "hover":case "active":d.init||("hover"===f?(b="mouseenter",c="mouseleave"):(c.tabIndex=c.tabIndex||-1,b="mousedown",c="mouseup",e.bind("mouseleave",function(){g&&e.removeClass(h)})),e.bind(b,function(){g&&e.addClass(h)}),e.bind(c,function(){g&&e.removeClass(h)}),d.init=1)}}},data:function(b,
-c,d){d="data-"+d.param;b&&"object"===typeof b?c[d]=b:c.setAttribute(d,String(b))},repeat:function(b,c,d){if(b){var e=this.group,f=this.startRepeat&&this.startRepeat.parentNode;f&&(this.parent=f);var f=this.parent,g=this.proxies,h=R.cloneNode(!1);if("del"===b||"move"===b)var k=Ga(f,this,c);switch(b){case "add":for(var k=d,l=this.getter().length-1,e=[],m={},n=0,p=k.length;n<p;n++){var u=n+c,m=kc(u,k[n],this,l);g.splice(u,0,m);m=tb(this,h,e,m)}k=Ga(f,this,c);m.node=k;m.parent=f;f.insertBefore(h,k);for(n=
-0;f=e[n++];)na(f,this.vmodels);break;case "del":f=g.splice(c,d);for(n=0;m=f[n++];)mc(m);Fa(ub(k,e,d));break;case "index":for(l=g.length-1;d=g[c];c++)d.$index=c,d.$first=0===c,d.$last=c===l;break;case "clear":if(this.startRepeat)for(;;)if((f=this.startRepeat.nextSibling)&&f!==this.endRepeat)h.appendChild(f);else break;else h=f;Fa(h);g.length=0;break;case "move":if(h=g.splice(c,1)[0])g.splice(d,0,h),h=ub(k,e),k=Ga(f,this,d),f.insertBefore(h,k);break;case "set":(m=g[c])&&(m[m.$itemName]=d);break;case "append":g=
-d;n=da(this.callbackElement,"data-with-sorted",this.vmodels);k=[];e=[];m={};for(l in c)c.hasOwnProperty(l)&&"hasOwnProperty"!==l&&k.push(l);n&&(n=n.call(f,k))&&(Array.isArray(n)&&n.length)&&(k=n);for(n=0;l=k[n++];)"hasOwnProperty"!==l&&(m=tb(this,h,e,g[l]));m.parent=f;m.node=this.endRepeat||null;f.insertBefore(h,m.node);for(n=0;d=e[n++];)na(d,this.vmodels)}gc.call(this,arguments)}},html:function(b,c,d){b=null==b?"":b;c||(c=d.element=d.node.parentNode);if(d.replaceNodes){var e;if(11===b.nodeType)e=
-b;else if(1===b.nodeType||b.item){b=1===b.nodeType?b.childNodes:b.item?b:[];for(e=R.cloneNode(!0);b[0];)e.appendChild(b[0])}else e=avalon.parseHTML(b);b=avalon.slice(e.childNodes);c.insertBefore(e,d.replaceNodes[0]||null);e=0;for(var f;f=d.replaceNodes[e++];)c.removeChild(f);d.replaceNodes=b}else avalon.innerHTML(c,b);avalon.nextTick(function(){wa(c,d.vmodels)})},"if":function(b,c,d){var e=d.placehoder;if(b){if(!d.msInDocument){d.msInDocument=!0;try{e.parentNode.replaceChild(c,e)}catch(f){y("debug: ms-if  "+
-f.message)}}za.test(c.outerHTML.replace(nb,"<").replace(ob,">"))&&hb(c,d.vmodels)}else if(d.msInDocument){d.msInDocument=!1;try{c.parentNode.replaceChild(e,c)}catch(g){y("debug: ms-if: elem.parentNode= "+c.parentNode)}e.elem=c;aa.appendChild(c)}},on:function(b,c,d){var e=d.evaluator,f=d.args,g=d.vmodels;b=d.hasArgs?function(b){return e.apply(this,f.concat(b))}:function(b){return e.apply(0,f).call(this,b)};c.$vmodel=g[0];c.$vmodels=g;d.param=d.param.replace(/-\d+$/,"");if("function"===typeof d.specialBind)d.specialBind(c,
-b);else var h=avalon.bind(c,d.param,b);d.rollback=function(){"function"===typeof d.specialUnbind?d.specialUnbind():avalon.unbind(c,d.param,h)};d.evaluator=d.handler=C},text:function(b,c,d){b=null==b?"":b;var e=d.node;if(3===d.nodeType)try{e.data=b}catch(f){}else c||(c=d.element=e.parentNode),"textContent"in c?c.textContent=b:c.innerText=b},visible:function(b,c,d){c.style.display=b?d.display:"none"},widget:C},Uc=/^\s+$/,E=avalon.bindingHandlers={attr:function(b,c){var d=b.value.trim(),e=!0;-1<d.indexOf(M)&&
-2<d.indexOf(N)&&(e=!1,ba.test(d)&&(""===RegExp.rightContext&&""===RegExp.leftContext)&&(e=!0,d=RegExp.$1));b.handlerName="attr";O(d,c,b,e?null:xa(b.value))},"class":function(b,c){var d=b.param,e=b.value;b.handlerName="class";if(!d||isFinite(d)){b.param="";var f=e.replace(zb,function(b){return Math.pow(10,b.length-1)}).indexOf(":");if(-1===f)d=e;else if(d=e.slice(0,f),e=e.slice(f+1),oa(e,c,b),b.evaluator)b._evaluator=b.evaluator,b._args=b.args;else return y("debug: ms-class '"+(e||"").trim()+"' \u4e0d\u5b58\u5728\u4e8eVM\u4e2d"),
-!1;e=ba.test(d);e||(b._class=d);O("",c,b,e?xa(d):null)}else"class"===b.type&&O(e,c,b)},duplex:function(b,c){var d=b.element;if("function"===typeof X[d.tagName]&&(b.changed=da(d,"data-duplex-changed",c)||C,oa(b.value,c,b,"duplex"),b.evaluator&&b.args)){var e=d.form;e&&e.msValidate&&e.msValidate(d);b.bound=function(c,e){d.addEventListener?d.addEventListener(c,e,!1):d.attachEvent("on"+c,e);var h=b.rollback;b.rollback=function(){avalon.unbind(d,c,e);h&&h()}};X[d.tagName](d,b.evaluator.apply(null,b.args),
-b)}},repeat:function(b,c){var d=b.type,e;oa(b.value,c,b);"repeat"!==d&&y("warning:\u5efa\u8bae\u4f7f\u7528ms-repeat\u4ee3\u66ffms-each, ms-with, ms-repeat\u53ea\u5360\u7528\u4e00\u4e2a\u6807\u7b7e\u5e76\u4e14\u6027\u80fd\u66f4\u597d");var f=b.callbackElement=b.parent=b.element;b.getter=function(){return this.evaluator.apply(0,this.args||[])};b.proxies=[];var g=!0;try{e=b.getter();var h=avalon.type(e);if("object"==h||"array"==h)g=!1}catch(k){}h=R.cloneNode(!1);if("repeat"===d){var l=q.createComment("ms-repeat-start"),
-m=q.createComment("ms-repeat-end");b.element=b.parent=f.parentNode;b.startRepeat=l;b.endRepeat=m;f.removeAttribute(b.name);b.parent.replaceChild(m,f);b.parent.insertBefore(l,m);h.appendChild(f)}else for(;l=f.firstChild;)3===l.nodeType&&Uc.test(l.data)?f.removeChild(l):h.appendChild(l);b.template=h;b.rollback=function(){Ca.repeat.call(b,"clear");var c=b.endRepeat,d=b.parent;d.insertBefore(b.template,c||null);c&&(d.removeChild(c),d.removeChild(b.startRepeat),b.element=b.callbackElement)};f=b.value.split(".")||
-[];if(1<f.length){f.pop();l=f[0];for(f=0;m=c[f++];)if(m&&m.hasOwnProperty(l)&&m[l][z]){m[l][z].push(b);break}}if(!g){b.callbackName="data-"+d+"-rendered";b.handler=Ca.repeat;b.$outer={};g="$key";l="$val";Array.isArray(e)&&(g="$first",l="$last");for(f=0;m=c[f++];)if(m.hasOwnProperty(g)&&m.hasOwnProperty(l)){b.$outer=m;break}l=h.firstChild;b.fastRepeat=!!l&&1===l.nodeType&&h.lastChild===l&&!l.attributes["ms-controller"]&&!l.attributes["ms-important"];e[z]&&e[z].push(b);if(!Array.isArray(e)&&"each"!==
-d){var n=V[e.$id];if(!n){la++;var n=V[e.$id]={},p;for(p in e)e.hasOwnProperty(p)&&"hasOwnProperty"!==p&&function(b,c){n[b]=jc(b,c,{});n[b].$watch("$val",function(c){e[b]=c})}(p,e[p])}b.handler("append",e,n)}else b.handler("add",0,e)}},html:function(b,c){O(b.value,c,b)},"if":function(b,c){b.element.removeAttribute(b.name);b.placehoder||(b.msInDocument=b.placehoder=q.createComment("ms-if"));b.vmodels=c;O(b.value,c,b)},on:function(b,c){var d=b.value,e="$event";if(0<d.indexOf("(")&&-1<d.indexOf(")")){var f=
-(d.match(Eb)||["",""])[1].trim();if(""===f||"$event"===f)e=void 0,d=d.replace(Eb,"")}else e=void 0;b.hasArgs=e;O(d,c,b,e)},visible:function(b,c){var d=b.element;if(!Rc&&!A.contains(d))var e=Da(d.tagName);e=e||avalon(d).css("display");b.display="none"===e?Da(d.tagName):e;O(b.value,c,b)},widget:function(b,c){var d=b.value.match(B),e=b.element,f=d[0];if("$"===d[1]||!d[1])d[1]=f+setTimeout("1");b.value=d.join(",");var g=avalon.ui[f];if("function"===typeof g){c=e.vmodels||c;for(var h=d[2]||f,k=0,l;l=c[k++];)if(l.hasOwnProperty(h)&&
-"object"===typeof l[h]){var m=l;break}if(m){var n=m[h],n=n.$model||n,h=n[f+"Id"];"string"===typeof h&&(d[1]=h)}h=avalon.getWidgetData(e,d[0]);b[f+"Id"]=d[1];b[f+"Options"]=avalon.mix({},g.defaults,n||{},h);e.removeAttribute("ms-widget");var p=g(e,b,c)||{};b.evaluator=C;e.msData["ms-widget-id"]=p.$id||"";p.hasOwnProperty("$init")&&p.$init();if(p.hasOwnProperty("$remove")){var u=function(){p.$remove();e.msData={};delete W[p.$id]};Vc?e.addEventListener("DOMNodeRemoved",function(b){b.target===this&&(!this.msRetain&&
-(r.chrome?"INPUT"===this.tagName&&1===b.relatedNode.nodeType:1))&&u()}):(e.offTree=u,qb(e))}}else c.length&&(e.vmodels=c)}},Vc=t&&q.implementation.hasFeature("MutationEvents","2.0");"hover,active".replace(B,function(b){E[b]=E["class"]});"with,each".replace(B,function(b){E[b]=E.repeat});E.data=E.text=E.html;"title,alt,src,value,css,include,href".replace(B,function(b){E[b]=E.attr});var X=E.duplex;X.INPUT=function(b,c,d){var e=d.param,f=b.type,g=d.bound,h=avalon(b),k=!1,l=!1,m=function(b){k=!0;d.changed.call(this,
-b)},n=function(){l=!0},p=function(){l=!1},u=function(){if(!l){var d=b.oldValue=b.value;!1!==h.data("duplex-observe")&&(c(d),m.call(b,d))}};d.handler=function(){var d=c();d!==b.value&&(b.value=d+"")};"checkbox"===f&&"radio"===e&&(f="radio");if("radio"===f)d.handler=function(){b.defaultChecked=b.checked=/bool|text/.test(e)?c()+""===b.value:!!c()},u=function(){if(!1!==h.data("duplex-observe")){var d=b.value;"text"===e?c(d):"bool"===e?(d="true"===d,c(d)):(d=!b.defaultChecked,c(d),b.checked=d);m.call(b,
-d)}},g(e?"click":"mousedown",u);else if("checkbox"===f)u=function(){if(!1!==h.data("duplex-observe")){var d=b.checked?"ensure":"remove",e=c();if(Array.isArray(e))avalon.Array[d](e,b.value);else avalon.error("ms-duplex\u4f4d\u4e8echeckbox\u65f6\u8981\u6c42\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4");m.call(b,e)}},d.handler=function(){var d=[].concat(c());b.checked=0<=d.indexOf(b.value)},g(t?"change":"click",u);else if(f=b.attributes["data-duplex-event"]||b.attributes["data-event"]||{},f=f.value,"change"===
-f)g("change",u);else if(t&&9!==q.documentMode)g("input",u),g("compositionstart",n),g("compositionend",p);else{var ia=["keyup","paste","cut","change"],ja=function(b){var c=b.keyCode;91===c||(15<c&&19>c||37<=c&&40>=c)||("cut"===b.type?avalon.nextTick(u):u())};ia.forEach(function(c){b.attachEvent("on"+c,ja)});d.rollback=function(){ia.forEach(function(c){b.detachEvent("on"+c,ja)})}}b.onTree=ac;Fb(b);b.oldValue=b.value;ua(d);var Lb=setTimeout(function(){k||m.call(b,b.value);clearTimeout(Lb)},31)};var pb,
-ca=[],Fb=C;try{var Sa=HTMLInputElement.prototype;Object.getOwnPropertyNames(Sa);var dc=Object.getOwnPropertyDescriptor(Sa,"value").set;Object.defineProperty(Sa,"value",{set:cc})}catch(fd){Fb=qb}X.SELECT=function(b,c,d){var e=avalon(b);d.handler=function(){var d=c(),d=d&&d.$model||d,d=Array.isArray(d)?d.map(String):d+"";d+""!==b.oldValue&&(e.val(d),b.oldValue=d+"")};d.bound("change",function(){if(!1!==e.data("duplex-observe")){var f=e.val();f+""!==b.oldValue&&(c(f),b.oldValue=f+"");d.changed.call(b,
-f)}});var f=NaN,g=setInterval(function(){var e=b.innerHTML;e===f?(clearInterval(g),ua(d),d.changed.call(b,c())):f=e},20)};X.TEXTAREA=X.INPUT;var fa=avalon.eventHooks;"onmouseenter"in A||avalon.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b,c){fa[b]={type:c,deel:function(c,e){return function(f){var g=f.relatedTarget;if(!g||g!==c&&!(c.compareDocumentPosition(g)&16))return delete f.type,f.type=b,e.call(c,f)}}}});avalon.each({AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"},
-function(b,c){r[b]&&!fa.animationend&&(fa.animationend={type:c})});"oninput"in document.createElement("input")||(fa.input={type:"propertychange",deel:function(b,c){return function(d){if("value"===d.propertyName)return d.type="input",c.call(b,d)}}});void 0===document.onmousewheel&&(fa.mousewheel={type:"DOMMouseScroll",deel:function(b,c){return function(d){d.wheelDelta=0<d.detail?-120:120;Object.defineProperty&&Object.defineProperty(d,"type",{value:"mousewheel"});c.call(b,d)}}});var Ta=I.splice,rb=
-{_splice:Ta,_add:function(b,c){var d=this.length;c="number"===typeof c?c:d;for(var d=[],e=0,f=b.length;e<f;e++){var g=d,h=e,k=b[e];ra.test(avalon.type(k))&&(k=k.$id?k:K(k,k));g[h]=k}Ta.apply(this,[c,0].concat(d));D(this,"add",c,d);if(!this._stopFireLength)return this._.length=this.length},_del:function(b,c){var d=this._splice(b,c);d.length&&(D(this,"del",b,c),this._stopFireLength||(this._.length=this.length));return d},push:function(){I.push.apply(this.$model,arguments);var b=this._add(arguments);
-D(this,"index",2<b?b-2:0);return b},pushArray:function(b){return this.push.apply(this,b)},unshift:function(){I.unshift.apply(this.$model,arguments);this._add(arguments,0);D(this,"index",arguments.length);return this.$model.length},shift:function(){var b=this.$model.shift();this._del(0,1);D(this,"index",0);return b},pop:function(){var b=this.$model.pop();this._del(this.length-1,1);return b},splice:function(b,c){b=qa(b,this.length);var d=Ta.apply(this.$model,arguments),e=[],f;this._stopFireLength=!0;
-d.length&&(e=this._del(b,d.length),f=!0);2<arguments.length&&(this._add($.call(arguments,2),b),f=!0);this._stopFireLength=!1;this._.length=this.length;f&&D(this,"index",0);return e},contains:function(b){return-1!==this.indexOf(b)},size:function(){return this._.length},remove:function(b){return this.removeAt(this.indexOf(b))},removeAt:function(b){return 0<=b?this.splice(b,1):[]},clear:function(){this.$model.length=this.length=this._.length=0;D(this,"clear",0);return this},removeAll:function(b){if(Array.isArray(b))b.forEach(function(b){this.remove(b)},
-this);else if("function"===typeof b)for(var c=this.length-1;0<=c;c--)b(this[c],c)&&this.splice(c,1);else this.clear()},ensure:function(b){this.contains(b)||this.push(b);return this},set:function(b,c){if(0<=b){var d=avalon.type(c);c&&c.$model&&(c=c.$model);var e=this[b];if("object"===d)for(var f in c)e.hasOwnProperty(f)&&(e[f]=c[f]);else"array"===d?e.clear().push.apply(e,c):e!==c&&(this[b]=c,this.$model[b]=c,D(this,"set",b,c))}return this}};"sort,reverse".replace(B,function(b){rb[b]=function(){var c=
-this.$model,d=c.slice(0),e=!1;I[b].apply(c,arguments);for(var f=0,g=d.length;f<g;f++){var h=c[f];if(!Y(h,d[f])){var e=!0,h=d.indexOf(h,f),k=this._splice(h,1)[0],l=d.splice(h,1)[0];this._splice(f,0,k);d.splice(f,0,l);D(this,"move",h,f)}}e&&D(this,"index",0);return this}});var fc=q.createTreeWalker?function(b){b=q.createTreeWalker(b,NodeFilter.SHOW_COMMENT,null,null);for(var c,d=[];c=b.nextNode();)d.push(c);return d}:function(b){return b.getElementsByTagName("!")},lc=J("$index,$first,$last"),ea=[],
-Wc=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,Xc=/^<(a|img)\s/i,Yc=/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,Zc=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig,$c=/\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig,ad=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,bd=/([^\#-~| |!])/g,Ua=avalon.filters={uppercase:function(b){return b.toUpperCase()},lowercase:function(b){return b.toLowerCase()},truncate:function(b,c,d){c=c||30;d=void 0===d?"...":d;return b.length>c?b.slice(0,c-d.length)+d:String(b)},camelize:ma,
-sanitize:function(b){return b.replace(Wc,"").replace(Zc,function(b,d){Xc.test(b)&&(b=b.replace($c," $1=''"));return b.replace(Yc," ").replace(/\s+/g," ")})},escape:function(b){return String(b).replace(/&/g,"&amp;").replace(ad,function(b){var d=b.charCodeAt(0);b=b.charCodeAt(1);return"&#"+(1024*(d-55296)+(b-56320)+65536)+";"}).replace(bd,function(b){return"&#"+b.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(b,c){return(c||"\uffe5")+avalon.filters.number(b)},number:function(b,
-c,d,e){b=(b+"").replace(/[^0-9+\-Ee.]/g,"");b=!isFinite(+b)?0:+b;c=!isFinite(+c)?0:Math.abs(c);e=e||",";d=d||".";var f="",f=function(b,c){var d=Math.pow(10,c);return""+Math.round(b*d)/d},f=(c?f(b,c):""+Math.round(b)).split(".");3<f[0].length&&(f[0]=f[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,e));if((f[1]||"").length<c)f[1]=f[1]||"",f[1]+=Array(c-f[1].length+1).join("0");return f.join(d)}};new function(){function b(b,c,d){var e="";0>b&&(e="-",b=-b);for(b=""+b;b.length<c;)b="0"+b;d&&(b=b.substr(b.length-
-c));return e+b}function c(c,d,e,f){return function(g){g=g["get"+c]();if(0<e||g>-e)g+=e;0===g&&-12===e&&(g=12);return b(g,d,f)}}function d(b,c){return function(d,e){var f=d["get"+b](),g=(c?"SHORT"+b:b).toUpperCase();return e[g][f]}}function e(b){var c;if(c=b.match(k)){b=new Date(0);var d=0,e=0,f=c[8]?b.setUTCFullYear:b.setFullYear,g=c[8]?b.setUTCHours:b.setHours;c[9]&&(d=parseInt(c[9]+c[10],10),e=parseInt(c[9]+c[11],10));f.call(b,parseInt(c[1],10),parseInt(c[2],10)-1,parseInt(c[3],10));d=parseInt(c[4]||
-0,10)-d;e=parseInt(c[5]||0,10)-e;f=parseInt(c[6]||0,10);c=Math.round(1E3*parseFloat("0."+(c[7]||0)));g.call(b,d,e,f,c)}return b}var f={yyyy:c("FullYear",4),yy:c("FullYear",2,0,!0),y:c("FullYear",1),MMMM:d("Month"),MMM:d("Month",!0),MM:c("Month",2,1),M:c("Month",1,1),dd:c("Date",2),d:c("Date",1),HH:c("Hours",2),H:c("Hours",1),hh:c("Hours",2,-12),h:c("Hours",1,-12),mm:c("Minutes",2),m:c("Minutes",1),ss:c("Seconds",2),s:c("Seconds",1),sss:c("Milliseconds",3),EEEE:d("Day"),EEE:d("Day",!0),a:function(b,
-c){return 12>b.getHours()?c.AMPMS[0]:c.AMPMS[1]},Z:function(c){c=-1*c.getTimezoneOffset();return c=(0<=c?"+":"")+(b(Math[0<c?"floor":"ceil"](c/60),2)+b(Math.abs(c%60),2))}},g=/((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,h=/^\d+$/,k=/^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,l=/^(\d+)-(\d+)-(\d{4})$/,m=/^(\d+)\s+(\d+),(\d{4})$/;Ua.date=function(b,c){var d=Ua.date.locate,k="",n=[],Ra,q;c=c||"mediumDate";c=
-d[c]||c;if("string"===typeof b){if(h.test(b))b=parseInt(b,10);else{q=b.trim();if(q.match(l)||q.match(m))b=RegExp.$3+"/"+RegExp.$1+"/"+RegExp.$2;b=e(b)}b=new Date(b)}"number"===typeof b&&(b=new Date(b));if("date"===avalon.type(b)){for(;c;)(q=g.exec(c))?(n=n.concat(q.slice(1)),c=n.pop()):(n.push(c),c=null);n.forEach(function(c){Ra=f[c];k+=Ra?Ra(b,d):c.replace(/(^'|'$)/g,"").replace(/''/g,"'")});return k}};var n={AMPMS:{"0":"\u4e0a\u5348",1:"\u4e0b\u5348"},DAY:{"0":"\u661f\u671f\u65e5",1:"\u661f\u671f\u4e00",
-2:"\u661f\u671f\u4e8c",3:"\u661f\u671f\u4e09",4:"\u661f\u671f\u56db",5:"\u661f\u671f\u4e94",6:"\u661f\u671f\u516d"},MONTH:{"0":"1\u6708",1:"2\u6708",2:"3\u6708",3:"4\u6708",4:"5\u6708",5:"6\u6708",6:"7\u6708",7:"8\u6708",8:"9\u6708",9:"10\u6708",10:"11\u6708",11:"12\u6708"},SHORTDAY:{"0":"\u5468\u65e5",1:"\u5468\u4e00",2:"\u5468\u4e8c",3:"\u5468\u4e09",4:"\u5468\u56db",5:"\u5468\u4e94",6:"\u5468\u516d"},fullDate:"y\u5e74M\u6708d\u65e5EEEE",longDate:"y\u5e74M\u6708d\u65e5",medium:"yyyy-M-d ah:mm:ss",
-mediumDate:"yyyy-M-d",mediumTime:"ah:mm:ss","short":"yy-M-d ah:mm",shortDate:"yy-M-d",shortTime:"ah:mm"};n.SHORTMONTH=n.MONTH;Ua.date.locate=n};var F,s=avalon.modules={"ready!":{exports:avalon},avalon:{exports:avalon,state:2}};new function(){function b(b){return(b||"").replace(/[?#].*/,"")}function c(b){var c;try{a.b.c()}catch(d){c=d.stack,!c&&r.opera&&(c=(String(d).match(/of linked script \S+/g)||[]).join(" "))}if(c)return c=c.split(/[@ ]/g).pop(),c="("===c[0]?c.slice(1,-1):c.replace(/\s/,""),c.replace(/(:\d+)?:\d+$/i,
-"");c=(b?q:H).getElementsByTagName("script");for(var e=c.length,f;f=c[--e];)if((b||f.className===z)&&"interactive"===f.readyState)return f.className=f.src}function d(b,c){for(var e in b)if("\u53f8\u5f92\u6b63\u7f8e"===b[e]&&2!==s[e].state&&(e===c||d(s[e].deps,c)))return!0}function e(){var b=l.length,c;a:for(;c=l[--b];){c=s[c];var d=c.deps,f;for(f in d)if(Q.call(d,f)&&2!==s[f].state)continue a;2!==c.state&&(l.splice(b,1),k(c.id,c.args,c.factory),e())}}function f(c,d,e){var f=b(c.src);c.onload=c.onreadystatechange=
-c.onerror=null;if(d||e&&!s[f].state)setTimeout(function(){H.removeChild(c);c=null}),y("debug: \u52a0\u8f7d "+f+" \u5931\u8d25"+d+" "+!s[f].state);else return!0}function g(c,d,e,f){if("ready!"===c||s[c]&&2===s[c].state)return c;var g;c=c.replace(/^\w+!/,function(b){g=b.slice(0,-1);return""});g=g||"js";g=T[g]||C;"object"===typeof v.shim[c]&&(f=v.shim[c]);v.paths[c]&&(c=v.paths[c]);if(/^(\w+)(\d)?:.*/.test(c))e=c;else{d=d.substr(0,d.lastIndexOf("/"));var h=c.charAt(0);if("."!==h&&"/"!==h)e=n+c;else if("./"===
-c.slice(0,2))e=d+c.slice(1);else if(".."===c.slice(0,2))for(e=d+"/"+c;u.test(e);)e=e.replace(u,"");else"/"===h?e=c:avalon.error("\u4e0d\u7b26\u5408\u6a21\u5757\u6807\u8bc6\u89c4\u5219: "+c)}c=b(e);(d=g.ext)&&c.slice(0-d.length)!==d&&(e+=d);v.nocache&&(e+=(-1===e.indexOf("?")?"?":"&")+(new Date-0));return g(e,f)}function h(b,c,d){var e=q.createElement("script");e.className=z;e[t?"onload":"onreadystatechange"]=function(){if(t||/loaded|complete/i.test(e.readyState)){var g=m.pop();g&&g.delay(c);d&&d();
-f(e,!1,!t)&&y("debug: \u5df2\u6210\u529f\u52a0\u8f7d "+b)}};e.onerror=function(){f(e,!0)};e.src=b;H.insertBefore(e,H.firstChild);y("debug: \u6b63\u51c6\u5907\u52a0\u8f7d "+b)}function k(b,c,d){for(var e=0,f=[],g;g=c[e++];)f.push(s[g].exports);c=Object(s[b]);d=d.apply(r,f);c.state=2;void 0!==d&&(s[b].exports=d);return d}var l=[],m=[],n;T.js=function(c,d){var e=b(c);s[e]||(s[e]={id:e,exports:{}},d?F(d.deps||"",function(){h(c,e,function(){s[e].state=2;d.exports&&(s[e].exports="function"===typeof d.exports?
-d.exports():r[d.exports]);F.checkDeps()})}):h(c,e));return e};T.css=function(b){var c=b.replace(/(#.+|\W)/g,"");if(!q.getElementById(c)){var d=q.createElement("link");d.rel="stylesheet";d.href=b;d.id=c;H.insertBefore(d,H.firstChild)}};T.css.ext=".css";T.js.ext=".js";T.text=function(b){var c=Pa(),d=b.replace(/[?#].*/,"");s[d]={};c.onreadystatechange=function(){if(4===c.readyState){var e=c.status;399<e&&600>e?avalon.error(b+" \u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS"):
-(s[d].state=2,s[d].exports=c.responseText,F.checkDeps())}};c.open("GET",b,!0);"withCredentials"in c&&(c.withCredentials=!0);c.setRequestHeader("X-Requested-With","XMLHttpRequest");c.send();return d};var p=c(!0);p||(p=avalon.slice(q.scripts).pop().src);p=b(p);n=v.base=p.slice(0,p.lastIndexOf("/")+1);var u=/\/\w+\/\.\./;F=avalon.require=function(b,c,d){var f={},h=[],m=0,q=0,p=d||"callback"+setTimeout("1");d=d||n;String(b).replace(B,function(b){if(b=g(b,d))m++,s[b]&&2===s[b].state&&q++,f[b]||(h.push(b),
-f[b]="\u53f8\u5f92\u6b63\u7f8e")});s[p]={id:p,factory:c,deps:f,args:h,state:1};m===q?k(p,h,c):l.unshift(p);e()};F.define=function(e,f,g){var h=$.call(arguments);if("string"===typeof e)var k=h.shift();"function"===typeof h[0]&&h.unshift([]);var l=s[k]&&1<=s[k].state?k:b(c());!s[l]&&k&&(s[l]={id:l,factory:g,state:1});g=h[1];g.id=k;g.delay=function(b){h.push(b);var c=!0;try{c=d(s[b].deps,b)}catch(e){}c&&avalon.error(b+"\u6a21\u5757\u4e0e\u4e4b\u524d\u7684\u6a21\u5757\u5b58\u5728\u5faa\u73af\u4f9d\u8d56\uff0c\u8bf7\u4e0d\u8981\u76f4\u63a5\u7528script\u6807\u7b7e\u5f15\u5165"+
-b+"\u6a21\u5757");delete g.delay;F.apply(null,h)};l?g.delay(l,h):m.push(g)};F.define.amd=s;F.config=v;F.checkDeps=e};var cd=t?"DOMContentLoaded":"readystatechange";"complete"===q.readyState?setTimeout(S):t?(q.addEventListener(cd,S),r.addEventListener("load",S)):(q.attachEvent("onreadystatechange",function(){"complete"===q.readyState&&S()}),r.attachEvent("onload",S),A.doScroll&&vb());avalon.config({loader:!0});avalon.ready=function(b){F("ready!",b)};avalon.ready(function(){if(r.VBArray&&!r.setImmediate){var b=
-[];avalon.nextTick=function(c){"function"===typeof c&&b.push(c);var d=q.createElement("script");d.onreadystatechange=function(){var c=b.shift();c&&(c(),b.length&&avalon.nextTick());d.onreadystatechange=null;H.removeChild(d);d=null};H.appendChild(d)}}avalon.scan(q.body)})})(document);
+(function(p){function A(){}function x(){r.console&&avalon.config.debug&&Function.apply.call(console.log,console,arguments)}function T(b,c){"string"===typeof b&&(b=b.match(D)||[]);for(var d={},e=void 0!==c?c:1,f=0,g=b.length;f<g;f++)d[b[f]]=e;return d}function Va(){return"avalon"+Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function Wa(b){return Rb.test(ja.call(b))}function sa(b,c){b=Math.floor(b)||0;return 0>b?Math.max(c+b,0):Math.min(b,c)}function Sb(b,c,
+d){if(U(c)||c&&c.nodeType||-1!==d.indexOf(b)||-1!==ta.indexOf(b))return!1;c=d.$special;return b&&"$"===b.charAt(0)&&!c[b]?!1:!0}function J(b,c,d){if(Array.isArray(b)){var e=b.concat();b.length=0;c=Tb(b);c.pushArray(e);return c}if("number"===typeof b.nodeType||b.$id&&b.$model&&b.$events)return b;Array.isArray(b.$skipArray)||(b.$skipArray=[]);b.$skipArray.$special=c||{};var f={};d=d||{};var g={},h={},k=[];for(e in b)(function(c,e){d[c]=e;if(Sb(c,e,b.$skipArray)){var q,l=avalon.type(e);g[c]=[];if("object"===
+l&&U(e.get)&&2>=Object.keys(e).length){var H=e.set,K=e.get;q=function(b){var e=f.$events,g=d[c];if(arguments.length){if(ka)return;if(U(H)){var h=e[c];e[c]=[];H.call(f,b);e[c]=h}}else avalon.openComputedCollect&&la(e[c]);b=d[c]=K.call(f);if(!ma(g,b)){if(na&&(h=V[f.$id])&&h[c])h[c].$val=b;ua(e[c]);f.$events&&O.$fire.call(f,c,b,g)}return b};k.push(function(){Z[z]={evaluator:q,element:F,type:"computed::"+c,handler:A,args:[]};q();la(g[c]);delete Z[z]})}else va.test(l)?(q=function(b){var e=q.child,h=d[c];
+if(arguments.length)!ka&&!ma(h,b)&&(e=q.child=Ub(f,c,b,l),b=d[c]=e.$model,(e=wa[e.$id])&&e(),f.$events&&O.$fire.call(f,c,b,h));else return la(g[c]),e},(q.child=J(e,0,d[c])).$events[G]=g[c]):q=function(b){var e=d[c];if(arguments.length){if(!ma(e,b)){d[c]=b;if(na){var h=V[f.$id];h&&h[c]&&(h[c].$val=b)}ua(g[c]);f.$events&&O.$fire.call(f,c,b,e)}}else return la(g[c]),e};h[c]=q}})(e,b[e]);ta.forEach(function(c){delete b[c];delete d[c]});var f=oa(f,Vb(h),b),l;for(l in b)h[l]||(f[l]=b[l]);f.$id=Va();f.$model=
+d;f.$events=g;for(e in O)c=O[e],v||(c=c.bind(f)),f[e]=c;f.hasOwnProperty=function(b){return b in f.$model};k.forEach(function(b){b()});return f}function Ub(b,c,d,e){var f=b[c];if("array"===e){if(!Array.isArray(d)||f===d)return f;f.clear();f.pushArray(d.concat());return f}var g=b.$events[c];V[f.$id]&&(na--,delete V[f.$id]);var h=J(d);wa[h.$id]=function(b){for(;b=g.shift();)(function(b){b.type&&avalon.nextTick(function(){b.rollback&&b.rollback();C[b.type](b,b.vmodels)})})(b);delete wa[h.$id]};return h}
+function $(b,c,d){b="for(var "+b+"i=0,n = this.length; i < n; i++){"+c.replace("_","((i in this) && fn.call(scope,this[i],i,this))")+"}"+d;return Function("fn,scope",b)}function Xa(b,c){try{for(;c=c.parentNode;)if(c===b)return!0;return!1}catch(d){return!1}}function Ya(){return(new XMLSerializer).serializeToString(this)}function t(b){for(var c in b)if(P.call(b,c)){var d=b[c];if("function"===typeof t.plugins[c])t.plugins[c](d);else"object"===typeof t[c]?avalon.mix(t[c],d):t[c]=d}return this}function Za(b){return b.replace(/([a-z\d])([A-Z]+)/g,
+"$1-$2").toLowerCase()}function pa(b){return 0>b.indexOf("-")&&0>b.indexOf("_")?b:b.replace(/[-_][^-_]/g,function(b){return b.charAt(1).toUpperCase()})}function $a(b){if(!("classList"in b)){b.classList={node:b};for(var c in ab)b.classList[c.slice(1)]=ab[c]}return b.classList}function bb(b){try{b="true"===b?!0:"false"===b?!1:"null"===b?null:+b+""===b?+b:Wb.test(b)?avalon.parseJSON(b):b}catch(c){}return b}function cb(b,c){if(0>=b.offsetWidth){if(Xb.test(w["@:get"](b,"display"))){var d={node:b},e;for(e in db)d[e]=
+b.style[e],b.style[e]=db[e];c.push(d)}(d=b.parentNode)&&1===d.nodeType&&cb(d,c)}}function eb(b){var c=b.nodeName;return c.toLowerCase()===c&&b.scopeName&&""===b.outerText}function Yb(b){"url(#default#VML)"!==b.currentStyle.behavior&&(b.style.behavior="url(#default#VML)",b.style.display="inline-block",b.style.zoom=1)}function xa(b){Z[z]=b;avalon.openComputedCollect=!0;var c=b.evaluator;if(c)try{var d=Zb.test(b.type)?b:c.apply(0,b.args);b.handler(d,b.element,b)}catch(e){x("warning:exception throwed in [registerSubscriber] "+
+e),delete b.evaluator,c=b.element,3===c.nodeType&&(d=c.parentNode,t.commentInterpolate?d.replaceChild(p.createComment(b.value),c):c.data=L+b.value+M)}avalon.openComputedCollect=!1;delete Z[z]}function la(b){var c=Z[z];b&&(c&&avalon.Array.ensure(b,c)&&c.element)&&aa.push({data:c,list:b})}function fb(){for(var b=ya,c=ya+$b;b<c;b++){var d=aa[b];if(!d)break;var e=d.data,f=e.element;if(null===f||(1===f.nodeType?"number"===typeof f.sourceIndex?0===f.sourceIndex:!B.contains(f):!avalon.contains(B,f))){aa.splice(b,
+1);avalon.Array.remove(d.list,e);"if"===e.type&&(e.template&&e.template.parentNode===F)&&F.removeChild(e.template);for(var g in e)e[g]=null;d.data=d.list=null;b--;c--}}ya=(d=aa[b])?c:0}function ua(b){var c=new Date;clearTimeout(gb);333<c-hb?(fb(),hb=new Date):gb=setTimeout(fb,333);if(b&&b.length)for(var c=ba.call(arguments,1),d=b.length,e;e=b[--d];){var f=e.element;e.$repeat?e.handler.apply(e,c):e.element&&"on"!==e.type&&e.handler((e.evaluator||A).apply(0,e.args||[]),f,e)}}function ib(b,c){var d=
+NaN,e=setInterval(function(){var f=b.innerHTML;f===d?(clearInterval(e),c()):d=f},ac)}function jb(b,c,d){d=b.getAttribute("ms-skip");if(!b.getAttributeNode)return x("warning "+b.tagName+" no getAttributeNode method");var e=b.getAttributeNode("ms-important"),f=b.getAttributeNode("ms-controller");if("string"!==typeof d){if(d=e||f){f=qa[d.value];if(!f)return;c=d===e?[f]:[f].concat(c);e=d.name;b.removeAttribute(e);b.setAttribute("avalonctrl",d.value);f.$events.expr=b.tagName+'[avalonctrl="'+d.value+'"]';
+avalon(b).removeClass(e)}kb(b,c)}}function za(b,c){for(var d=b.firstChild;d;){var e=d.nextSibling;lb(d,d.nodeType,c);d=e}}function mb(b,c){for(var d=0,e;e=b[d++];)lb(e,e.nodeType,c)}function lb(b,c,d){1===c?jb(b,d):3===c&&ca.test(b.data)?nb(b,d):t.commentInterpolate&&(8===c&&!ca.test(b.nodeValue))&&nb(b,d)}function nb(b,c){var d=[];if(8===b.nodeType){var e=[],f={expr:!0,value:ob(b.nodeValue,e)};e.length&&(f.filters=e);e=[f]}else e=Aa(b.data);if(e.length){for(var g=0;f=e[g++];){var h=p.createTextNode(f.value);
+if(f.expr){var k=f.filters,f={type:"text",element:h,value:f.value,filters:k};k&&-1!==k.indexOf("html")&&(avalon.Array.remove(k,"html"),f.type="html",f.group=1,k.length||delete d.filters);d.push(f)}W.appendChild(h)}b.parentNode.replaceChild(W,b);d.length&&Ba(d,c)}}function bc(b,c){return b.priority-c.priority}function kb(b,c){for(var d=pb?pb(b):avalon.slice(b.attributes),e=[],f={},g,h=0,k;k=d[h++];)if(k.specified&&(g=k.name.match(qb))){var l=g[1],n=g[2]||"",m=k.value;k=k.name;f[k]=m;cc[l]?(n=l,l="on"):
+"enabled"===l&&(l="disabled",m="!("+m+")");if("checked"===l||"selected"===l||"disabled"===l||"readonly"===l)n=l,l="attr",b.removeAttribute(k),k="ms-attr-"+n,b.setAttribute(k,m),g=[k],f[k]=m;"function"===typeof C[l]&&(m={type:l,param:n,element:b,name:g[0],value:m,priority:l in rb?rb[l]:10*l.charCodeAt(0)+(Number(n)||0)},"if"===l&&-1<n.indexOf("loop")&&(m.priority+=100),c.length&&(e.push(m),"widget"===l&&(b.msData=b.msData||f)))}e.sort(bc);f["ms-checked"]&&f["ms-duplex"]&&x("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");
+d=e[0]||{};switch(d.type){case "if":case "repeat":case "widget":Ba([d],c);break;default:Ba(e,c),!dc[b.tagName]&&sb.test(b.innerHTML.replace(ec,"<").replace(fc,">"))&&za(b,c)}}function Ba(b,c){for(var d=0,e;e=b[d++];)e.vmodels=c,C[e.type](e,c),e.evaluator&&(e.element&&1===e.element.nodeType)&&e.element.removeAttribute(e.name);b.length=0}function ob(b,c){0<b.indexOf("|")&&(b=b.replace(gc,"U2hvcnRDaXJjdWl0"),b=b.replace(hc,function(b,e,f){c.push(e+(f||""));return""}),b=b.replace(ic,"||"));return b}function Aa(b){var c=
+[],d;d=0;var e;do{e=b.indexOf(L,d);if(-1===e)break;(d=b.slice(d,e))&&c.push({value:d,expr:!1});d=e+L.length;e=b.indexOf(M,d);if(-1===e)break;if(d=b.slice(d,e)){var f=[];d=ob(d,f);c.push({value:d,expr:!0,filters:f.length?f:void 0})}d=e+M.length}while(1);(d=b.slice(d))&&c.push({value:d,expr:!1});return c}function jc(b,c,d,e){for(var f=[],g=" = "+d+".",h=b.length,k;k=b[--h];)c.hasOwnProperty(k)&&(f.push(k+g+k),"duplex"===e.type&&(b.get=d+"."+k),b.splice(h,1));return f}function tb(b){for(var c=[],d={},
+e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;d[g]||(d[g]=c.push(f))}return c}function Ca(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];return c[e]=f}var d=[];return c}function ra(b,c,d){var e=d.type,f=d.filters?d.filters.join(""):"",g=c.map(function(b){return b.$id.replace(kc,"$1")})+b+e+f,h=lc(b).concat(),k=[],l=[],n=[],m="";c=tb(c);for(var q=0,m=c.length;q<m;q++)if(h.length){var u="vm"+z+"_"+q;l.push(u);n.push(c[q]);k.push.apply(k,jc(h,c[q],u,d))}if(k.length||"duplex"!==
+e)if(f&&n.push(avalon.filters),d.args=n,c=Da[g])d.evaluator=c;else{(m=k.join(", "))&&(m="var "+m);if(f){b="\nvar ret"+z+" = "+b;e=[];e.push(b,"\r\n");for(q=0;f=d.filters[q++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",z,".",f,"){\n\ttry{\nret",z," = filters",z,".",f,"(ret",z,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+z;l.push("filters"+z)}else{if("duplex"===e){m="'use strict';\nreturn function(vvv){\n\t"+
+m+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!mc.test(b)?h.get:b)+"= vvv;\n} ";try{c=Function.apply(A,l.concat(m)),d.evaluator=Da(g,c)}catch(H){x("debug: parse error,"+H.message)}return}"on"===e?(b=-1===b.indexOf("(")?b+".call(this, $event)":b.replace("(",".call(this,"),l.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),q=b.slice(0,e),b=b.slice(e),b=q+"\n"+b):b="\nreturn "+b+";"}try{c=Function.apply(A,l.concat("'use strict';\n"+m+b)),d.evaluator=Da(g,c)}catch(K){x("debug: parse error,"+
+K.message)}finally{h=e=l=null}}}function Q(b,c,d,e){Array.isArray(e)&&(b=e.map(function(b){return b.expr?"("+b.value+")":nc(b.value)}).join(" + "));ra(b,c,d);d.evaluator&&(d.handler=Ea[d.handlerName||d.type],d.evaluator.toString=function(){return d.type+" binding to eval("+b+")"},xa(d))}function da(b,c){var d="_"+b;if(!da[d]){var e=p.createElement(b);B.appendChild(e);c=v?getComputedStyle(e,null).display:e.currentStyle.display;B.removeChild(e);da[d]=c}return da[d]}function X(b,c){switch(b.msType){case "boolean":return"true"===
+c;case "number":return isFinite(c)||""===c?parseFloat(c)||0:c;default:return c}}function ub(b,c,d){var e=p.createEvent("Events");e.initEvent(c,!0,!0);d&&(e.detail=d);b.dispatchEvent(e)}function oc(){!this.disabled&&this.oldValue!==this.value&&(v?ub(this,"input"):this.fireEvent("onchange"))}function pc(){for(var b=ea.length-1;0<=b;b--)!1===(0,ea[b])()&&ea.splice(b,1);ea.length||clearInterval(vb)}function qc(b){rc.call(this,b);b!==this.oldValue&&ub(this,"input")}function sc(b){var c={},d;for(d in b)c[d]=
+b[d];d=c.target=b.srcElement;0===b.type.indexOf("key")?c.which=null!=b.charCode?b.charCode:b.keyCode:/mouse|click/.test(b.type)&&(d=d.ownerDocument||p,d="BackCompat"===d.compatMode?d.body:d.documentElement,c.pageX=b.clientX+(d.scrollLeft>>0)-(d.clientLeft>>0),c.pageY=b.clientY+(d.scrollTop>>0)-(d.clientTop>>0),c.wheelDeltaY=c.wheelDelta,c.wheelDeltaX=0);c.timeStamp=new Date-0;c.originalEvent=b;c.preventDefault=function(){b.returnValue=!1};c.stopPropagation=function(){b.cancelBubble=!0};return c}function Tb(b){var c=
+[];c.$id=Va();c.$model=b;c.$events={};c.$events[G]=[];c._=J({length:b.length});c._.$watch("length",function(b,d){c.$fire("length",b,d)});for(var d in O)c[d]=O[d];avalon.mix(c,wb);return c}function xb(b,c,d,e){var f=avalon.parseHTML(b.template),g=avalon.slice(f.childNodes);c.appendChild(f);d.$outer=b.$outer;b={nodes:g,vmodels:[d].concat(b.vmodels)};e.push(b)}function Fa(b,c){var d=b.element;if("repeat"==b.type)for(var d=d.nextSibling,e=0;e<c;e++)if(d)d=d.nextSibling;else break;else d=avalon.slice(d.parentNode.childNodes,
+1),d=d[(b.group||d.length/b.proxies.length)*c];return d||null}function yb(b,c,d){c*=d||1;d=[b];for(var e=1,f=W;e<c;)(b=b.nextSibling)&&(d[e++]=b);for(e=0;b=d[e++];)f.appendChild(b);return f}function zb(b){if(!isFinite(b.group)){var c=avalon.slice(b.element.parentNode.childNodes,1);b.group=c.length/("proxySize"in b?b.proxySize:b.proxies.length)}}function tc(b,c,d){b=J({$key:b,$outer:d,$val:c},{$val:1,$key:1});b.$id=("$proxy$with"+Math.random()).replace(/0\./,"");return b}function uc(b,c,d,e){var f=
+d.param||"el",g;b={$remove:function(){return d.$repeat.removeAt(g.$index)},$itemName:f,$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=fa.length;e<h;e++)if(g=fa[e],g.hasOwnProperty(f)){for(var k in b)g[k]=b[k];fa.splice(e,1);return g}va.test(avalon.type(c))&&(b.$skipArray=[f]);g=J(b,vc);g.$watch(f,function(b){d.$repeat.set(g.$index,b)});g.$id=("$proxy$"+d.type+Math.random()).replace(/0\./,"");return g}function Ab(b){for(var c=0,d;d=b[c++];){var e=void 0;for(e in d.$events)Array.isArray(d.$events[e])&&
+(d.$events[e].length=0);fa.unshift(d)>t.maxRepeatSize&&fa.pop()}b.length=0}function R(){p.body&&(E?(s["ready!"].state=2,E.checkDeps()):Bb.forEach(function(b){b(avalon)}),R=A)}function Cb(){try{B.doScroll("left"),R()}catch(b){setTimeout(Cb)}}var z=new Date-0,G="$"+z,r=this||(0,eval)("this"),wc=r.require,xc=r.define,ka=!1,D=/[^, ]+/g,Db=/\[native code\]/,va=/^(?:object|array)$/,Eb=/^\[object SVG\w*Element\]$/,Rb=/^\[object (?:Window|DOMWindow|global)\]$/,Ga=Object.prototype,P=Ga.hasOwnProperty,ja=Ga.toString,
+I=Array.prototype,ba=I.slice,Z={},v=r.dispatchEvent,B=p.documentElement,F=p.getElementsByTagName("head")[0],W=p.createDocumentFragment(),ga=p.createElement("div"),Fb={};"Boolean Number String Function Array Date RegExp Object Error".replace(D,function(b){Fb["[object "+b+"]"]=b.toLowerCase()});avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||
+"function"===typeof b?Fb[ja.call(b)]||"object":typeof b};var U="object"===typeof alert?function(b){try{return/^\s*\bfunction\b/.test(b+"")}catch(c){return!1}}:function(b){return"[object Function]"==ja.call(b)};avalon.isFunction=U;avalon.isWindow=function(b){return!b?!1:b==b.document&&b.document!=b};Wa(r)&&(avalon.isWindow=Wa);avalon.isPlainObject=function(b,c){if(!b||"object"!==avalon.type(b)||b.nodeType||avalon.isWindow(b))return!1;try{if(b.constructor&&!P.call(b,"constructor")&&!P.call(b.constructor.prototype,
+"isPrototypeOf"))return!1}catch(d){return!1}for(c in b);return void 0===c||P.call(b,c)};Db.test(Object.getPrototypeOf)&&(avalon.isPlainObject=function(b){return!!b&&"object"===typeof b&&Object.getPrototypeOf(b)===Ga});avalon.mix=avalon.fn.mix=function(){var b,c,d,e,f,g=arguments[0]||{},h=1,k=arguments.length,l=!1;"boolean"===typeof g&&(l=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===k&&(g=this,h--);for(;h<k;h++)if(null!=(b=arguments[h]))for(c in b){d=g[c];
+try{e=b[c]}catch(n){continue}g!==e&&(l&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,d=d&&Array.isArray(d)?d:[]):d=d&&avalon.isPlainObject(d)?d:{},g[c]=avalon.mix(l,d,e)):void 0!==e&&(g[c]=e))}return g};avalon.mix({rword:D,subscribers:G,version:1.36,ui:{},log:x,slice:v?function(b,c,d){return ba.call(b,c,d)}:function(b,c,d){var e=[],f=b.length;void 0===d&&(d=f);if("number"===typeof d&&isFinite(d)){c=sa(c,f);d=sa(d,f);for(f=c;f<d;++f)e[f-c]=b[f]}return e},noop:A,error:function(b,c){throw new (c||
+Error)(b);},oneObject:T,range:function(b,c,d){d||(d=1);null==c&&(c=b||0,b=0);var e=-1;c=Math.max(0,Math.ceil((c-b)/d));for(var f=Array(c);++e<c;)f[e]=b,b+=d;return f},eventHooks:{},bind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type,f.deel&&(d=f.deel(b,d)));f=v?d:function(c){d.call(b,sc(c))};v?b.addEventListener(c,f,!!e):b.attachEvent("on"+c,f);return f},unbind:function(b,c,d,e){var f=avalon.eventHooks[c];d=d||A;"object"===typeof f&&(c=f.type);v?b.removeEventListener(c,
+d,!!e):b.detachEvent("on"+c,d)},css:function(b,c,d){b instanceof avalon&&(b=b[0]);var e=/[_-]/.test(c)?pa(c):c;c=avalon.cssName(e)||e;if(void 0===d||"boolean"===typeof d)return e=w[e+":get"]||w["@:get"],b=e(b,c),!0===d?parseFloat(b)||0:b;""===d?b.style[c]="":null==d||d!==d||(isFinite(d)&&!avalon.cssNumber[e]&&(d+="px"),e=w[e+":set"]||w["@:set"],e(b,c,d))},each:function(b,c){if(b){var d=0,e;a:{if(b&&"object"===typeof b&&!avalon.isWindow(b)){var f=b.length;if(+f===f&&!(f%1)&&0<=f)try{e=!1==={}.propertyIsEnumerable.call(b,
+"length")?Array.isArray(b)||/^\s?function/.test(b.item||b.callee):!0;break a}catch(g){e=!0;break a}}e=!1}if(e)for(e=b.length;d<e;d++)c(d,b[d]);else for(d in b)b.hasOwnProperty(d)&&c(d,b[d])}},getWidgetData:function(b,c){var d=avalon(b).data(),e={},f;for(f in d)0===f.indexOf(c)&&(e[f.replace(c,"").replace(/\w/,function(b){return b.toLowerCase()})]=d[f]);return e},Array:{ensure:function(b,c){if(-1===b.indexOf(c))return b.push(c)},removeAt:function(b,c){return!!b.splice(c,1).length},remove:function(b,
+c){var d=b.indexOf(c);return~d?avalon.Array.removeAt(b,d):!1}}});avalon.nextTick=r.setImmediate?setImmediate.bind(r):function(b){setTimeout(b,0)};var qa=avalon.vmodels={};avalon.define=function(b,c){var d=b.$id||b;d||x("warning: vm\u5fc5\u987b\u6307\u5b9a$id");qa[b]&&x("warning: "+d+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"===typeof b)var e=J(b);else e={$watch:A},c(e),e=J(e),ka=!0,c(e),ka=!1;e.$id=d;return qa[d]=e};var ta="$id,$watch,$unwatch,$fire,$events,$model,$skipArray".match(D),
+ma=Object.is||function(b,c){return 0===b&&0===c?1/b===1/c:b!==b?c!==c:b===c},Vb=v?function(b){var c={},d;for(d in b)c[d]={get:b[d],set:b[d],enumerable:!0,configurable:!0};return c}:function(b){return b},V={},na=0,wa={},Ha=Object.defineProperty;try{Ha({},"_",{value:"x"});var oa=Object.defineProperties}catch(jd){"__defineGetter__"in avalon&&(Ha=function(b,c,d){"value"in d&&(b[c]=d.value);"get"in d&&b.__defineGetter__(c,d.get);"set"in d&&b.__defineSetter__(c,d.set);return b},oa=function(b,c){for(var d in c)c.hasOwnProperty(d)&&
+Ha(b,d,c[d]);return b})}if(!oa&&r.VBArray){r.execScript('Function parseVB(code)\n\tExecuteGlobal(code)\nEnd Function\nDim VBClassBodies\nSet VBClassBodies=CreateObject("Scripting.Dictionary")\nFunction findOrDefineVBClass(name,body)\n\tDim found\n\tfound=""\n\tFor Each key in VBClassBodies\n\t\tIf body=VBClassBodies.Item(key) Then\n\t\t\tfound=key\n\t\t\tExit For\n\t\tEnd If\n\tnext\n\tIf found="" Then\n\t\tparseVB("Class " + name + body)\n\t\tVBClassBodies.Add name, body\n\t\tfound=name\n\tEnd If\n\tfindOrDefineVBClass=found\nEnd Function',
+"VBScript");var yc=function(b,c,d){var e=b[c];if("function"===typeof e)if(3===arguments.length)e(d);else return e()},oa=function(b,c,d){var e="VBClass"+setTimeout("1"),f=[];f.push("\r\n\tPrivate [__data__], [__proxy__]","\tPublic Default Function [__const__](d, p)","\t\tSet [__data__] = d: set [__proxy__] = p","\t\tSet [__const__] = Me","\tEnd Function");for(b in d)c.hasOwnProperty(b)||f.push("\tPublic ["+b+"]");ta.forEach(function(b){c.hasOwnProperty(b)||f.push("\tPublic ["+b+"]")});f.push("\tPublic [hasOwnProperty]");
+for(b in c)f.push("\tPublic Property Let ["+b+"](val"+z+")",'\t\tCall [__proxy__]([__data__], "'+b+'", val'+z+")","\tEnd Property","\tPublic Property Set ["+b+"](val"+z+")",'\t\tCall [__proxy__]([__data__], "'+b+'", val'+z+")","\tEnd Property","\tPublic Property Get ["+b+"]","\tOn Error Resume Next","\t\tSet["+b+'] = [__proxy__]([__data__],"'+b+'")',"\tIf Err.Number <> 0 Then","\t\t["+b+'] = [__proxy__]([__data__],"'+b+'")',"\tEnd If","\tOn Error Goto 0","\tEnd Property");f.push("End Class");b=f.join("\r\n");
+b=r.findOrDefineVBClass(e,b);b===e&&r.parseVB(["Function "+e+"Factory(a, b)","\tDim o","\tSet o = (New "+e+")(a, b)","\tSet "+e+"Factory = o","End Function"].join("\r\n"));return r[b+"Factory"](c,yc)}}if(!"\u53f8\u5f92\u6b63\u7f8e".trim){var zc=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;String.prototype.trim=function(){return this.replace(zc,"")}}var Ac=!{toString:null}.propertyIsEnumerable("toString"),Bc=function(){}.propertyIsEnumerable("prototype"),Gb="toString toLocaleString valueOf hasOwnProperty isPrototypeOf propertyIsEnumerable constructor".split(" "),
+Cc=Gb.length;Object.keys||(Object.keys=function(b){var c=[],d=Bc&&"function"===typeof b;if("string"===typeof b||b&&b.callee)for(d=0;d<b.length;++d)c.push(String(d));else for(var e in b)!(d&&"prototype"===e)&&P.call(b,e)&&c.push(String(e));if(Ac){d=(d=b.constructor)&&d.prototype===b;for(e=0;e<Cc;e++){var f=Gb[e];!(d&&"constructor"===f)&&P.call(b,f)&&c.push(f)}}return c});Array.isArray||(Array.isArray=function(b){return"[object Array]"===ja.call(b)});A.bind||(Function.prototype.bind=function(b){if(2>
+arguments.length&&void 0===b)return this;var c=this,d=arguments;return function(){var e=[],f;for(f=1;f<d.length;f++)e.push(d[f]);for(f=0;f<arguments.length;f++)e.push(arguments[f]);return c.apply(b,e)}});Db.test([].map)||avalon.mix(I,{indexOf:function(b,c){var d=this.length,e=~~c;for(0>e&&(e+=d);e<d;e++)if(this[e]===b)return e;return-1},lastIndexOf:function(b,c){var d=this.length,e=null==c?d-1:c;for(0>e&&(e=Math.max(0,d+e));0<=e;e--)if(this[e]===b)return e;return-1},forEach:$("","_",""),filter:$("r=[],j=0,",
+"if(_)r[j++]=this[i]","return r"),map:$("r=[],","r[i]=_","return r"),some:$("","if(_)return true","return false"),every:$("","if(!_)return false","return true")});B.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});p.contains||(p.contains=function(b){return Xa(p,b)});if(r.SVGElement){var Hb=p.createElementNS("http://www.w3.org/2000/svg","svg");Hb.innerHTML='<circle cx="50" cy="50" r="40" fill="red" />';if(!Eb.test(Hb.firstChild)){var Ia=function(b,c){if(b&&
+b.childNodes)for(var d=b.childNodes,e=0,f;f=d[e++];)if(f.tagName){var g=p.createElementNS("http://www.w3.org/2000/svg",f.tagName.toLowerCase());I.forEach.call(f.attributes,function(b){g.setAttribute(b.name,b.value)});Ia(f,g);c.appendChild(g)}};Object.defineProperties(SVGElement.prototype,{outerHTML:{enumerable:!0,configurable:!0,get:Ya,set:function(b){var c=this.tagName.toLowerCase(),d=this.parentNode;b=avalon.parseHTML(b);"svg"===c?d.insertBefore(b,this):(c=p.createDocumentFragment(),Ia(b,c),d.insertBefore(c,
+this));d.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,get:function(){var b=RegExp("</"+this.nodeName+">$","i");return this.outerHTML.replace(RegExp("<"+this.nodeName+'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTM&&(avalon.clearHTML(this),b=avalon.parseHTML(b),Ia(b,this))}}})}}!B.outerHTML&&r.HTMLElement&&HTMLElement.prototype.__defineGetter__("outerHTML",Ya);var L,M,ca,Ib,sb,Jb=/[-.*+?^${}()|[\]\/\\]/g,S={loader:function(b){r.define=b?E.define:
+xc;r.require=b?E:wc},interpolate:function(b){L=b[0];M=b[1];if(L===M)throw new SyntaxError("openTag!==closeTag");if("\x3c!--,--\x3e"===b+"")t.commentInterpolate=!0;else{b=L+"test"+M;ga.innerHTML=b;if(ga.innerHTML!==b&&0<=ga.innerHTML.indexOf("&lt;"))throw new SyntaxError("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5");ga.innerHTML=""}b=(L+"").replace(Jb,"\\$&");var c=(M+"").replace(Jb,"\\$&");ca=RegExp(b+"(.*?)"+c);Ib=RegExp(b+"(.*?)"+c,"g");sb=RegExp(b+".*?"+c+"|\\sms-")}};t.debug=!0;t.plugins=S;t.plugins.interpolate(["{{",
+"}}"]);t.paths={};t.shim={};t.maxRepeatSize=100;avalon.config=t;var ab={_toString:function(){var b=this.node.className;return("string"===typeof b?b:b.baseVal).split(/\s+/).join(" ")},_contains:function(b){return-1<(" "+this+" ").indexOf(" "+b+" ")},_add:function(b){this.contains(b)||this._set(this+" "+b)},_remove:function(b){this._set((" "+this+" ").replace(" "+b+" "," ").trim())},__set:function(b){var c=this.node;"string"===typeof c.className?c.className=b:c.setAttribute("class",b)}};"add,remove".replace(D,
+function(b){avalon.fn[b+"Class"]=function(c){var d=this[0];c&&("string"===typeof c&&d&&1===d.nodeType)&&c.replace(/\S+/g,function(c){$a(d)[b](c)});return this}});avalon.fn.mix({hasClass:function(b){var c=this[0]||{};return 1===c.nodeType&&$a(c).contains(b)},toggleClass:function(b,c){for(var d,e=0,f=b.split(/\s+/),g="boolean"===typeof c;d=f[e++];)this[(g?c:!this.hasClass(d))?"addClass":"removeClass"](d);return this},attr:function(b,c){return 2===arguments.length?(this[0].setAttribute(b,c),this):this[0].getAttribute(b)},
+data:function(b,c){b="data-"+Za(b||"");switch(arguments.length){case 2:return this.attr(b,c),this;case 1:var d=this.attr(b);return bb(d);case 0:var e={};I.forEach.call(this[0].attributes,function(c){c&&(b=c.name,b.indexOf("data-")||(b=pa(b.slice(5)),e[b]=bb(c.value)))});return e}},removeData:function(b){b="data-"+Za(b);this[0].removeAttribute(b);return this},css:function(b,c){if(avalon.isPlainObject(b))for(var d in b)avalon.css(this,d,b[d]);else var e=avalon.css(this,b,c);return void 0!==e?e:this},
+position:function(){var b,c,d=this[0],e={top:0,left:0};if(d)return"fixed"===this.css("position")?c=d.getBoundingClientRect():(b=this.offsetParent(),c=this.offset(),"HTML"!==b[0].tagName&&(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],"borderLeftWidth",!0)),{top:c.top-e.top-avalon.css(d,"marginTop",!0),left:c.left-e.left-avalon.css(d,"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||B;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=
+b.offsetParent;return avalon(b||B)},bind:function(b,c,d){if(this[0])return avalon.bind(this[0],b,c,d)},unbind:function(b,c,d){this[0]&&avalon.unbind(this[0],b,c,d);return this},val:function(b){var c=this[0];if(c&&1===c.nodeType){var d=0===arguments.length,e=d?":get":":set",f=Ja,g;g=c.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(c.type)?"checked":g;if(e=f[g+e])var h=e(c,b);else{if(d)return(c.value||"").replace(/\r/g,"");c.value=b}}return d?h:this}});var Wb=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+Dc=/^[\],:{}\s]*$/,Ec=/(?:^|:|,)(?:\s*\[)+/g,Fc=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,Gc=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g;avalon.parseJSON=r.JSON?JSON.parse:function(b){if("string"===typeof b){if((b=b.trim())&&Dc.test(b.replace(Fc,"@").replace(Gc,"]").replace(Ec,"")))return(new Function("return "+b))();avalon.error("Invalid JSON: "+b)}};avalon.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){avalon.fn[b]=function(d){var e=this[0]||{},f=e.window&&
+e.document?e:9===e.nodeType?e.defaultView||e.parentWindow:!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?d:avalon(f).scrollLeft(),g?d:avalon(f).scrollTop()):e[b]=d;else return f?c in f?f[c]:B[b]:e[b]}});var w=avalon.cssHooks={},Kb=["","-webkit-","-o-","-moz-","-ms-"],Ka={"float":"cssFloat",background:"backgroundColor"};avalon.cssNumber=T("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");avalon.cssName=function(b,c,d){if(Ka[b])return Ka[b];c=c||B.style;
+for(var e=0,f=Kb.length;e<f;e++)if(d=pa(Kb[e]+b),d in c)return Ka[b]=d;return null};w["@:set"]=function(b,c,d){try{b.style[c]=d}catch(e){}};if(r.getComputedStyle)w["@:get"]=function(b,c){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+b);var d,e=getComputedStyle(b,null);e&&(d="filter"===c?e.getPropertyValue(c):e[c],""===d&&(d=b.style[c]));return d},w["opacity:get"]=function(b){b=w["@:get"](b,"opacity");return""===b?"1":b};else{var Hc=/^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i,
+Ic=/^(top|right|bottom|left)$/,Lb=/alpha\([^)]*\)/i,La=!!r.XDomainRequest,Jc={thin:La?"1px":"2px",medium:La?"3px":"4px",thick:La?"5px":"6px"};w["@:get"]=function(b,c){var d=b.currentStyle,e=d[c];if(Hc.test(e)&&!Ic.test(e)){var f=b.style,g=f.left,h=b.runtimeStyle.left;b.runtimeStyle.left=d.left;f.left="fontSize"===c?"1em":e||0;e=f.pixelLeft+"px";f.left=g;b.runtimeStyle.left=h}"medium"===e&&(c=c.replace("Width","Style"),"none"===d[c]&&(e="0px"));return""===e?"auto":Jc[e]||e};w["opacity:set"]=function(b,
+c,d){b=b.style;d=isFinite(d)&&1>=d?"alpha(opacity="+100*d+")":"";c=b.filter||"";b.zoom=1;b.filter=(Lb.test(c)?c.replace(Lb,d):c+" "+d).trim();b.filter||b.removeAttribute("filter")};w["opacity:get"]=function(b){b=b.filters.alpha||b.filters["DXImageTransform.Microsoft.Alpha"];return(b&&b.enabled?b.opacity:100)/100+""}}"top,left".replace(D,function(b){w[b+":get"]=function(c){var d=w["@:get"](c,b);return/px$/.test(d)?d:avalon(c).position()[b]+"px"}});var db={position:"absolute",visibility:"hidden",display:"block"},
+Xb=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(D,function(b){var c=b.toLowerCase(),d="client"+b,e="scroll"+b,f="offset"+b;w[c+":get"]=function(c,d,e){var l=-4;"number"===typeof e&&(l=e);d="Width"===b?["Left","Right"]:["Top","Bottom"];e=c[f];if(2===l)return e+avalon.css(c,"margin"+d[0],!0)+avalon.css(c,"margin"+d[1],!0);0>l&&(e=e-avalon.css(c,"border"+d[0]+"Width",!0)-avalon.css(c,"border"+d[1]+"Width",!0));-4===l&&(e=e-avalon.css(c,"padding"+d[0],!0)-avalon.css(c,"padding"+d[1],!0));return e};
+w[c+"&get"]=function(b){var d=[];cb(b,d);for(var e=w[c+":get"](b),f=0,n;n=d[f++];){b=n.node;for(var m in n)"string"===typeof n[m]&&(b.style[m]=n[m])}return e};avalon.fn[c]=function(g){var h=this[0];if(0===arguments.length){if(h.setTimeout)return h["inner"+b]||h.document.documentElement[d];if(9===h.nodeType){var k=h.documentElement;return Math.max(h.body[e],k[e],h.body[f],k[f],k[d])}return w[c+"&get"](h)}return this.css(c,g)};avalon.fn["inner"+b]=function(){return w[c+":get"](this[0],void 0,-2)};avalon.fn["outer"+
+b]=function(b){return w[c+":get"](this[0],void 0,!0===b?2:0)}});avalon.fn.offset=function(){var b=this[0],c={left:0,top:0};if(!b||!b.tagName||!b.ownerDocument)return c;var d=b.ownerDocument,e=d.body,f=d.documentElement,d=d.defaultView||d.parentWindow;if(!avalon.contains(f,b))return c;b.getBoundingClientRect&&(c=b.getBoundingClientRect());var b=f.clientTop||e.clientTop,g=f.clientLeft||e.clientLeft,h=Math.max(d.pageYOffset||0,f.scrollTop,e.scrollTop),e=Math.max(d.pageXOffset||0,f.scrollLeft,e.scrollLeft);
+return{top:c.top+h-b,left:c.left+e-g}};var Kc=/^<option(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s+value[\s=]/i,Ja={"option:get":function(b){return b.hasAttribute?b.hasAttribute("value")?b.value:b.text.trim():Kc.test(b.outerHTML)?b.value:b.text},"select:get":function(b,c){for(var d,e=b.options,f=b.selectedIndex,g=Ja["option:get"],h="select-one"===b.type||0>f,k=h?null:[],l=h?f+1:e.length,n=0>f?l:h?f:0;n<l;n++)if(d=e[n],(d.selected||n===f)&&!d.disabled){c=g(d);if(h)return c;k.push(c)}return k},
+"select:set":function(b,c,d){c=[].concat(c);for(var e=Ja["option:get"],f=0,g;g=b.options[f++];)if(g.selected=0<=c.indexOf(e(g)))d=!0;d||(b.selectedIndex=-1)}},Lc=/<([\w:]+)/,Mc=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Mb=v?/[^\d\D]/:/(<(?:script|link|style|meta|noscript))/ig,Nc=T("text/javascript","text/ecmascript","application/ecmascript","application/javascript","text/vbscript"),Oc=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,y={area:[1,"<map>"],param:[1,"<object>"],
+col:[2,"<table><tbody></tbody><colgroup>","</table>"],legend:[1,"<fieldset>"],option:[1,"<select multiple='multiple'>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>"],td:[3,"<table><tbody><tr>"],text:[1,'<svg xmlns="http://www.w3.org/2000/svg" version="1.1">',"</svg>"],_default:v?[0,""]:[1,"X<div>"]};y.optgroup=y.option;y.tbody=y.tfoot=y.colgroup=y.caption=y.thead;y.th=y.td;y.circle=y.ellipse=y.line=y.path=y.polygon=y.polyline=y.rect=y.text;var Pc=p.createElement("script");avalon.parseHTML=
+function(b){"string"!==typeof b&&(b+="");b=b.replace(Mc,"<$1></$2>").trim();var c=(Lc.exec(b)||["",""])[1].toLowerCase(),d=y[c]||y._default,c=W.cloneNode(!1),e=ga,f;v||(b=b.replace(Mb,"<br class=msNoScope>$1"));e.innerHTML=d[1]+b+(d[2]||"");b=e.getElementsByTagName("script");if(b.length)for(var g=0,h;h=b[g++];)if(!h.type||Nc[h.type])f=Pc.cloneNode(!1),I.forEach.call(h.attributes,function(b){b&&b.specified&&(f[b.name]=b.value)}),f.text=h.text,h.parentNode.replaceChild(f,h);for(g=d[0];g--;e=e.lastChild);
+if(!v){b=e.getElementsByTagName("br");for(g=0;h=b[g++];)h.className&&"msNoScope"===h.className&&h.parentNode.removeChild(h);b=e.all;for(g=0;h=b[g++];)eb(h)&&Yb(h)}for(;d=e.firstChild;)c.appendChild(d);return c};avalon.innerHTML=function(b,c){if(!v&&!Mb.test(c)&&!Oc.test(c))try{b.innerHTML=c;return}catch(d){}var e=this.parseHTML(c);this.clearHTML(b).appendChild(e)};avalon.clearHTML=function(b){for(b.textContent="";b.firstChild;)b.removeChild(b.firstChild);return b};var O={$watch:function(b,c){if("function"===
+typeof c){var d=this.$events[b];d?d.push(c):this.$events[b]=[c]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,c){var d=arguments.length;if(0===d)this.$watch.backup=this.$events,this.$events={};else if(1===d)this.$events[b]=[];else for(var d=this.$events[b]||[],e=d.length;0>~--e;)if(d[e]===c)return d.splice(e,1);return this},$fire:function(b){var c;/^(\w+)!(\S+)$/.test(b)&&(c=RegExp.$1,b=RegExp.$2);for(var d=this.$events,e=d[b]||[],f=d.$all||[],g=ba.call(arguments,1),h=0,k;k=
+e[h++];)U(k)&&k.apply(this,g);for(h=0;k=f[h++];)U(k)&&k.apply(this,arguments);if(d=d.expr&&Nb(d.expr)){var l=[b].concat(g);if("up"===c||"down"===c||"all"===c){for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&(g.$events&&g.$events.expr)&&g!==this)if((e=Nb(g.$events.expr))&&("all"===c||("down"===c?d.contains(e):e.contains(d))))e._avalon=g;var h=p.getElementsByTagName("*"),n=[];Array.prototype.forEach.call(h,function(b){b._avalon&&(n.push(b._avalon),b._avalon="",b.removeAttribute("_avalon"))});"up"===
+c&&n.reverse();n.forEach(function(b){b.$fire.apply(b,l)})}}}},Qc=/(\w+)\[(avalonctrl)="(\S+)"\]/,Nb=p.querySelector?function(b){return p.querySelector(b)}:function(b){b=b.match(Qc);for(var c=p.getElementsByTagName(b[1]),d=0,e;e=c[d++];)if(e.getAttribute(b[2])===b[3])return e},Zb=/^(duplex|on)$/,aa=[],ya=0,$b=200,hb=new Date,gb;avalon.scan=function(b,c){b=b||B;var d=c?[].concat(c):[];jb(b,d)};var dc=T("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),
+ac=v?15:50,qb=/ms-(\w+)-?(.*)/,rb={"if":10,repeat:90,data:100,widget:110,each:1400,"with":1500,duplex:2E3,on:3E3},cc=T("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit");if(!"1"[0])var Ma=Ca(512),Rc=/\s+(ms-[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,Sc=/^['"]/,Tc=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/i,Uc=/&amp;/g,pb=function(b){b=b.outerHTML;if("</"===b.slice(0,2)||!b.trim())return[];b=
+b.match(Tc)[0];var c=[],d,e;if(Ma[b])return Ma[b];for(;d=Rc.exec(b);)(e=d[2])&&(e=(Sc.test(e)?e.slice(1,-1):e).replace(Uc,"&")),d=d[1].toLowerCase(),d.match(qb),c.push({name:d,specified:!0,value:e||""});return Ma(b,c)};var hc=/\|\s*(\w+)\s*(\([^)]*\))?/g,gc=/\|\|/g,ic=/U2hvcnRDaXJjdWl0/g,ec=/&lt;/g,fc=/&gt;/g,Vc=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,Wc=/[^\w$]+/g,Xc=RegExp(""+("\\b"+"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,
+"\\b|\\b")+"\\b"),"g"),Yc=/\b\d[^,]*/g,Zc=/^,+|,+$/g,Na=Ca(512),lc=function(b){var c=","+b.trim();if(Na[c])return Na[c];b=b.replace(Vc,"").replace(Wc,",").replace(Xc,"").replace(Yc,"").replace(Zc,"").split(/^$|,+/);return Na(c,tb(b))},Da=Ca(128),mc=/\w\[.*\]|\w\.\w/,kc=/(\$proxy\$[a-z]+)\d+$/,$c={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},nc=r.JSON&&JSON.stringify||function(b){return'"'+b.replace(/[\\\"\x00-\x1f]/g,function(b){var d=$c[b];return"string"===typeof d?
+d:"\\u"+("0000"+b.charCodeAt(0).toString(16)).slice(-4)})+'"'};avalon.parseExprProxy=Q;var Oa={"accept-charset":"acceptCharset","char":"ch",charoff:"chOff","class":"className","for":"htmlFor","http-equiv":"httpEquiv"};"accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight,rowSpan,tabIndex,useMap,vSpace,valueType,vAlign".replace(D,function(b){Oa[b.toLowerCase()]=b});F.insertBefore(avalon.parseHTML("<style id='avalonStyle'>.avalonHide{ display: none!important }</style>"),
+F.firstChild);var ad=/<noscript.*?>(?:[\s\S]+?)<\/noscript>/img,bd=/<noscript.*?>([\s\S]+?)<\/noscript>/im,Pa=function(){return new (r.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")},ha=function(b,c,d){if(b=b.getAttribute(c)){c=0;for(var e;e=d[c++];)if(e.hasOwnProperty(b)&&"function"===typeof e[b])return e[b]}},Qa=avalon.templateCache={};avalon.contains=Xa;var Ra={};"autofocus,autoplay,async,allowTransparency,checked,controls,declare,disabled,defer,defaultChecked,defaultSelectedcontentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected".replace(D,
+function(b){Ra[b.toLowerCase()]=b});var Ea=avalon.bindingExecutors={attr:function(b,c,d){var e=d.type,f=d.param;if("css"===e)avalon(c).css(f,b);else if("attr"===e){if(Ra[f]&&(d=Ra[f],"boolean"===typeof c[d]))return c[d]=!!b;if(!v&&Oa[f])var f=Oa[f],g=!0;if(!1===b||null===b||void 0===b)return c.removeAttribute(f);r.VBArray&&!g&&(eb(c)?g=!0:Eb.test(c)||(g=(g=(c.attributes||{})[f])?!1===g.expando:null===g));g?c[f]=b:c.setAttribute(f,b)}else if("include"===e&&b){var h=d.vmodels,k=ha(c,"data-include-rendered",
+h),l=ha(c,"data-include-loaded",h),n=function(b){l&&(b=l.apply(c,[b].concat(h)));avalon.innerHTML(c,b);za(c,h);k&&ib(c,function(){k.call(c)})};if("src"===d.param)if(Qa[b])avalon.nextTick(function(){n(Qa[b])});else{var m=Pa();m.onreadystatechange=function(){if(4===m.readyState){var c=m.status;if(200<=c&&300>c||304===c||1223===c)n(Qa[b]=m.responseText)}};m.open("GET",b,!0);"withCredentials"in m&&(m.withCredentials=!0);m.setRequestHeader("X-Requested-With","XMLHttpRequest");m.send(null)}else{var q=b&&
+1===b.nodeType?b:p.getElementById(b);if(q){if("NOSCRIPT"===q.tagName&&!q.innerHTML&&!q.fixIE78){m=Pa();m.open("GET",location,!1);m.send(null);f=p.getElementsByTagName("noscript");g=(m.responseText||"").match(ad)||[];d=g.length;for(e=0;e<d;e++){var u=f[e];u&&(u.style.display="none",u.fixIE78=(g[e].match(bd)||["","&nbsp;"])[1])}}avalon.nextTick(function(){n(q.fixIE78||q.value||q.innerText||q.innerHTML)})}}}else{if(!B.hasAttribute&&"string"===typeof b&&("src"===e||"href"===e))b=b.replace(/&amp;/g,"&");
+c[e]=b;r.chrome&&"EMBED"===c.tagName&&(f=c.parentNode,g=document.createComment("ms-src"),f.replaceChild(g,c),f.replaceChild(c,g))}},"class":function(b,c,d){var e=avalon(c),f=d.type;if("class"===f&&d.oldStyle)e.toggleClass(d.oldStyle,!!b);else switch(d.toggleClass=d._evaluator?!!d._evaluator.apply(c,d._args):!0,d.newClass=d.immobileClass||b,d.oldClass&&d.newClass!==d.oldClass&&e.removeClass(d.oldClass),d.oldClass=d.newClass,f){case "class":e.toggleClass(d.newClass,d.toggleClass);break;case "hover":case "active":if(!d.hasBindEvent){b=
+"mouseenter";var g="mouseleave";"active"===f&&(c.tabIndex=c.tabIndex||-1,b="mousedown",g="mouseup",e.bind("mouseleave",function(){d.toggleClass&&e.removeClass(d.newClass)}));e.bind(b,function(){d.toggleClass&&e.addClass(d.newClass)});e.bind(g,function(){d.toggleClass&&e.removeClass(d.newClass)});d.hasBindEvent=!0}}},data:function(b,c,d){d="data-"+d.param;b&&"object"===typeof b?c[d]=b:c.setAttribute(d,String(b))},repeat:function(b,c,d){if(b){var e=this.element.parentNode,f=this.proxies,g=W.cloneNode(!1);
+if("del"===b||"move"===b)var h=Fa(this,c);var k=this.group;switch(b){case "add":for(var l=d,n=this.$repeat.length-1,k=[],h=0,m=l.length;h<m;h++){var q=h+c,u=uc(q,l[h],this,n);f.splice(q,0,u);xb(this,g,u,k)}h=Fa(this,c);e.insertBefore(g,h);for(h=0;f=k[h++];)mb(f.nodes,f.vmodels),f.nodes=f.vmodels=null;zb(this);break;case "del":f=f.splice(c,d);g=yb(h,k,d);avalon.clearHTML(g);Ab(f);break;case "index":for(n=f.length-1;d=f[c];c++)d.$index=c,d.$first=0===c,d.$last=c===n;break;case "clear":if(g="proxySize"in
+this?this.proxySize:f.length){m=g*k;for(g=0;;)if((k=this.element.nextSibling)&&g<m)e.removeChild(k),g++;else break;Ab(f)}break;case "move":if(g=f.splice(c,1)[0])f.splice(d,0,g),g=yb(h,k),h=Fa(this,d),e.insertBefore(g,h);break;case "set":(u=f[c])&&(u[u.$itemName]=d);break;case "append":f=d;l=[];k=[];for(m in c)c.hasOwnProperty(m)&&"hasOwnProperty"!==m&&l.push(m);this.sortedCallback&&(h=this.sortedCallback.call(e,l))&&(Array.isArray(h)&&h.length)&&(l=h);for(h=0;m=l[h++];)"hasOwnProperty"!==m&&xb(this,
+g,f[m],k);this.proxySize=l.length;e.insertBefore(g,this.element.nextSibling);for(h=0;f=k[h++];)mb(f.nodes,f.vmodels),f.nodes=f.vmodels=null;zb(this)}var H=this.renderedCallback||A,K=arguments;ib(e,function(){H.apply(e,K);e.oldValue&&("SELECT"===e.tagName&&"index"===b)&&avalon(e).val(e.oldValue.split(","))})}},html:function(b,c,d){b=null==b?"":b;var e="group"in d?c.parentNode:c;if("group"in d){var f;if(11===b.nodeType)f=b;else if(1===b.nodeType||b.item){b=1===b.nodeType?b.childNodes:b.item?b:[];for(f=
+W.cloneNode(!0);b[0];)f.appendChild(b[0])}else f=avalon.parseHTML(b);b=avalon.slice(f.childNodes);0===b.length&&(b=p.createComment("ms-html"),f.appendChild(b),b=[b]);e.insertBefore(f,c);for(f=d.group;c;){var g=c.nextSibling;e.removeChild(c);f--;if(0===f||null===g)break;c=g}d.element=b[0];d.group=b.length}else avalon.innerHTML(e,b);avalon.nextTick(function(){za(e,d.vmodels)})},"if":function(b,c,d){b?(8===c.nodeType&&(c.parentNode.replaceChild(d.template,c),c=d.element=d.template),c.getAttribute(d.name)&&
+(c.removeAttribute(d.name),kb(c,d.vmodels))):1===c.nodeType&&(b=d.element=p.createComment("ms-if"),c.parentNode.replaceChild(b,c),d.template=c,F.appendChild(c))},on:function(b,c,d){d.type="on";b=function(b){return(d.evaluator||A).apply(this,d.args.concat(b))};var e=d.param.replace(/-\d+$/,"");if("scan"===e)b.call(c,{type:e});else if("function"===typeof d.specialBind)d.specialBind(c,b);else var f=avalon.bind(c,e,b);d.rollback=function(){"function"===typeof d.specialUnbind?d.specialUnbind():avalon.unbind(c,
+e,f)}},text:function(b,c){b=null==b?"":b;if(3===c.nodeType)try{c.data=b}catch(d){}else"textContent"in c?c.textContent=b:c.innerText=b},visible:function(b,c,d){c.style.display=b?d.display:"none"},widget:A},Ob=/\(([^)]*)\)/;avalon.parseDisplay=da;var C=avalon.bindingHandlers={attr:function(b,c){var d=b.value.trim(),e=!0;-1<d.indexOf(L)&&2<d.indexOf(M)&&(e=!1,ca.test(d)&&(""===RegExp.rightContext&&""===RegExp.leftContext)&&(e=!0,d=RegExp.$1));b.handlerName="attr";Q(d,c,b,e?null:Aa(b.value))},"class":function(b,
+c){var d=b.param,e=b.value;b.handlerName="class";if(!d||isFinite(d)){b.param="";var f=e.replace(Ib,function(b){return Math.pow(10,b.length-1)}).indexOf(":");if(-1===f)d=e;else if(d=e.slice(0,f),e=e.slice(f+1),ra(e,c,b),b.evaluator)b._evaluator=b.evaluator,b._args=b.args;else return x("debug: ms-class '"+(e||"").trim()+"' \u4e0d\u5b58\u5728\u4e8eVM\u4e2d"),!1;e=ca.test(d);e||(b.immobileClass=d);Q("",c,b,e?Aa(d):null)}else b.immobileClass=b.oldStyle=b.param,Q(e,c,b)},duplex:function(b,c){var d=b.element;
+if("function"===typeof Y[d.tagName]&&(b.changed=ha(d,"data-duplex-changed",c)||A,ra(b.value,c,b,"duplex"),b.evaluator&&b.args)){var e=d.form;e&&e.msValidate&&e.msValidate(d);b.msType=b.param||"";"bool"===b.msType?(b.msType="boolean",x("ms-duplex-bool\u5df2\u7ecf\u66f4\u540d\u4e3ams-duplex-boolean")):"text"===b.msType&&(b.msType="string",x("ms-duplex-text\u5df2\u7ecf\u66f4\u540d\u4e3ams-duplex-string"));"radio"===b.msType&&x("ms-duplex-radio\u5c06\u57282.0\u5e9f\u6389\uff0c\u8bf7\u5c3d\u91cf\u4e0d\u8981\u7528");
+/boolean|string|number/.test(b.msType)||(b.msType="");b.bound=function(c,e){d.addEventListener?d.addEventListener(c,e,!1):d.attachEvent("on"+c,e);var h=b.rollback;b.rollback=function(){avalon.unbind(d,c,e);h&&h()}};Y[d.tagName](d,b.evaluator.apply(null,b.args),b)}},repeat:function(b,c){var d=b.type;ra(b.value,c,b);b.proxies=[];var e=!1;try{var f=b.$repeat=b.evaluator.apply(0,b.args||[]),g=avalon.type(f);"object"!==g&&"array"!==g&&(e=!0,avalon.log("warning:"+b.value+"\u5bf9\u5e94\u7c7b\u578b\u4e0d\u6b63\u786e"))}catch(h){e=
+!0,avalon.log("warning:"+b.value+"\u7f16\u8bd1\u51fa\u9519")}g=b.element;g.removeAttribute(b.name);b.sortedCallback=ha(g,"data-with-sorted",c);b.renderedCallback=ha(g,"data-"+d+"-rendered",c);var k=b.element=p.createComment("ms-repeat");"each"===d||"with"===d?(b.template=g.innerHTML.trim(),avalon.clearHTML(g).appendChild(k)):(b.template=g.outerHTML.trim(),b.group=1,g.parentNode.replaceChild(k,g));b.rollback=function(){Ea.repeat.call(b,"clear");var c=b.element,d=c.parentNode,e=avalon.parseHTML(b.template),
+f=e.firstChild;d.replaceChild(e,c);f=b.element="repeat"===b.type?f:d;b.group=null;f.setAttribute(b.name,b.value)};g=b.value.split(".")||[];if(1<g.length){g.pop();for(var k=g[0],g=0,l;l=c[g++];)if(l&&l.hasOwnProperty(k)){g=l[k].$events;g[G]=g[G]||[];g[G].push(b);break}}if(!e){b.handler=Ea.repeat;b.$outer={};e="$key";k="$val";Array.isArray(f)&&(e="$first",k="$last");for(g=0;l=c[g++];)if(l.hasOwnProperty(e)&&l.hasOwnProperty(k)){b.$outer=l;break}(e=(f.$events||{})[G])&&avalon.Array.ensure(e,b)&&aa.push({data:b,
+list:e});if(!Array.isArray(f)&&"each"!==d){var n=V[f.$id];if(!n){na++;var n=V[f.$id]={},m;for(m in f)f.hasOwnProperty(m)&&"hasOwnProperty"!==m&&function(b,c){n[b]=tc(b,c,{});n[b].$watch("$val",function(c){f[b]=c})}(m,f[m])}b.handler("append",f,n)}else b.handler("add",0,f)}},html:function(b,c){Q(b.value,c,b)},on:function(b,c){var d=b.value,e=b.param.replace(/-\d+$/,"");if("function"===typeof C.on[e+"Hook"])C.on[e+"Hook"](b);if(0<d.indexOf("(")&&-1<d.indexOf(")")&&(e=(d.match(Ob)||["",""])[1].trim(),
+""===e||"$event"===e))d=d.replace(Ob,"");Q(d,c,b)},visible:function(b,c){var d=avalon(b.element),e=d.css("display");if("none"===e){var f=d[0].style,g=/visibility/i.test(f.cssText),h=d.css("visibility");f.display="";f.visibility="hidden";e=d.css("display");"none"===e&&(e=da(d[0].nodeName));f.visibility=g?h:""}b.display=e;Q(b.value,c,b)},widget:function(b,c){var d=b.value.match(D),e=b.element,f=d[0];if("$"===d[1]||!d[1])d[1]=f+setTimeout("1");b.value=d.join(",");var g=avalon.ui[f];if("function"===typeof g){c=
+e.vmodels||c;for(var h=d[2]||f,k=0,l;l=c[k++];)if(l.hasOwnProperty(h)&&"object"===typeof l[h]){var n=l;break}if(n){var m=n[h],m=m.$model||m,h=m[f+"Id"];"string"===typeof h&&(d[1]=h)}h=avalon.getWidgetData(e,d[0]);b[f+"Id"]=d[1];b[f+"Options"]=avalon.mix({},g.defaults,m||{},h);e.removeAttribute("ms-widget");var q=g(e,b,c)||{};b.evaluator=A;e.msData["ms-widget-id"]=q.$id||"";q.hasOwnProperty("$init")&&q.$init();if(q.hasOwnProperty("$remove")){var u=function(){if(!e.msRetain&&!B.contains(e))return q.$remove(),
+e.msData={},delete qa[q.$id],!1};r.chrome?e.addEventListener("DOMNodeRemovedFromDocument",function(){setTimeout(u)}):avalon.tick(u)}}else c.length&&(e.vmodels=c)}};"hover,active".replace(D,function(b){C[b]=C["class"]});"with,each".replace(D,function(b){C[b]=C.repeat});C["if"]=C.data=C.text=C.html;"title,alt,src,value,css,include,href".replace(D,function(b){C[b]=C.attr});var Y=C.duplex;Y.INPUT=function(b,c,d){function e(b){m=!0;d.changed.call(this,b)}function f(){q=!0}function g(){q=!1}function h(){if(!q){var f=
+b.oldValue=b.value,f=X(d,f);!1!==n.data("duplex-observe")&&(c(f),e.call(b,f),n.data("duplex-focus")&&avalon.nextTick(function(){b.focus()}))}}var k=b.type,l=d.bound,n=avalon(b),m=!1,q=!1;d.handler=function(){var d=c(),d=null==d?"":d+"";d!==b.value&&(b.value=d)};"checkbox"===k&&"radio"===d.param&&(k="radio");if("radio"===k){var u=!r.XMLHttpRequest,h=function(){if(!1!==n.data("duplex-observe")){var f=b.value,f=d.msType?X(d,f):!b.oldValue;c(f);e.call(b,f)}};d.handler=function(){var e=c(),f=d.msType?
+e+""===b.value:!!e;b.oldValue=f;u?setTimeout(function(){b.defaultChecked=f;b.checked=f},100):b.checked=f};l(u?"mouseup":"click",h)}else if("checkbox"===k)h=function(){if(!1!==n.data("duplex-observe")){var f=b.checked?"ensure":"remove",g=c();Array.isArray(g)||(x("ms-duplex\u5e94\u7528\u4e8echeckbox\u4e0a\u8981\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4"),g=[g]);var h=X(d,b.value);avalon.Array[f](g,h);e.call(b,g)}},d.handler=function(){var e=[].concat(c());b.checked=0<=e.indexOf(X(d,b.value))},l(v?"change":
+"click",h);else if(k=b.attributes["data-duplex-event"]||b.attributes["data-event"]||{},b.attributes["data-event"]&&x("data-event\u6307\u4ee4\u5df2\u7ecf\u5e9f\u5f03\uff0c\u8bf7\u6539\u7528data-duplex-event"),k=k.value,"change"===k)l("change",h);else if(v)l("input",h),l("compositionstart",f),l("compositionend",g),"onselectionchange"in p&&(k=function(b){"focus"===b.type?p.addEventListener("selectionchange",h,!1):p.removeEventListener("selectionchange",h,!1)},l("focus",k),l("blur",k));else{var H=["keyup",
+"paste","cut","change"],K=function(b){var c=b.keyCode;91===c||(15<c&&19>c||37<=c&&40>=c)||("cut"===b.type?avalon.nextTick(h):h())};H.forEach(function(c){b.attachEvent("on"+c,K)});d.rollback=function(){H.forEach(function(c){b.detachEvent("on"+c,K)})}}b.oldValue=b.value;Pb(function(){if(avalon.contains(B,b))oc.call(b);else if(!b.msRetain)return!1});xa(d);var N=setTimeout(function(){m||e.call(b,b.value);clearTimeout(N)},31)};var vb,ea=[],Pb=A;avalon.tick=function(b){1===ea.push(b)&&(vb=setInterval(pc,
+60))};try{var Sa=HTMLInputElement.prototype;Object.getOwnPropertyNames(Sa);var rc=Object.getOwnPropertyDescriptor(Sa,"value").set;Object.defineProperty(Sa,"value",{set:qc})}catch(kd){Pb=avalon.tick}Y.SELECT=function(b,c,d){var e=avalon(b);d.handler=function(){var d=c(),d=d&&d.$model||d;Array.isArray(d)?b.multiple||x("ms-duplex\u5728<select multiple=true>\u4e0a\u8981\u6c42\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4"):b.multiple&&x("ms-duplex\u5728<select multiple=false>\u4e0d\u80fd\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4");
+d=Array.isArray(d)?d.map(String):d+"";d+""!==b.oldValue&&(e.val(d),b.oldValue=d+"")};d.bound("change",function(){if(!1!==e.data("duplex-observe")){var f=e.val(),f=Array.isArray(f)?f.map(function(b){return X(d,b)}):X(d,f);f+""!==b.oldValue&&c(f);d.changed.call(b,f)}});var f=NaN,g=setInterval(function(){var e=b.innerHTML;e===f?(clearInterval(g),xa(d),d.changed.call(b,c())):f=e},20)};Y.TEXTAREA=Y.INPUT;var ia=avalon.eventHooks;"onmouseenter"in B||avalon.each({mouseenter:"mouseover",mouseleave:"mouseout"},
+function(b,c){ia[b]={type:c,deel:function(c,e){return function(f){var g=f.relatedTarget;if(!g||g!==c&&!(c.compareDocumentPosition(g)&16))return delete f.type,f.type=b,e.call(c,f)}}}});avalon.each({AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"},function(b,c){r[b]&&!ia.animationend&&(ia.animationend={type:c})});"oninput"in p.createElement("input")||(ia.input={type:"propertychange",deel:function(b,c){return function(d){if("value"===d.propertyName)return d.type="input",c.call(b,
+d)}}});if(void 0===p.onmousewheel){var Qb=void 0!==p.onwheel?"wheel":"DOMMouseScroll",cd="wheel"===Qb?"deltaY":"detail";ia.mousewheel={type:Qb,deel:function(b,c){return function(d){d.wheelDeltaY=d.wheelDelta=0<d[cd]?-120:120;d.wheelDeltaX=0;Object.defineProperty&&Object.defineProperty(d,"type",{value:"mousewheel"});c.call(b,d)}}}}var Ta=I.splice,wb={_splice:Ta,_fire:function(b,c,d){ua(this.$events[G],b,c,d)},_add:function(b,c){var d=this.length;c="number"===typeof c?c:d;for(var d=[],e=0,f=b.length;e<
+f;e++){var g=d,h=e,k=b[e],l=this.$model[e];va.test(avalon.type(k))&&(k=k.$id?k:J(k,0,l));g[h]=k}Ta.apply(this,[c,0].concat(d));this._fire("add",c,d);if(!this._stopFireLength)return this._.length=this.length},_del:function(b,c){var d=this._splice(b,c);d.length&&(this._fire("del",b,c),this._stopFireLength||(this._.length=this.length));return d},push:function(){I.push.apply(this.$model,arguments);var b=this._add(arguments);this._fire("index",2<b?b-2:0);return b},pushArray:function(b){return this.push.apply(this,
+b)},unshift:function(){I.unshift.apply(this.$model,arguments);this._add(arguments,0);this._fire("index",arguments.length);return this.$model.length},shift:function(){var b=this.$model.shift();this._del(0,1);this._fire("index",0);return b},pop:function(){var b=this.$model.pop();this._del(this.length-1,1);return b},splice:function(b,c){b=sa(b,this.length);var d=Ta.apply(this.$model,arguments),e=[],f;this._stopFireLength=!0;d.length&&(e=this._del(b,d.length),f=!0);2<arguments.length&&(this._add(ba.call(arguments,
+2),b),f=!0);this._stopFireLength=!1;this._.length=this.length;f&&this._fire("index",0);return e},contains:function(b){return-1!==this.indexOf(b)},size:function(){return this._.length},remove:function(b){return this.removeAt(this.indexOf(b))},removeAt:function(b){return 0<=b?this.splice(b,1):[]},clear:function(){this.$model.length=this.length=this._.length=0;this._fire("clear",0);return this},removeAll:function(b){if(Array.isArray(b))b.forEach(function(b){this.remove(b)},this);else if("function"===
+typeof b)for(var c=this.length-1;0<=c;c--)b(this[c],c)&&this.splice(c,1);else this.clear()},ensure:function(b){this.contains(b)||this.push(b);return this},set:function(b,c){if(0<=b){var d=avalon.type(c);c&&c.$model&&(c=c.$model);var e=this[b];if("object"===d)for(var f in c)e.hasOwnProperty(f)&&(e[f]=c[f]);else"array"===d?e.clear().push.apply(e,c):e!==c&&(this[b]=c,this.$model[b]=c,this._fire("set",b,c))}return this}};"sort,reverse".replace(D,function(b){wb[b]=function(){var c=this.$model,d=c.slice(0),
+e=!1;I[b].apply(c,arguments);for(var f=0,g=d.length;f<g;f++){var h=c[f];if(!ma(h,d[f])){var e=!0,h=d.indexOf(h,f),k=this._splice(h,1)[0],l=d.splice(h,1)[0];this._splice(f,0,k);d.splice(f,0,l);this._fire("move",h,f)}}e&&this._fire("index",0);return this}});var vc=T("$index,$first,$last"),fa=[],dd=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,ed=/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,fd=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig,gd={a:/\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,img:/\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,
+form:/\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig},hd=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,id=/([^\#-~| |!])/g,Ua=avalon.filters={uppercase:function(b){return b.toUpperCase()},lowercase:function(b){return b.toLowerCase()},truncate:function(b,c,d){c=c||30;d=void 0===d?"...":d;return b.length>c?b.slice(0,c-d.length)+d:String(b)},camelize:pa,sanitize:function(b){return b.replace(dd,"").replace(fd,function(b,d){var e=b.toLowerCase().match(/<(\w+)\s/);e&&(e=gd[e[1]])&&(b=b.replace(e,function(b,c,
+d){b=d.charAt(0);return c+"="+b+"javascript:void(0)"+b}));return b.replace(ed," ").replace(/\s+/g," ")})},escape:function(b){return String(b).replace(/&/g,"&amp;").replace(hd,function(b){var d=b.charCodeAt(0);b=b.charCodeAt(1);return"&#"+(1024*(d-55296)+(b-56320)+65536)+";"}).replace(id,function(b){return"&#"+b.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(b,c){return(c||"\uffe5")+avalon.filters.number(b)},number:function(b,c,d,e){b=(b+"").replace(/[^0-9+\-Ee.]/g,
+"");b=!isFinite(+b)?0:+b;c=!isFinite(+c)?0:Math.abs(c);e=e||",";d=d||".";var f="",f=function(b,c){var d=Math.pow(10,c);return""+Math.round(b*d)/d},f=(c?f(b,c):""+Math.round(b)).split(".");3<f[0].length&&(f[0]=f[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,e));if((f[1]||"").length<c)f[1]=f[1]||"",f[1]+=Array(c-f[1].length+1).join("0");return f.join(d)}};new function(){function b(b,c,d){var e="";0>b&&(e="-",b=-b);for(b=""+b;b.length<c;)b="0"+b;d&&(b=b.substr(b.length-c));return e+b}function c(c,d,e,f){return function(g){g=
+g["get"+c]();if(0<e||g>-e)g+=e;0===g&&-12===e&&(g=12);return b(g,d,f)}}function d(b,c){return function(d,e){var f=d["get"+b](),g=(c?"SHORT"+b:b).toUpperCase();return e[g][f]}}function e(b){var c;if(c=b.match(k)){b=new Date(0);var d=0,e=0,f=c[8]?b.setUTCFullYear:b.setFullYear,g=c[8]?b.setUTCHours:b.setHours;c[9]&&(d=parseInt(c[9]+c[10],10),e=parseInt(c[9]+c[11],10));f.call(b,parseInt(c[1],10),parseInt(c[2],10)-1,parseInt(c[3],10));d=parseInt(c[4]||0,10)-d;e=parseInt(c[5]||0,10)-e;f=parseInt(c[6]||
+0,10);c=Math.round(1E3*parseFloat("0."+(c[7]||0)));g.call(b,d,e,f,c)}return b}var f={yyyy:c("FullYear",4),yy:c("FullYear",2,0,!0),y:c("FullYear",1),MMMM:d("Month"),MMM:d("Month",!0),MM:c("Month",2,1),M:c("Month",1,1),dd:c("Date",2),d:c("Date",1),HH:c("Hours",2),H:c("Hours",1),hh:c("Hours",2,-12),h:c("Hours",1,-12),mm:c("Minutes",2),m:c("Minutes",1),ss:c("Seconds",2),s:c("Seconds",1),sss:c("Milliseconds",3),EEEE:d("Day"),EEE:d("Day",!0),a:function(b,c){return 12>b.getHours()?c.AMPMS[0]:c.AMPMS[1]},
+Z:function(c){c=-1*c.getTimezoneOffset();return c=(0<=c?"+":"")+(b(Math[0<c?"floor":"ceil"](c/60),2)+b(Math.abs(c%60),2))}},g=/((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,h=/^\d+$/,k=/^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,l=/^(\d+)-(\d+)-(\d{4})$/,n=/^(\d+)\s+(\d+),(\d{4})$/;Ua.date=function(b,c){var d=Ua.date.locate,k="",N=[],m,p;c=c||"mediumDate";c=d[c]||c;if("string"===typeof b){if(h.test(b))b=parseInt(b,
+10);else{p=b.trim();if(p.match(l)||p.match(n))b=RegExp.$3+"/"+RegExp.$1+"/"+RegExp.$2;b=e(b)}b=new Date(b)}"number"===typeof b&&(b=new Date(b));if("date"===avalon.type(b)){for(;c;)(p=g.exec(c))?(N=N.concat(p.slice(1)),c=N.pop()):(N.push(c),c=null);N.forEach(function(c){m=f[c];k+=m?m(b,d):c.replace(/(^'|'$)/g,"").replace(/''/g,"'")});return k}};var m={AMPMS:{"0":"\u4e0a\u5348",1:"\u4e0b\u5348"},DAY:{"0":"\u661f\u671f\u65e5",1:"\u661f\u671f\u4e00",2:"\u661f\u671f\u4e8c",3:"\u661f\u671f\u4e09",4:"\u661f\u671f\u56db",
+5:"\u661f\u671f\u4e94",6:"\u661f\u671f\u516d"},MONTH:{"0":"1\u6708",1:"2\u6708",2:"3\u6708",3:"4\u6708",4:"5\u6708",5:"6\u6708",6:"7\u6708",7:"8\u6708",8:"9\u6708",9:"10\u6708",10:"11\u6708",11:"12\u6708"},SHORTDAY:{"0":"\u5468\u65e5",1:"\u5468\u4e00",2:"\u5468\u4e8c",3:"\u5468\u4e09",4:"\u5468\u56db",5:"\u5468\u4e94",6:"\u5468\u516d"},fullDate:"y\u5e74M\u6708d\u65e5EEEE",longDate:"y\u5e74M\u6708d\u65e5",medium:"yyyy-M-d ah:mm:ss",mediumDate:"yyyy-M-d",mediumTime:"ah:mm:ss","short":"yy-M-d ah:mm",
+shortDate:"yy-M-d",shortTime:"ah:mm"};m.SHORTMONTH=m.MONTH;Ua.date.locate=m};var E,s=avalon.modules={"ready!":{exports:avalon},avalon:{exports:avalon,state:2}};new function(){function b(b){return(b||"").replace(/[?#].*/,"")}function c(b){var c;try{a.b.c()}catch(d){c=d.stack,!c&&r.opera&&(c=(String(d).match(/of linked script \S+/g)||[]).join(" "))}if(c)return c=c.split(/[@ ]/g).pop(),c="("===c[0]?c.slice(1,-1):c.replace(/\s/,""),c.replace(/(:\d+)?:\d+$/i,"");c=(b?p:F).getElementsByTagName("script");
+for(var e=c.length,f;f=c[--e];)if((b||f.className===G)&&"interactive"===f.readyState)return f.className=f.src}function d(b,c){for(var e in b)if("\u53f8\u5f92\u6b63\u7f8e"===b[e]&&2!==s[e].state&&(e===c||d(s[e].deps,c)))return!0}function e(){var b=l.length,c;a:for(;c=l[--b];){c=s[c];var d=c.deps,f;for(f in d)if(P.call(d,f)&&2!==s[f].state)continue a;2!==c.state&&(l.splice(b,1),k(c.id,c.args,c.factory),e())}}function f(c,d,e){var f=b(c.src);c.onload=c.onreadystatechange=c.onerror=null;if(d||e&&!s[f].state)setTimeout(function(){F.removeChild(c);
+c=null}),x("debug: \u52a0\u8f7d "+f+" \u5931\u8d25"+d+" "+!s[f].state);else return!0}function g(c,d,e,f){if("ready!"===c||s[c]&&2===s[c].state)return c;var g;c=c.replace(/^\w+!/,function(b){g=b.slice(0,-1);return""});g=g||"js";g=S[g]||A;"object"===typeof t.shim[c]&&(f=t.shim[c]);t.paths[c]&&(c=t.paths[c]);if(/^(\w+)(\d)?:.*/.test(c))e=c;else{d=d.substr(0,d.lastIndexOf("/"));var h=c.charAt(0);if("."!==h&&"/"!==h)e=m+c;else if("./"===c.slice(0,2))e=d+c.slice(1);else if(".."===c.slice(0,2))for(e=d+"/"+
+c;u.test(e);)e=e.replace(u,"");else"/"===h?e=c:avalon.error("\u4e0d\u7b26\u5408\u6a21\u5757\u6807\u8bc6\u89c4\u5219: "+c)}c=b(e);(d=g.ext)&&c.slice(0-d.length)!==d&&(e+=d);t.nocache&&(e+=(-1===e.indexOf("?")?"?":"&")+(new Date-0));return g(e,f)}function h(b,c,d){var e=p.createElement("script");e.className=G;e[v?"onload":"onreadystatechange"]=function(){if(v||/loaded|complete/i.test(e.readyState)){var g=n.pop();g&&g.delay(c);d&&d();f(e,!1,!v)&&x("debug: \u5df2\u6210\u529f\u52a0\u8f7d "+b)}};e.onerror=
+function(){f(e,!0)};e.src=b;F.insertBefore(e,F.firstChild);x("debug: \u6b63\u51c6\u5907\u52a0\u8f7d "+b)}function k(b,c,d){for(var e=0,f=[],g;g=c[e++];)f.push(s[g].exports);c=Object(s[b]);d=d.apply(r,f);c.state=2;void 0!==d&&(s[b].exports=d);return d}var l=[],n=[],m;S.js=function(c,d){var e=b(c);s[e]||(s[e]={id:e,exports:{}},d?E(d.deps||"",function(){h(c,e,function(){s[e].state=2;d.exports&&(s[e].exports="function"===typeof d.exports?d.exports():r[d.exports]);E.checkDeps()})}):h(c,e));return e};S.css=
+function(b){var c=b.replace(/(#.+|\W)/g,"");if(!p.getElementById(c)){var d=p.createElement("link");d.rel="stylesheet";d.href=b;d.id=c;F.insertBefore(d,F.firstChild)}};S.css.ext=".css";S.js.ext=".js";S.text=function(b){var c=Pa(),d=b.replace(/[?#].*/,"");s[d]={};c.onreadystatechange=function(){if(4===c.readyState){var e=c.status;399<e&&600>e?avalon.error(b+" \u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS"):(s[d].state=2,s[d].exports=c.responseText,E.checkDeps())}};c.open("GET",
+b,!0);"withCredentials"in c&&(c.withCredentials=!0);c.setRequestHeader("X-Requested-With","XMLHttpRequest");c.send();return d};var q=c(!0);q||(q=avalon.slice(p.scripts).pop().src);q=b(q);m=t.base=q.slice(0,q.lastIndexOf("/")+1);var u=/\/\w+\/\.\./;E=avalon.require=function(b,c,d){var f={},h=[],n=0,q=0,p=d||"callback"+setTimeout("1");d=d||m;String(b).replace(D,function(b){if(b=g(b,d))n++,s[b]&&2===s[b].state&&q++,f[b]||(h.push(b),f[b]="\u53f8\u5f92\u6b63\u7f8e")});s[p]={id:p,factory:c,deps:f,args:h,
+state:1};n===q?k(p,h,c):l.unshift(p);e()};E.define=function(e,f,g){var h=ba.call(arguments);if("string"===typeof e)var k=h.shift();"function"===typeof h[0]&&h.unshift([]);var l=s[k]&&1<=s[k].state?k:b(c());!s[l]&&k&&(s[l]={id:l,factory:g,state:1});g=h[1];g.id=k;g.delay=function(b){h.push(b);var c=!0;try{c=d(s[b].deps,b)}catch(e){}c&&avalon.error(b+"\u6a21\u5757\u4e0e\u4e4b\u524d\u7684\u6a21\u5757\u5b58\u5728\u5faa\u73af\u4f9d\u8d56\uff0c\u8bf7\u4e0d\u8981\u76f4\u63a5\u7528script\u6807\u7b7e\u5f15\u5165"+
+b+"\u6a21\u5757");delete g.delay;E.apply(null,h)};l?g.delay(l,h):n.push(g)};E.define.amd=s;E.config=t;E.checkDeps=e};var Bb=[];"complete"===p.readyState?setTimeout(R):v?p.addEventListener("DOMContentLoaded",R):(p.attachEvent("onreadystatechange",function(){"complete"===p.readyState&&R()}),B.doScroll&&Cb());avalon.bind(r,"load",R);avalon.ready=function(b){E?E("ready!",b):R===A?b(avalon):Bb.push(b)};avalon.config({loader:!0});avalon.ready(function(){avalon.scan(p.body)})})(document);
diff --git a/avalon.mobile.min.js b/avalon.mobile.min.js
deleted file mode 100644
index b99b5b65a..000000000
--- a/avalon.mobile.min.js
+++ /dev/null
@@ -1,101 +0,0 @@
-(function(p){function E(){}function w(b){avalon.config.debug&&console.log(b)}function F(b,c){"string"===typeof b&&(b=b.match(z)||[]);for(var d={},e=void 0!==c?c:1,f=0,g=b.length;f<g;f++)d[b[f]]=e;return d}function Ha(){return"avalon"+Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function Ia(b){if(b&&"object"===typeof b){var c=b.length;b=la.call(b);if(/(Array|List|Collection|Map|Arguments)\]$/.test(b)||"[object Object]"===b&&+c===c&&!(c%1)&&0<=c)return!0}return!1}
-function lb(){return(new XMLSerializer).serializeToString(this)}function ma(b,c){if(b&&b.childNodes)for(var d=b.childNodes,e=0,f;f=d[e++];)if(f.tagName){var g=document.createElementNS(Ja,f.tagName.toLowerCase());G.forEach.call(f.attributes,function(b){g.setAttribute(b.name,b.value)});ma(f,g);c.appendChild(g)}}function H(b,c,d){if(Array.isArray(b)){var e=b.concat();b.length=0;b=mb(b);b.push.apply(b,e);return b}if("number"===typeof b.nodeType)return b;var f={};c=c||{};var g={},h={},e=[],l=d||{},k=b.$skipArray;
-d=0;for(var m;m=nb[d++];)delete b[m],h[m]=!0;if(Array.isArray(k))for(d=0;m=k[d++];)h[m]=!0;for(d in b)ob(d,b[d],c,h,g,e,l);f=Object.defineProperties(f,pb(g));for(m in h)f[m]=h[m];l.vmodel=f;f.$model=c;f.$events={};f.$id=Ha();f.$accessors=g;f[t]=[];for(d in I)f[d]=I[d];Object.defineProperty(f,"hasOwnProperty",{value:function(b){return b in f.$model},writable:!1,enumerable:!1,configurable:!0});for(d=0;b=e[d++];)Q[x]=b,b(),$(b),delete Q[x];return f}function pb(b){var c={},d;for(d in b)c[d]={get:b[d],
-set:b[d],enumerable:!0,configurable:!0};return c}function ob(b,c,d,e,f,g,h){d[b]=c;if(e[b]||c&&c.nodeType||"$"===b.charAt(0)&&!h[b])return e[b]=c;var l=avalon.type(c);if("function"===l)return e[b]=c;var k,m;if("object"===l&&"function"===typeof c.get&&2>=Object.keys(c).length){var n=c.set,q=c.get;k=function(c){var e=h.vmodel,f=d[b];if(arguments.length){if(!aa){if("function"===typeof n){var g=e.$events[b];e.$events[b]=[];n.call(e,c);e.$events[b]=g}if(!V(m,c)){m=c;c=d[b]=q.call(e);if(ba&&(g=R[e.$id])&&
-g[b])g[b].$val=c;A(k);e.$events&&I.$fire.call(e,b,c,f)}}}else return avalon.openComputedCollect&&$(k),c=d[b]=q.call(e),V(f,c)||(m=void 0,e.$events&&I.$fire.call(e,b,c,f)),c};g.push(k)}else oa.test(l)?(k=function(c){var e=k.$vmodel,f=e.$model;if(arguments.length){if(!aa&&!V(f,c)){c=k.$vmodel=rb(e,c,l);var g=pa[c.$id];g&&g();g=h.vmodel;d[b]=c.$model;A(e);g.$events&&I.$fire.call(g,b,d[b],f)}}else return $(e),e},k.$vmodel=c.$model?c:H(c,c),d[b]=k.$vmodel.$model):(k=function(c){var e=d[b];if(arguments.length){if(!V(e,
-c)){d[b]=c;var f=h.vmodel;if(ba){var g=R[f.$id];g&&g[b]&&(g[b].$val=c)}A(k);f.$events&&I.$fire.call(f,b,c,e)}}else return $(k),e},d[b]=c);k[t]=[];f[b]=k}function rb(b,c,d){if("array"===d){if(!Array.isArray(c))return b;c=c.concat();b.clear();b.push.apply(b,c);return b}var e=b[t]||[];R[b.$id]&&(ba--,delete R[b.$id]);var f=H(c);pa[f.$id]=function(b){for(;b=e.shift();)(function(b){b.type&&avalon.nextTick(function(){b.rollback&&b.rollback();B[b.type](b,b.vmodels)})})(b);delete pa[f.$id]};return f}function s(b){for(var c in b)if(Ka.call(b,
-c)){var d=b[c];if("function"===typeof s.plugins[c])s.plugins[c](d);else"object"===typeof s[c]?avalon.mix(s[c],d):s[c]=d}return this}function La(b){return b.replace(/([a-z\d])([A-Z]+)/g,"$1-$2").toLowerCase()}function ca(b){return 0>b.indexOf("-")&&0>b.indexOf("_")?b:b.replace(/[-_][^-_]/g,function(b){return b.charAt(1).toUpperCase()})}function da(b){try{b="true"===b?!0:"false"===b?!1:"null"===b?null:+b+""===b?+b:sb.test(b)?JSON.parse(b):b}catch(c){}return b}function Ma(b,c){if(0>=b.offsetWidth){var d=
-getComputedStyle(b,null);if(tb.test(d.display)){var e={node:b},f;for(f in Na)e[f]=d[f],b.style[f]=Na[f];c.push(e)}(d=b.parentNode)&&1==d.nodeType&&Ma(d,c)}}function qa(b,c){Q[x]=b;avalon.openComputedCollect=!0;var d=b.evaluator;if(d)if("duplex"===b.type)b.handler();else try{var e="on"===b.type?b:d.apply(0,b.args);b.handler(e,b.element,b)}catch(f){delete b.evaluator,3===b.nodeType&&(s.commentInterpolate?b.element.replaceChild(p.createComment(b.value),b.node):b.node.data=J+b.value+K),w("warning:evaluator of ["+
-b.value+"] throws error!")}else b();avalon.openComputedCollect=!1;delete Q[x]}function $(b){Q[x]&&(b=b[t])&&avalon.Array.ensure(b,Q[x])}function A(b){var c=b[t];if(c&&c.length)for(var d=ea.call(arguments,1),e=c.length,f;f=c[--e];){var g=f.element;g&&!Oa.contains(g)&&!C.contains(g)?(c.splice(e,1),w("debug: remove "+f.name)):"function"===typeof f?f.apply(0,d):f.getter?f.handler.apply(f,d):f.handler(f.evaluator.apply(0,f.args||[]),g,f)}}function Pa(b,c){var d=NaN,e=setInterval(function(){var f=b.innerHTML;
-f===d?(clearInterval(e),c()):d=f},15)}function fa(b,c,d){d=b.getAttribute(ra+"skip");var e=b.getAttributeNode(ra+"important"),f=b.getAttributeNode(ra+"controller");if("string"!==typeof d){if(d=e||f){var g=S[d.value];if(!g)return;c=d===e?[g]:[g].concat(c);b.removeAttribute(d.name);b.classList.remove(d.name);g.$events.element=b;b.addEventListener("dataavailable",function(c){"object"===typeof c.detail&&b!==c.target&&g.$fire.apply(g,c.detail)})}Qa(b,c)}}function sa(b,c){for(var d=b.firstChild;d;){var e=
-d.nextSibling,f=d.nodeType;1===f?fa(d,c):3===f&&W.test(d.data)?Ra(d,c):s.commentInterpolate&&(8===f&&!W.test(d.nodeValue))&&Ra(d,c);d=e}}function Ra(b,c){var d=[];if(8===b.nodeType){var e=[],f={expr:!0,value:Sa(b.nodeValue,e)};e.length&&(f.filters=e);e=[f]}else e=ta(b.data);if(e.length){for(var g=0;f=e[g++];){var h=p.createTextNode(f.value);if(f.expr){var l=f.filters,f={type:"text",node:h,nodeType:3,value:f.value,filters:l};l&&-1!==l.indexOf("html")&&(avalon.Array.remove(l,"html"),f.type="html",f.replaceNodes=
-[h],l.length||delete d.filters);d.push(f)}O.appendChild(h)}b.parentNode.replaceChild(O,b);d.length&&ua(d,c)}}function Qa(b,c){for(var d=b.hasAttributes()?avalon.slice(b.attributes):[],e=[],f={},g,h=0,l;l=d[h++];)if(l.specified&&(g=l.name.match(ub))){var k=g[1],m=g[2]||"",n=l.value;l=l.name;f[l]=n;vb[k]?(m=k,k="on"):"enabled"===k&&(k="disabled",n="!("+n+")");if("checked"===k||"selected"===k||"disabled"===k||"readonly"===k)m=k,k="attr",b.removeAttribute(l),l="ms-attr-"+m,b.setAttribute(l,n),g=[l],f[l]=
-n;"function"===typeof B[k]&&(n={type:k,param:m,element:b,name:g[0],value:n,priority:k in Ta?Ta[k]:10*k.charCodeAt(0)+(Number(m)||0)},"if"===k&&"loop"===m&&(n.priority+=100),c.length&&(e.push(n),"widget"===k&&(b.msData=b.msData||f)))}f["ms-checked"]&&f["ms-duplex"]&&w("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");e.sort(function(b,c){return b.priority-c.priority});d=e[0]||{};switch(d.type){case "if":case "repeat":case "widget":ua([d],c);break;
-default:ua(e,c),!wb[b.tagName]&&va.test(b.innerHTML+b.textContent)&&sa(b,c)}b.patchRepeat&&(b.patchRepeat(),b.patchRepeat="",b.removeAttribute("patchRepeat"))}function ua(b,c){for(var d=0,e;e=b[d++];)e.vmodels=c,B[e.type](e,c),e.evaluator&&e.name&&e.element.removeAttribute(e.name);b.length=0}function Sa(b,c){0<b.indexOf("|")&&(b=b.replace(xb,"U2hvcnRDaXJjdWl0"),b=b.replace(yb,function(b,e,f){c.push(e+(f||""));return""}),b=b.replace(zb,"||"));return b}function ta(b){var c=[],d;d=0;var e;do{e=b.indexOf(J,
-d);if(-1===e)break;(d=b.slice(d,e))&&c.push({value:d,expr:!1});d=e+J.length;e=b.indexOf(K,d);if(-1===e)break;if(d=b.slice(d,e)){var f=[];d=Sa(d,f);c.push({value:d,expr:!0,filters:f.length?f:void 0})}d=e+K.length}while(1);(d=b.slice(d))&&c.push({value:d,expr:!1});return c}function Ab(b,c,d,e){for(var f=[],g=" = "+d+".",h=b.length,l;l=b[--h];)c.hasOwnProperty(l)&&(f.push(l+g+l),"duplex"===e&&(b.get=d+"."+l),b.splice(h,1));return f}function Bb(b){var c={};return b.filter(function(b){if(!c[b.$id])return c[b.$id]=
-1,!0})}function Ua(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];return c[e]=f}var d=[];return c}function ga(b,c,d){var e=d.type,f="html"===e||"text"===e?d.filters:"",g=c.map(function(b){return b.$id.replace(Cb,"$1")})+b+e+f,h=Db(b).concat(),l=[],k=[],m=[],n="";c=Bb(c);for(var q=0,n=c.length;q<n;q++)if(h.length){var y="vm"+x+"_"+q;k.push(y);m.push(c[q]);l.push.apply(l,Ab(h,c[q],y,e))}if(l.length||"duplex"!==e)if(f&&m.push(avalon.filters),d.args=m,c=wa[g])d.evaluator=c;else{(n=l.join(", "))&&
-(n="var "+n);if(f){b="\nvar ret"+x+" = "+b;e=[];e.push(b,"\r\n");for(q=0;f=d.filters[q++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",x,".",f,"){\n\ttry{\nret",x," = filters",x,".",f,"(ret",x,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+x;k.push("filters"+x)}else{if("duplex"===e){n="'use strict';\nreturn function(vvv){\n\t"+n+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!Eb.test(b)?h.get:b)+
-"= vvv;\n} ";try{c=Function.apply(E,k.concat(n)),d.evaluator=wa(g,c)}catch(na){w("debug: parse error,"+na.message)}return}"on"===e?(b=b.replace("(",".call(this,"),"$event"===d.hasArgs&&k.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),q=b.slice(0,e),b=b.slice(e),b=q+"\n"+b):b="\nreturn "+b+";"}try{c=Function.apply(E,k.concat("'use strict';\n"+n+b)),d.evaluator=wa(g,c)}catch(qb){w("debug: parse error,"+qb.message)}finally{h=e=k=null}}}function L(b,c,d,e){Array.isArray(e)&&(b=e.map(function(b){return b.expr?
-"("+b.value+")":JSON.stringify(b.value)}).join(" + "));ga(b,c,d);d.evaluator&&(d.handler=xa[d.handlerName||d.type],d.evaluator.toString=function(){return d.type+" binding to eval("+b+")"},qa(d))}function ya(b,c){b=b.toLowerCase();if(!ha[b]){var d=p.createElement(b);C.appendChild(d);c=getComputedStyle(d,null).display;C.removeChild(d);ha[b]=c}return ha[b]}function ia(b,c,d){var e=p.createEvent("Events");e.initEvent(c,!0,!0);d&&(e.detail=d);b.dispatchEvent(e)}function Fb(){!this.disabled&&this.oldValue!==
-this.value&&ia(this,"input")}function Gb(){for(var b=X.length-1;0<=b;b--){var c=X[b];avalon.contains(C,c)?c.onTree&&c.onTree():c.msRetain||(c.offTree&&c.offTree(),X.splice(b,1))}X.length||clearInterval(Va)}function Wa(b){1===X.push(b)&&(Va=setInterval(Gb,30))}function Hb(b){Ib.call(this,b);b!==this.oldValue&&ia(this,"input")}function mb(b){var c=[];c.$id=Ha();c[t]=[];c.$model=b;c.$events={};c._=H({length:b.length});c._.$watch("length",function(b,d){c.$fire("length",b,d)});for(var d in I)c[d]=I[d];
-avalon.mix(c,Xa);return c}function Ya(b){for(var c=p.createTreeWalker(b,NodeFilter.SHOW_COMMENT,null,null),d,e=[];d=c.nextNode();)e.push(d);for(c=0;d=e[c++];)"ms-if"==d.nodeValue&&P.appendChild(d.elem);for(;d=b.firstChild;)P.appendChild(d);P.innerHTML=""}function Jb(b){var c=Y(this.callbackElement,this.callbackName,this.vmodels);if(c){var d=this.parent;Pa(d,function(){c.apply(d,b)})}}function Za(b,c,d,e){function f(){delete S[h];b.group=1;if(!b.fastRepeat){b.group=l.childNodes.length;for(l.parentNode.removeChild(l);l.firstChild;)c.appendChild(l.firstChild);
-void 0!==f.node&&f.parent.insertBefore(c,f.node)}}var g=b.template.cloneNode(!0),h=e.$id,l=g.firstChild;b.fastRepeat||(l=p.createElement("msloop"),l.style.display="none",l.appendChild(g));l.setAttribute("ms-controller",h);l.removeAttribute(b.callbackName);l.removeAttribute("data-with-sorted");d.push(l);c.appendChild(l);e.$outer=b.$outer;S[h]=e;return l.patchRepeat=f}function za(b,c,d){if(c.startRepeat){b=c.startRepeat;c=c.endRepeat;d+=1;for(var e=0;e<d;e++)if(b=b.nextSibling,b==c)return c;return b}return b.childNodes[c.group*
-d]||null}function $a(b,c,d){c*=d||1;for(d=O;0<=--c;){var e=b.nextSibling;d.appendChild(b);b=e;if(!b)break}return d}function Kb(b,c,d){b=H({$key:b,$outer:d,$val:c},0,{$val:1,$key:1});b.$id="$proxy$with"+Math.random();return b}function Lb(b,c,d,e){var f=d.param||"el",g;b={$remove:function(){return d.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=Z.length;e<h;e++)if(g=Z[e],g.hasOwnProperty(f)){for(e in b)g[e]=b[e];Z.splice(e,1);return g}c=
-avalon.type(c);if("object"===c||"function"===c)b.$skipArray=[f];g=H(b,0,Mb);g.$id="$proxy$"+d.type+Math.random();return g}function Nb(b){var c=b.$accessors,d=b.$itemName;["$index","$last","$first"].forEach(function(b){c[b][t].length=0});b[d][t]&&(b[d][t].length=0);Z.unshift(b)>s.maxRepeatSize&&Z.pop()}function ja(){r["ready!"].state=2;D.checkDeps();ja=E}var ra="ms-",x=Date.now(),t="$"+x,u=this||(0,eval)("this"),Ob=u.require,Pb=u.define,aa=!1,z=/[^, ]+/g,oa=/^(?:object|array)$/,Qb=/^\[object (Window|DOMWindow|global)\]$/,
-Aa=Object.prototype,Ka=Aa.hasOwnProperty,la=Aa.toString,G=Array.prototype,ea=G.slice,Q={},M=p.head,C=p.documentElement,O=p.createDocumentFragment(),P=p.createElement("div"),ab={};"Boolean Number String Function Array Date RegExp Object Error".replace(z,function(b){ab["[object "+b+"]"]=b.toLowerCase()});u.avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===
-typeof b||"function"===typeof b?ab[la.call(b)]||"object":typeof b};avalon.isWindow=function(b){return Qb.test(la.call(b))};avalon.isPlainObject=function(b){return!!b&&"object"===typeof b&&Object.getPrototypeOf(b)===Aa};avalon.mix=avalon.fn.mix=function(){var b,c,d,e,f,g=arguments[0]||{},h=1,l=arguments.length,k=!1;"boolean"===typeof g&&(k=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===l&&(g=this,h--);for(;h<l;h++)if(null!=(b=arguments[h]))for(c in b)d=g[c],
-e=b[c],g!==e&&(k&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,d=d&&Array.isArray(d)?d:[]):d=d&&avalon.isPlainObject(d)?d:{},g[c]=avalon.mix(k,d,e)):void 0!==e&&(g[c]=e));return g};avalon.mix({rword:z,subscribers:t,version:1.33,ui:{},log:w,noop:E,error:function(b,c){throw new (c||Error)(b);},oneObject:F,range:function(b,c,d){d||(d=1);null==c&&(c=b||0,b=0);var e=-1;c=Math.max(0,Math.ceil((c-b)/d));for(var f=Array(c);++e<c;)f[e]=b,b+=d;return f},slice:function(b,c,d){return ea.call(b,
-c,d)},contains:function(b,c){return b.contains(c)},eventHooks:{},bind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type,f.deel&&(d=f.deel(b,d)));b.addEventListener(c,d,!!e);return d},unbind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type);b.removeEventListener(c,d||E,!!e)},css:function(b,c,d){b instanceof avalon&&(b=b[0]);var e=/[_-]/.test(c)?ca(c):c;c=avalon.cssName(e)||e;if(void 0===d||"boolean"===typeof d)return e=v[e+":get"]||v["@:get"],b=
-e(b,c),!0===d?parseFloat(b)||0:b;""===d?b.style[c]="":null==d||d!==d||(isFinite(d)&&!avalon.cssNumber[e]&&(d+="px"),e=v[e+":set"]||v["@:set"],e(b,c,d))},each:function(b,c){if(b){var d=0;if(Ia(b))for(var e=b.length;d<e;d++)c(d,b[d]);else for(d in b)b.hasOwnProperty(d)&&c(d,b[d])}},getWidgetData:function(b,c){var d=avalon(b).data(),e={},f;for(f in d)0===f.indexOf(c)&&(e[f.replace(c,"").replace(/\w/,function(b){return b.toLowerCase()})]=d[f]);return e},parseJSON:JSON.parse,Array:{ensure:function(b,c){-1===
-b.indexOf(c)&&b.push(c);return b},removeAt:function(b,c){return!!b.splice(c,1).length},remove:function(b,c){var d=b.indexOf(c);return~d?avalon.Array.removeAt(b,d):!1}}});avalon.isArrayLike=Ia;avalon.nextTick=u.setImmediate?setImmediate.bind(u):function(b){setTimeout(b,0)};C.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});var Ja="http://www.w3.org/2000/svg",Ba=document.createElementNS(Ja,"svg");Ba.innerHTML='<Rect width="300" height="100"/>';var Rb=Ba.firstChild&&
-"rect"===Ba.firstChild.tagName;u.SVGElement&&!Rb&&Object.defineProperties(SVGElement.prototype,{outerHTML:{enumerable:!0,configurable:!0,get:lb,set:function(b){var c=this.tagName.toLowerCase(),d=this.parentNode;b=avalon.parseHTML(b);"svg"===c?d.insertBefore(b,this):(c=document.createDocumentFragment(),ma(b,c),d.insertBefore(c,this));d.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,get:function(){var b=RegExp("</"+this.nodeName+">$","i");return this.outerHTML.replace(RegExp("<"+this.nodeName+
-'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTML(this);b=avalon.parseHTML(b);ma(b,this)}}});var S=avalon.vmodels={};avalon.define=function(b,c){var d=b.$id||b;d||w("warning: \u5fc5\u987b\u6307\u5b9a$id");S[b]&&w("warning: "+d+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"==typeof b)var e=H(b);else e={$watch:E},c(e),e=H(e),aa=!0,c(e),aa=!1;e.$id=d;return S[d]=e};var nb=String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors,"+
-t).match(z),V=Object.is||function(b,c){return 0===b&&0===c?1/b===1/c:b!==b?c!==c:b===c},R={},ba=0,pa={},J,K,W,bb,va,cb=/[-.*+?^${}()|[\]\/\\]/g,N={loader:function(b){u.define=b?D.define:Pb;u.require=b?D:Ob},interpolate:function(b){J=b[0];K=b[1];J===K?avalon.error("openTag!==closeTag",SyntaxError):"\x3c!--,--\x3e"===b+""?s.commentInterpolate=!0:(b=J+"test"+K,P.innerHTML=b,P.innerHTML!==b&&0<=P.innerHTML.indexOf("&lt;")&&avalon.error("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5",SyntaxError),P.innerHTML=
-"");b=(J+"").replace(cb,"\\$&");var c=(K+"").replace(cb,"\\$&");W=RegExp(b+"(.*?)"+c);bb=RegExp(b+"(.*?)"+c,"g");va=RegExp(b+".*?"+c+"|\\sms-")}};s.debug=!0;s.plugins=N;s.plugins.interpolate(["{{","}}"]);s.paths={};s.shim={};s.maxRepeatSize=100;avalon.config=s;"add,remove".replace(z,function(b){avalon.fn[b+"Class"]=function(c){var d=this[0];c&&("string"===typeof c&&d&&1==d.nodeType)&&c.replace(/\S+/g,function(c){d.classList[b](c)});return this}});avalon.fn.mix({hasClass:function(b){var c=this[0]||
-{};return 1===c.nodeType&&c.classList.contains(b)},toggleClass:function(b,c){for(var d,e=0,f=b.split(/\s+/),g="boolean"===typeof c;d=f[e++];)this[(g?c:!this.hasClass(d))?"addClass":"removeClass"](d);return this},attr:function(b,c){return 2===arguments.length?(this[0].setAttribute(b,c),this):this[0].getAttribute(b)},data:function(b,c){b="data-"+La(b||"");switch(arguments.length){case 2:return this.attr(b,c),this;case 1:var d=this.attr(b);return da(d);case 0:var e={};G.forEach.call(this[0].attributes,
-function(c){c&&(b=c.name,b.indexOf("data-")||(b=ca(b.slice(5)),e[b]=da(c.value)))});return e}},removeData:function(b){b="data-"+La(b);this[0].removeAttribute(b);return this},css:function(b,c){if(avalon.isPlainObject(b))for(var d in b)avalon.css(this,d,b[d]);else var e=avalon.css(this,b,c);return void 0!==e?e:this},position:function(){var b,c,d=this[0],e={top:0,left:0};if(d)return"fixed"===this.css("position")?c=d.getBoundingClientRect():(b=this.offsetParent(),c=this.offset(),"HTML"!==b[0].tagName&&
-(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],"borderLeftWidth",!0)),{top:c.top-e.top-avalon.css(d,"marginTop",!0),left:c.left-e.left-avalon.css(d,"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||C;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=b.offsetParent;return avalon(b||C)},bind:function(b,c,d){if(this[0])return avalon.bind(this[0],b,c,d)},unbind:function(b,c,d){this[0]&&avalon.unbind(this[0],b,c,d);return this},val:function(b){var c=
-this[0];if(c&&1===c.nodeType){var d=0===arguments.length,e=d?":get":":set",f=Sb,g;g=c.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(c.type)?"checked":g;if(e=f[g+e])var h=e(c,b);else{if(d)return(c.value||"").replace(/\r/g,"");c.value=b}}return d?h:this}});C.dataset&&(avalon.data=function(b,c){var d=this[0].dataset;switch(arguments.length){case 2:return d[b]=c,this;case 1:return c=d[b],da(c);case 0:var e={};for(b in d)e[b]=da(d[b]);return e}});var sb=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;avalon.each({scrollLeft:"pageXOffset",
-scrollTop:"pageYOffset"},function(b,c){avalon.fn[b]=function(d){var e=this[0]||{},f=e.window&&e.document?e:9===e.nodeType?e.defaultView:!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?d:avalon(f).scrollLeft(),g?d:avalon(f).scrollTop()):e[b]=d;else return f?f[c]:e[b]}});var v=avalon.cssHooks={},db=["","-webkit-","-o-","-moz-","-ms-"],Ca={"float":"cssFloat",background:"backgroundColor"};avalon.cssNumber=F("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");
-avalon.cssName=function(b,c,d){if(Ca[b])return Ca[b];c=c||C.style;for(var e=0,f=db.length;e<f;e++)if(d=ca(db[e]+b),d in c)return Ca[b]=d;return null};v["@:set"]=function(b,c,d){b.style[c]=d};v["@:get"]=function(b,c){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+b);var d,e=getComputedStyle(b,null);e&&(d=e.getPropertyValue(c),""===d&&(d=b.style[c]));return d};v["opacity:get"]=function(b){b=v["@:get"](b,"opacity");return""===b?"1":b};"top,left".replace(z,
-function(b){v[b+":get"]=function(c){var d=v["@:get"](c,b);return/px$/.test(d)?d:avalon(c).position()[b]+"px"}});var Na={position:"absolute",visibility:"hidden",display:"block"},tb=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(z,function(b){var c=b.toLowerCase(),d="client"+b,e="scroll"+b,f="offset"+b;v[c+":get"]=function(c,d,e){var f="content-box";"string"===typeof e&&(f=e);d="Width"===b?["Left","Right"]:["Top","Bottom"];switch(f){case "content-box":return c["client"+b]-avalon.css(c,"padding"+
-d[0],!0)-avalon.css(c,"padding"+d[1],!0);case "padding-box":return c["client"+b];case "border-box":return c["offset"+b];case "margin-box":return c["offset"+b]+avalon.css(c,"margin"+d[0],!0)+avalon.css(c,"margin"+d[1],!0)}};v[c+"&get"]=function(b){var d=[];Ma(b,d);for(var e=v[c+":get"](b),f=0,m;m=d[f++];){b=m.node;for(var n in m)"string"===typeof m[n]&&(b.style[n]=m[n])}return e};avalon.fn[c]=function(g){var h=this[0];if(0===arguments.length){if(h.setTimeout)return h["inner"+b];if(9===h.nodeType){var l=
-h.documentElement;return Math.max(h.body[e],l[e],h.body[f],l[f],l[d])}return v[c+"&get"](h)}return this.css(c,g)};avalon.fn["inner"+b]=function(){return v[c+":get"](this[0],void 0,"padding-box")};avalon.fn["outer"+b]=function(b){return v[c+":get"](this[0],void 0,!0===b?"margin-box":"border-box")}});avalon.fn.offset=function(){var b=this[0],c={left:0,top:0};if(!b||!b.tagName||!b.ownerDocument)return c;var d=b.ownerDocument,e=d.documentElement,d=d.defaultView;if(!e.contains(b))return c;void 0!==b.getBoundingClientRect&&
-(c=b.getBoundingClientRect());return{top:c.top+d.pageYOffset-e.clientTop,left:c.left+d.pageXOffset-e.clientLeft}};var Sb={"select:get":function(b,c){for(var d,e=b.options,f=b.selectedIndex,g="select-one"===b.type||0>f,h=g?null:[],l=g?f+1:e.length,k=0>f?l:g?f:0;k<l;k++)if(d=e[k],(d.selected||k===f)&&!d.disabled){c=d.value;if(g)return c;h.push(c)}return h},"select:set":function(b,c,d){c=[].concat(c);for(var e=0,f;f=b.options[e++];)if(f.selected=0<=c.indexOf(f.value))d=!0;d||(b.selectedIndex=-1)}},Tb=
-/<([\w:]+)/,Ub=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Vb=F("text/javascript","text/ecmascript","application/ecmascript","application/javascript","text/vbscript"),eb=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,fb=new function(){avalon.mix(this,{option:p.createElement("select"),thead:p.createElement("table"),td:p.createElement("tr"),area:p.createElement("map"),tr:p.createElement("tbody"),col:p.createElement("colgroup"),legend:p.createElement("fieldset"),"*":p.createElement("div")});
-this.optgroup=this.option;this.tbody=this.tfoot=this.colgroup=this.caption=this.thead;this.th=this.td};avalon.clearHTML=function(b){b.textContent="";return b};var Wb=p.createElement("script");avalon.parseHTML=function(b){"string"!==typeof b&&(b+="");b=b.replace(Ub,"<$1></$2>").trim();if(Xb.createContextualFragment&&!eb.test(b)&&!/<script/i.test(b)){var c=p.createRange();c.selectNodeContents(C);return c.createContextualFragment(b)}var c=O.cloneNode(!1),d=(Tb.exec(b)||["",""])[1].toLowerCase();d in
-fb||(d="*");d=fb[d];d.innerHTML=b;b=d.getElementsByTagName("script");var e;if(b.length)for(var f=0,g;g=b[f++];)if(!g.type||Vb[g.type])e=Wb.cloneNode(!1),G.forEach.call(g.attributes,function(b){b&&(e[b.name]=b.value)}),e.text=g.text,g.parentNode.replaceChild(e,g);for(;b=d.firstChild;)c.appendChild(b);return c};avalon.innerHTML=function(b,c){if(!/<script/i.test(c)&&!eb.test(c))b.innerHTML=c;else{var d=this.parseHTML(c);this.clearHTML(b).appendChild(d)}};var I={$watch:function(b,c){if("function"===typeof c){var d=
-this.$events[b];d?d.push(c):this.$events[b]=[c]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,c){var d=arguments.length;if(0===d)this.$watch.backup=this.$events,this.$events={};else if(1===d)this.$events[b]=[];else for(var d=this.$events[b]||[],e=d.length;0>~--e;)if(d[e]===c)return d.splice(e,1);return this},$fire:function(b){var c;/^(\w+)!(\w+)$/.test(b)&&(c=RegExp.$1,b=RegExp.$2);for(var d=this.$events,e=d[b]||[],f=d.$all||[],g=ea.call(arguments,1),h=0,l;l=e[h++];)l.apply(this,
-g);for(h=0;l=f[h++];)l.apply(this,arguments);if(d=d.element){var k=[b].concat(g);if("up"===c)ia(d,"dataavailable",k);else if("down"===c){c=[];for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&g.$events&&g.$events.element)e=g.$events.element,d.contains(e)&&d!=e&&c.push(g);c.forEach(function(b){b.$fire.apply(b,k)})}else if("all"===c)for(h in avalon.vmodels)g=avalon.vmodels[h],g!==this&&g.$fire.apply(g,k)}}};avalon.scan=function(b,c){b=b||C;var d=c?[].concat(c):[];fa(b,d)};var wb=F("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),
-ub=/ms-(\w+)-?(.*)/,Ta={"if":10,repeat:90,widget:110,each:1400,"with":1500,duplex:2E3,on:3E3},vb=F("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit"),yb=/\|\s*(\w+)\s*(\([^)]*\))?/g,xb=/\|\|/g,zb=/U2hvcnRDaXJjdWl0/g,Yb=/&lt;/g,Zb=/&gt;/g,$b=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,ac=/[^\w$]+/g,bc=RegExp(""+("\\b"+
-"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,"\\b|\\b")+"\\b"),"g"),cc=/\b\d[^,]*/g,dc=/^,+|,+$/g,Da=Ua(512),Db=
-function(b){var c=","+b.trim();if(Da[c])return Da[c];b=b.replace($b,"").replace(ac,",").replace(bc,"").replace(cc,"").replace(dc,"").split(/^$|,+/);for(var d=[],e={},f=0;f<b.length;++f){var g=b[f];e[g]||(e[g]=d.push(g))}return Da(c,d)},wa=Ua(256),Eb=/\w\[.*\]|\w\.\w/,Cb=/(\$proxy\$[a-z]+)\d+$/;avalon.parseExprProxy=L;var ha=F("a,abbr,b,span,strong,em,font,i,kbd","inline");avalon.mix(ha,F("div,h1,h2,h3,h4,h5,h6,section,p","block"));avalon.parseDisplay=ya;var ec=function(b){return"table-cell"==getComputedStyle(b,
-null).display}(p.createElement("td")),gb=/\(([^)]*)\)/;M.insertAdjacentHTML("afterBegin",'<style id="avalonStyle">.avalonHide{ display: none!important }</style>');var Y=function(b,c,d){if(b=b.getAttribute(c)){c=0;for(var e;e=d[c++];)if(e.hasOwnProperty(b)&&"function"===typeof e[b])return e[b]}},Ea=avalon.templateCache={},Oa=p.createElement("div"),fc=/^\s+$/,xa=avalon.bindingExecutors={attr:function(b,c,d){function e(b){k&&(b=k.apply(c,[b].concat(h)));avalon.innerHTML(c,b);sa(c,h);l&&Pa(c,function(){l.call(c)})}
-var f=d.type,g=d.param;if("css"===f)avalon(c).css(g,b);else if("attr"===f)!1===b||null===b||void 0===b?c.removeAttribute(g):c.setAttribute(g,b);else if("include"===f&&b){var h=d.vmodels,l=Y(c,"data-include-rendered",h),k=Y(c,"data-include-loaded",h);if("src"===d.param)if(Ea[b])e(Ea[b]);else{var m=new u.XMLHttpRequest;m.onload=function(){var c=m.status;if(200<=c&&300>c||304===c)e(Ea[b]=m.responseText)};m.open("GET",b,!0);m.withCredentials=!0;m.setRequestHeader("X-Requested-With","XMLHttpRequest");
-m.send(null)}else{var n=b&&1==b.nodeType?b:p.getElementById(b);avalon.nextTick(function(){e(n.value||n.innerText||n.innerHTML)})}}else c[f]=b},"class":function(b,c,d){var e=avalon(c),f=d.type;if("class"===f&&d.param)e.toggleClass(d.param,!!b);else{var g=d._evaluator?!!d._evaluator.apply(c,d._args):!0,h=d._class||b;switch(f){case "class":g&&d.oldClass&&e.removeClass(d.oldClass);e.toggleClass(h,g);d.oldClass=h;break;case "hover":case "active":d.init||("hover"===f?(b="mouseenter",c="mouseleave"):(c.tabIndex=
-c.tabIndex||-1,b="mousedown",c="mouseup",e.bind("mouseleave",function(){g&&e.removeClass(h)})),e.bind(b,function(){g&&e.addClass(h)}),e.bind(c,function(){g&&e.removeClass(h)}),d.init=1)}}},data:function(b,c,d){d="data-"+d.param;b&&"object"===typeof b?c[d]=b:c.setAttribute(d,String(b))},repeat:function(b,c,d){if(b){var e=this.group,f=this.startRepeat&&this.startRepeat.parentNode;f&&(this.parent=f);var f=this.parent,g=this.proxies,h=O.cloneNode(!1),l=[],k={};if("del"===b||"move"===b)var m=za(f,this,
-c);switch(b){case "add":for(var e=d,m=this.getter().length-1,n=0,q=e.length;n<q;n++){var y=n+c,k=Lb(y,e[n],this,m);g.splice(y,0,k);k=Za(this,h,l,k)}m=za(f,this,c);k.node=m;k.parent=f;f.insertBefore(h,m);for(n=0;f=l[n++];)fa(f,this.vmodels);break;case "del":f=g.splice(c,d);for(n=0;k=f[n++];)Nb(k);Ya($a(m,e,d));break;case "index":for(m=g.length-1;d=g[c];c++)d.$index=c,d.$first=0===c,d.$last=c===m;break;case "clear":if(this.startRepeat)for(;;)if((f=this.startRepeat.nextSibling)&&f!==this.endRepeat)h.appendChild(f);
-else break;else h=f;Ya(h);g.length=0;break;case "move":if(h=g.splice(c,1)[0])g.splice(d,0,h),h=$a(m,e),m=za(f,this,d),f.insertBefore(h,m);break;case "set":(k=g[c])&&(k[k.$itemName]=d);break;case "append":g=d;n=Y(this.callbackElement,"data-with-sorted",this.vmodels);e=[];for(q in c)c.hasOwnProperty(q)&&e.push(q);n&&(n=n.call(f,e))&&(Array.isArray(n)&&n.length)&&(e=n);for(n=0;q=e[n++];)k=Za(this,h,l,g[q]);k.parent=f;k.node=this.endRepeat||null;f.insertBefore(h,k.node);for(n=0;d=l[n++];)fa(d,this.vmodels)}Jb.call(this,
-arguments)}},html:function(b,c,d){b=null==b?"":b;c||(c=d.element=d.node.parentNode);if(d.replaceNodes){var e;if(11===b.nodeType)e=b;else if(1===b.nodeType||b.item){b=1===b.nodeType?b.childNodes:b.item?b:[];for(e=O.cloneNode(!0);b[0];)e.appendChild(b[0])}else e=avalon.parseHTML(b);b=avalon.slice(e.childNodes);c.insertBefore(e,d.replaceNodes[0]||null);e=0;for(var f;f=d.replaceNodes[e++];)c.removeChild(f);d.replaceNodes=b}else avalon.innerHTML(c,b);avalon.nextTick(function(){sa(c,d.vmodels)})},"if":function(b,
-c,d){var e=d.placehoder;if(b){if(!d.msInDocument){d.msInDocument=!0;try{e.parentNode.replaceChild(c,e)}catch(f){w("debug: ms-if "+f.message)}}va.test(c.outerHTML.replace(Yb,"<").replace(Zb,">"))&&Qa(c,d.vmodels)}else if(d.msInDocument){d.msInDocument=!1;try{c.parentNode.replaceChild(e,c)}catch(g){w("debug: ms-if: elem.parentNode= "+c.parentNode)}e.elem=c;Oa.appendChild(c)}},on:function(b,c,d){var e=d.evaluator,f=d.args,g=d.vmodels;b=d.hasArgs?function(b){return e.apply(this,f.concat(b))}:function(b){return e.apply(0,
-f).call(this,b)};c.$vmodel=g[0];c.$vmodels=g;d.param=d.param.replace(/-\d+$/,"");if("function"===typeof d.specialBind)d.specialBind(c,b);else var h=avalon.bind(c,d.param,b);d.rollback=function(){"function"===typeof d.specialUnbind?d.specialUnbind():avalon.unbind(c,d.param,h)};d.evaluator=d.handler=E},text:function(b,c,d){b=null==b?"":b;var e=d.node;if(3===d.nodeType)try{e.data=b}catch(f){}else c||(c=d.element=e.parentNode),c.textContent=b},visible:function(b,c,d){c.style.display=b?d.display:"none"},
-widget:E},B=avalon.bindingHandlers={attr:function(b,c){var d=b.value.trim(),e=!0;-1<d.indexOf(J)&&2<d.indexOf(K)&&(e=!1,W.test(d)&&(""===RegExp.rightContext&&""===RegExp.leftContext)&&(e=!0,d=RegExp.$1));b.handlerName="attr";L(d,c,b,e?null:ta(b.value))},"class":function(b,c){var d=b.param,e=b.value;b.handlerName="class";if(!d||isFinite(d)){b.param="";var f=e.replace(bb,function(b){return Math.pow(10,b.length-1)}).indexOf(":");if(-1===f)d=e;else if(d=e.slice(0,f),e=e.slice(f+1),ga(e,c,b),b.evaluator)b._evaluator=
-b.evaluator,b._args=b.args;else return w("debug: ms-class '"+(e||"").trim()+"' \u4e0d\u5b58\u5728\u4e8eVM\u4e2d"),!1;e=W.test(d);e||(b._class=d);L("",c,b,e?ta(d):null)}else"class"===b.type&&L(e,c,b)},duplex:function(b,c){var d=b.element;if("function"===typeof T[d.tagName]&&(b.changed=Y(d,"data-duplex-changed",c)||E,ga(b.value,c,b,"duplex"),b.evaluator&&b.args)){var e=d.form;e&&e.msValidate&&e.msValidate(d);b.bound=function(c,e){d.addEventListener(c,e);var h=b.rollback;b.rollback=function(){d.removeEventListener(c,
-e);h&&h()}};T[d.tagName](d,b.evaluator.apply(null,b.args),b)}},repeat:function(b,c){var d=b.type,e;ga(b.value,c,b);"repeat"!==d&&w("warning:\u5efa\u8bae\u4f7f\u7528ms-repeat\u4ee3\u66ffms-each, ms-with, ms-repeat\u53ea\u5360\u7528\u4e00\u4e2a\u6807\u7b7e\u5e76\u4e14\u6027\u80fd\u66f4\u597d");var f=b.callbackElement=b.parent=b.element;b.getter=function(){return this.evaluator.apply(0,this.args||[])};b.proxies=[];var g=!0;try{e=b.getter(),oa.test(avalon.type(e))&&(g=!1)}catch(h){}var l=O.cloneNode(!1);
-if("repeat"===d){var k=p.createComment("ms-repeat-start"),m=p.createComment("ms-repeat-end");b.element=b.parent=f.parentNode;b.startRepeat=k;b.endRepeat=m;f.removeAttribute(b.name);b.parent.replaceChild(m,f);b.parent.insertBefore(k,m);l.appendChild(f)}else for(;k=f.firstChild;)3===k.nodeType&&fc.test(k.data)?f.removeChild(k):l.appendChild(k);b.template=l;b.rollback=function(){xa.repeat.call(b,"clear");var c=b.endRepeat,d=b.parent;d.insertBefore(b.template,c||null);c&&(d.removeChild(c),d.removeChild(b.startRepeat),
-b.element=b.callbackElement)};f=b.value.split(".")||[];if(1<f.length){f.pop();k=f[0];for(f=0;m=c[f++];)if(m&&m.hasOwnProperty(k)&&m[k][t]){m[k][t].push(b);break}}if(!g){b.callbackName="data-"+d+"-rendered";b.handler=xa.repeat;b.$outer={};g="$key";k="$val";Array.isArray(e)&&(g="$first",k="$last");for(f=0;m=c[f++];)if(m.hasOwnProperty(g)&&m.hasOwnProperty(k)){b.$outer=m;break}k=l.firstChild;b.fastRepeat=!!k&&1===k.nodeType&&l.lastChild===k&&!k.attributes["ms-controller"]&&!k.attributes["ms-important"];
-e[t]&&e[t].push(b);if(!Array.isArray(e)&&"each"!==d){var n=R[e.$id];if(!n){ba++;var n=R[e.$id]={},q;for(q in e)e.hasOwnProperty(q)&&"hasOwnProperty"!==q&&function(b,c){n[b]=Kb(b,c,{});n[b].$watch("$val",function(c){e[b]=c})}(q,e[q])}b.handler("append",e,n)}else b.handler("add",0,e)}},html:function(b,c){L(b.value,c,b)},"if":function(b,c){b.element.removeAttribute(b.name);b.placehoder||(b.msInDocument=b.placehoder=p.createComment("ms-if"));b.vmodels=c;L(b.value,c,b)},on:function(b,c){var d=b.value,
-e="$event";if(0<d.indexOf("(")&&-1<d.indexOf(")")){var f=(d.match(gb)||["",""])[1].trim();if(""===f||"$event"===f)e=void 0,d=d.replace(gb,"")}else e=void 0;b.hasArgs=e;L(d,c,b)},visible:function(b,c){var d=b.element;if(!ec&&!C.contains(d))var e=ya(d.tagName);e=e||avalon(d).css("display");b.display="none"===e?ya(d.tagName):e;L(b.value,c,b)},widget:function(b,c){var d=b.value.match(z),e=b.element,f=d[0];if("$"===d[1]||!d[1])d[1]=f+setTimeout("1");b.value=d.join(",");var g=avalon.ui[f];if("function"===
-typeof g){c=e.vmodels||c;for(var h=d[2]||f,l=0,k;k=c[l++];)if(k.hasOwnProperty(h)&&"object"===typeof k[h]){var m=k;break}if(m){var n=m[h],n=n.$model||n,h=n[f+"Id"];"string"===typeof h&&(d[1]=h)}h=avalon.getWidgetData(e,d[0]);b[f+"Id"]=d[1];b[f+"Options"]=avalon.mix({},g.defaults,n||{},h);e.removeAttribute("ms-widget");var q=g(e,b,c)||{};b.evaluator=E;e.msData["ms-widget-id"]=q.$id||"";q.hasOwnProperty("$init")&&q.$init();if(q.hasOwnProperty("$remove")){var y=function(){q.$remove();e.msData={};delete S[q.$id]};
-gc?e.addEventListener("DOMNodeRemoved",function(b){b.target===this&&(!this.msRetain&&(u.chrome?"INPUT"===this.tagName&&1===b.relatedNode.nodeType:1))&&y()}):(e.offTree=y,Wa(e))}}else c.length&&(e.vmodels=c)}},gc=p.implementation.hasFeature("MutationEvents","2.0");"hover,active".replace(z,function(b){B[b]=B["class"]});"with,each".replace(z,function(b){B[b]=B.repeat});B.data=B.text=B.html;"title,alt,src,value,css,include,href".replace(z,function(b){B[b]=B.attr});var T=B.duplex;T.INPUT=function(b,c,
-d){var e=d.param,f=d.bound,g=b.type,h=avalon(b),l=!1,k=!1,m=function(b){l=!0;d.changed.call(this,b)},n=function(){k=!0},q=function(){k=!1},y=function(){if(!k){var d=b.oldValue=b.value;!1!==h.data("duplex-observe")&&(c(d),m.call(b,d))}};d.handler=function(){var d=c();d!==b.value&&(b.value=d)};"checkbox"===g&&"radio"===e&&(g="radio");"radio"===g?(d.handler=function(){b.oldChecked=b.checked=/bool|text/.test(e)?c()+""===b.value:!!c()},f(e?"change":"mousedown",function(){if(!1!==h.data("duplex-observe")){var d=
-b.value;"text"===e?c(d):"bool"===e?(d="true"===d,c(d)):(d=!b.oldChecked,c(d),b.checked=d);m.call(b,d)}})):"checkbox"===g?(d.handler=function(){var d=[].concat(c());b.checked=0<=d.indexOf(b.value)},f("change",function(){if(!1!==h.data("duplex-observe")){var d=b.checked?"ensure":"remove",e=c();if(Array.isArray(e))avalon.Array[d](e,b.value);else avalon.error("ms-duplex\u4f4d\u4e8echeckbox\u65f6\u8981\u6c42\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4");m.call(b,e)}})):(g=b.attributes["data-duplex-event"]||b.attributes["data-event"]||
-{},g=g.value,"change"===g?f("change",y):(f("input",y),f("compositionstart",n),f("compositionend",q)));b.oldValue=b.value;b.onTree=Fb;hb(b);qa(d);var na=setTimeout(function(){l||m.call(b,b.value);clearTimeout(na)},31)};var Va,X=[],hb=E;try{var ib=HTMLInputElement.prototype,Ib=Object.getOwnPropertyDescriptor(ib,"value").set;Object.defineProperty(ib,"value",{set:Hb,configurable:!0})}catch(oc){hb=Wa}T.SELECT=function(b,c,d){var e=avalon(b);d.handler=function(){var d=c(),d=d&&d.$model||d,d=Array.isArray(d)?
-d.map(String):d+"";d+""!==b.oldValue&&(e.val(d),b.oldValue=d+"")};d.bound("change",function(){if(!1!==e.data("duplex-observe")){var f=e.val();f+""!==b.oldValue&&(c(f),b.oldValue=f+"");d.changed.call(b,f)}});var f=NaN,g=setInterval(function(){var c=b.innerHTML;c===f?(clearInterval(g),qa(d)):f=c},20)};T.TEXTAREA=T.INPUT;var ka=avalon.eventHooks;"onmouseenter"in C||avalon.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b,c){ka[b]={type:c,deel:function(c,e){return function(f){var g=f.relatedTarget;
-if(!g||g!==c&&!(c.compareDocumentPosition(g)&16))return delete f.type,f.type=b,e.call(c,f)}}}});avalon.each({AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"},function(b,c){u[b]&&!ka.animationend&&(ka.animationend={type:c})});void 0===document.onmousewheel&&(ka.mousewheel={type:"DOMMouseScroll",deel:function(b,c){return function(d){d.wheelDelta=0<d.detail?-120:120;Object.defineProperty(d,"type",{value:"mousewheel"});c.call(b,d)}}});var Fa=G.splice,Xa={_splice:Fa,_add:function(b,
-c){var d=this.length;c="number"===typeof c?c:d;for(var d=[],e=0,f=b.length;e<f;e++){var g=d,h=e,l=b[e],k=avalon.type(l);oa.test(k)&&(l=l.$id?l:H(l,l));g[h]=l}Fa.apply(this,[c,0].concat(d));A(this,"add",c,d);if(!this._stopFireLength)return this._.length=this.length},_del:function(b,c){var d=this._splice(b,c);d.length&&(A(this,"del",b,c),this._stopFireLength||(this._.length=this.length));return d},push:function(){G.push.apply(this.$model,arguments);var b=this._add(arguments);A(this,"index",2<b?b-2:
-0);return b},pushArray:function(b){return this.push.apply(this,b)},unshift:function(){G.unshift.apply(this.$model,arguments);var b=this._add(arguments,0);A(this,"index",arguments.length);return b},shift:function(){var b=this.$model.shift();this._del(0,1);A(this,"index",0);return b},pop:function(){var b=this.$model.pop();this._del(this.length-1,1);return b},splice:function(b,c){var d=this.length;b=Math.floor(b)||0;b=0>b?Math.max(d+b,0):Math.min(b,d);var d=Fa.apply(this.$model,arguments),e=[],f;this._stopFireLength=
-!0;d.length&&(e=this._del(b,d.length),f=!0);2<arguments.length&&(this._add(ea.call(arguments,2),b),f=!0);this._stopFireLength=!1;this._.length=this.length;f&&A(this,"index",0);return e},contains:function(b){return-1!==this.indexOf(b)},size:function(){return this._.length},remove:function(b){return this.removeAt(this.indexOf(b))},removeAt:function(b){return 0<=b?this.splice(b,1):[]},clear:function(){this.$model.length=this.length=this._.length=0;A(this,"clear",0);return this},removeAll:function(b){if(Array.isArray(b))b.forEach(function(b){this.remove(b)},
-this);else if("function"===typeof b)for(var c=this.length-1;0<=c;c--)b(this[c],c)&&this.splice(c,1);else this.clear()},ensure:function(b){this.contains(b)||this.push(b);return this},set:function(b,c){if(0<=b){var d=avalon.type(c);c&&c.$model&&(c=c.$model);var e=this[b];if("object"===d)for(var f in c)e.hasOwnProperty(f)&&(e[f]=c[f]);else"array"===d?e.clear().push.apply(e,c):e!==c&&(this[b]=c,this.$model[b]=c,A(this,"set",b,c))}return this}};"sort,reverse".replace(z,function(b){Xa[b]=function(){var c=
-this.$model,d=c.slice(0),e=!1;G[b].apply(c,arguments);for(var f=0,g=d.length;f<g;f++){var h=c[f];if(!V(h,d[f])){var e=!0,h=d.indexOf(h,f),l=this._splice(h,1)[0],k=d.splice(h,1)[0];this._splice(f,0,l);d.splice(f,0,k);A(this,"move",h,f)}}e&&A(this,"index",0);return this}});var Xb=p.createRange(),Mb=F("$index,$first,$last"),Z=[],hc=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,ic=/^<(a|img)\s/i,jc=/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,kc=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig,lc=/\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig,
-mc=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,nc=/([^\#-~| |!])/g,Ga=avalon.filters={uppercase:function(b){return b.toUpperCase()},lowercase:function(b){return b.toLowerCase()},truncate:function(b,c,d){c=c||30;d=void 0===d?"...":d;return b.length>c?b.slice(0,c-d.length)+d:String(b)},sanitize:u.toStaticHTML?toStaticHTML.bind(u):function(b){return b.replace(hc,"").replace(kc,function(b,d){ic.test(b)&&(b=b.replace(lc," $1=''"));return b.replace(jc," ").replace(/\s+/g," ")})},camelize:ca,escape:function(b){return String(b).replace(/&/g,
-"&amp;").replace(mc,function(b){var d=b.charCodeAt(0);b=b.charCodeAt(1);return"&#"+(1024*(d-55296)+(b-56320)+65536)+";"}).replace(nc,function(b){return"&#"+b.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(b,c){return(c||"\uffe5")+avalon.filters.number(b)},number:function(b,c,d,e){b=(b+"").replace(/[^0-9+\-Ee.]/g,"");b=!isFinite(+b)?0:+b;c=!isFinite(+c)?0:Math.abs(c);e=e||",";d=d||".";var f="",f=function(b,c){var d=Math.pow(10,c);return""+Math.round(b*d)/d},f=(c?f(b,
-c):""+Math.round(b)).split(".");3<f[0].length&&(f[0]=f[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,e));if((f[1]||"").length<c)f[1]=f[1]||"",f[1]+=Array(c-f[1].length+1).join("0");return f.join(d)}};new function(){function b(b,c,d){var e="";0>b&&(e="-",b=-b);for(b=""+b;b.length<c;)b="0"+b;d&&(b=b.substr(b.length-c));return e+b}function c(c,d,e,f){return function(g){g=g["get"+c]();if(0<e||g>-e)g+=e;0===g&&-12===e&&(g=12);return b(g,d,f)}}function d(b,c){return function(d,e){var f=d["get"+b](),g=(c?"SHORT"+
-b:b).toUpperCase();return e[g][f]}}function e(b){var c;if(c=b.match(l)){b=new Date(0);var d=0,e=0,f=c[8]?b.setUTCFullYear:b.setFullYear,g=c[8]?b.setUTCHours:b.setHours;c[9]&&(d=parseInt(c[9]+c[10],10),e=parseInt(c[9]+c[11],10));f.call(b,parseInt(c[1],10),parseInt(c[2],10)-1,parseInt(c[3],10));d=parseInt(c[4]||0,10)-d;e=parseInt(c[5]||0,10)-e;f=parseInt(c[6]||0,10);c=Math.round(1E3*parseFloat("0."+(c[7]||0)));g.call(b,d,e,f,c)}return b}var f={yyyy:c("FullYear",4),yy:c("FullYear",2,0,!0),y:c("FullYear",
-1),MMMM:d("Month"),MMM:d("Month",!0),MM:c("Month",2,1),M:c("Month",1,1),dd:c("Date",2),d:c("Date",1),HH:c("Hours",2),H:c("Hours",1),hh:c("Hours",2,-12),h:c("Hours",1,-12),mm:c("Minutes",2),m:c("Minutes",1),ss:c("Seconds",2),s:c("Seconds",1),sss:c("Milliseconds",3),EEEE:d("Day"),EEE:d("Day",!0),a:function(b,c){return 12>b.getHours()?c.AMPMS[0]:c.AMPMS[1]},Z:function(c){c=-1*c.getTimezoneOffset();return c=(0<=c?"+":"")+(b(Math[0<c?"floor":"ceil"](c/60),2)+b(Math.abs(c%60),2))}},g=/((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,
-h=/^\d+$/,l=/^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,k=/^(\d+)-(\d+)-(\d{4})$/,m=/^(\d+)\s+(\d+),(\d{4})$/;Ga.date=function(b,c){var d=Ga.date.locate,l="",U=[],n,p;c=c||"mediumDate";c=d[c]||c;if("string"===typeof b){if(h.test(b))b=parseInt(b,10);else{p=b.trim();if(p.match(k)||p.match(m))b=RegExp.$3+"/"+RegExp.$1+"/"+RegExp.$2;b=e(b)}b=new Date(b)}"number"===typeof b&&(b=new Date(b));if("date"===avalon.type(b)){for(;c;)(p=g.exec(c))?(U=
-U.concat(p.slice(1)),c=U.pop()):(U.push(c),c=null);U.forEach(function(c){n=f[c];l+=n?n(b,d):c.replace(/(^'|'$)/g,"").replace(/''/g,"'")});return l}};var n={AMPMS:{"0":"\u4e0a\u5348",1:"\u4e0b\u5348"},DAY:{"0":"\u661f\u671f\u65e5",1:"\u661f\u671f\u4e00",2:"\u661f\u671f\u4e8c",3:"\u661f\u671f\u4e09",4:"\u661f\u671f\u56db",5:"\u661f\u671f\u4e94",6:"\u661f\u671f\u516d"},MONTH:{"0":"1\u6708",1:"2\u6708",2:"3\u6708",3:"4\u6708",4:"5\u6708",5:"6\u6708",6:"7\u6708",7:"8\u6708",8:"9\u6708",9:"10\u6708",10:"11\u6708",
-11:"12\u6708"},SHORTDAY:{"0":"\u5468\u65e5",1:"\u5468\u4e00",2:"\u5468\u4e8c",3:"\u5468\u4e09",4:"\u5468\u56db",5:"\u5468\u4e94",6:"\u5468\u516d"},fullDate:"y\u5e74M\u6708d\u65e5EEEE",longDate:"y\u5e74M\u6708d\u65e5",medium:"yyyy-M-d ah:mm:ss",mediumDate:"yyyy-M-d",mediumTime:"ah:mm:ss","short":"yy-M-d ah:mm",shortDate:"yy-M-d",shortTime:"ah:mm"};n.SHORTMONTH=n.MONTH;Ga.date.locate=n};var D,r=avalon.modules={"ready!":{exports:avalon},avalon:{exports:avalon,state:2}};new function(){function b(b){return(b||
-"").replace(/[?#].*/,"")}function c(b){var c;try{a.b.c()}catch(d){c=d.stack}if(c)return c=c.split(/[@ ]/g).pop(),c="("===c[0]?c.slice(1,-1):c.replace(/\s/,""),c.replace(/(:\d+)?:\d+$/i,"");c=(b?p:M).getElementsByTagName("script");for(var e=c.length,f;f=c[--e];)if((b||f.className===t)&&"interactive"===f.readyState)return f.className=f.src}function d(b,c){for(var e in b)if("\u53f8\u5f92\u6b63\u7f8e"===b[e]&&2!==r[e].state&&(e===c||d(r[e].deps,c)))return!0}function e(){var b=k.length,c;a:for(;c=k[--b];){c=
-r[c];var d=c.deps,f;for(f in d)if(Ka.call(d,f)&&2!==r[f].state)continue a;2!==c.state&&(k.splice(b,1),l(c.id,c.args,c.factory),e())}}function f(c,d){var e=b(c.src);c.onload=c.onerror=null;if(d)setTimeout(function(){M.removeChild(c)}),w("debug: \u52a0\u8f7d "+e+" \u5931\u8d25"+d+" "+!r[e].state);else return!0}function g(c,d,e,f){if("ready!"===c||r[c]&&2===r[c].state)return c;var g;c=c.replace(/^\w+!/,function(b){g=b.slice(0,-1);return""});g=g||"js";g=N[g]||E;"object"===typeof s.shim[c]&&(f=s.shim[c]);
-s.paths[c]&&(c=s.paths[c]);if(/^(\w+)(\d)?:.*/.test(c))e=c;else{d=d.substr(0,d.lastIndexOf("/"));var h=c.charAt(0);if("."!==h&&"/"!==h)e=n+c;else if("./"===c.slice(0,2))e=d+c.slice(1);else if(".."===c.slice(0,2))for(e=d+"/"+c;y.test(e);)e=e.replace(y,"");else"/"===h?e=d+c:avalon.error("\u4e0d\u7b26\u5408\u6a21\u5757\u6807\u8bc6\u89c4\u5219: "+c)}c=b(e);(d=g.ext)&&c.slice(0-d.length)!==d&&(e+=d);s.nocache&&(e+=(-1===e.indexOf("?")?"?":"&")+Date.now());return g(e,f)}function h(b,c,d){var e=p.createElement("script");
-e.className=t;e.onload=function(){var e=m.pop();e&&e.delay(c);d&&d();w("debug: \u5df2\u6210\u529f\u52a0\u8f7d "+b)};e.onerror=function(){f(e,!0)};e.src=b;M.appendChild(e);w("debug: \u6b63\u51c6\u5907\u52a0\u8f7d "+b)}function l(b,c,d){for(var e=0,f=[],g;g=c[e++];)f.push(r[g].exports);c=Object(r[b]);d=d.apply(u,f);c.state=2;void 0!==d&&(r[b].exports=d);return d}var k=[],m=[],n;N.js=function(c,d){var e=b(c);r[e]||(r[e]={id:e,exports:{}},d?D(d.deps||"",function(){h(c,e,function(){r[e].state=2;d.exports&&
-(r[e].exports="function"===typeof d.exports?d.exports():u[d.exports]);D.checkDeps()})}):h(c,e));return e};N.css=function(b){var c=b.replace(/(#.+|\W)/g,"");if(!p.getElementById(c)){var d=p.createElement("link");d.rel="stylesheet";d.href=b;d.id=c;M.insertBefore(d,M.firstChild)}};N.css.ext=".css";N.js.ext=".js";N.text=function(b){var c=new XMLHttpRequest,d=b.replace(/[?#].*/,"");r[d]={};c.onload=function(){r[d].state=2;r[d].exports=c.responseText;D.checkDeps()};c.onerror=function(){avalon.error(b+" \u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS")};
-c.open("GET",b,!0);c.withCredentials=!0;c.setRequestHeader("X-Requested-With","XMLHttpRequest");c.send();return d};"import"in p.createElement("link")&&(N.text=function(b){function c(d,f){f&&avalon.error(b+"\u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS");setTimeout(function(){M.removeChild(e)})}var d=b.replace(/[?#].*/,"");r[d]={};var e=p.createElement("link");e.rel="import";e.href=b;e.onload=function(){r[d].state=2;var b=this["import"];b&&(r[d].exports=b.documentElement.outerHTML,
-avalon.require.checkDeps());c(0,b)};e.onerror=c;M.appendChild(e);return d});var q=c(!0);q||(q=avalon.slice(document.scripts).pop().src);q=b(q);n=s.base=q.slice(0,q.lastIndexOf("/")+1);var y=/\/\w+\/\.\./;D=avalon.require=function(b,c,d){var f={},h=[],m=0,p=0,q=d||"callback"+setTimeout("1");d=d||n;String(b).replace(z,function(b){if(b=g(b,d))m++,r[b]&&2===r[b].state&&p++,f[b]||(h.push(b),f[b]="\u53f8\u5f92\u6b63\u7f8e")});r[q]={id:q,factory:c,deps:f,args:h,state:1};m===p?l(q,h,c):k.unshift(q);e()};
-D.define=function(e,f,g){var h=avalon.slice(arguments);if("string"===typeof e)var k=h.shift();"function"===typeof h[0]&&h.unshift([]);var l=r[k]&&1<=r[k].state?k:b(c());!r[l]&&k&&(r[l]={id:l,factory:g,state:1});g=h[1];g.id=k;g.delay=function(b){h.push(b);var c=!0;try{c=d(r[b].deps,b)}catch(e){}c&&avalon.error(b+"\u6a21\u5757\u4e0e\u4e4b\u524d\u7684\u6a21\u5757\u5b58\u5728\u5faa\u73af\u4f9d\u8d56\uff0c\u8bf7\u4e0d\u8981\u76f4\u63a5\u7528script\u6807\u7b7e\u5f15\u5165"+b+"\u6a21\u5757");delete g.delay;
-D.apply(null,h)};l?g.delay(l,h):m.push(g)};D.define.amd=r;D.config=s;D.checkDeps=e};var jb=navigator.pointerEnabled,kb=navigator.msPointerEnabled;("ontouchstart"in u||kb||jb)&&function(){function b(){e.last&&(e.fire("hold"),e={})}function c(b){return("touch"===b.pointerType||b.pointerType===b.MSPOINTER_TYPE_TOUCH)&&b.isPrimary}function d(b,c){return b.type==="pointer"+c||b.type.toLowerCase()==="mspointer"+c}var e={},f,g,h,l,k,m,n,q,r=0,s=0,t=[],t=jb?["pointerdown","pointermove","pointerup","pointercancel"]:
-kb?["MSPointerDown","MSPointerMove","MSPointerUp","MSPointerCancel"]:["touchstart","touchmove","touchend","touchcancel"];p.addEventListener(t[0],function(g){if(!(n=d(g,"down"))||c(g))m=n?g:g.touches[0],g.touches&&(1===g.touches.length&&e.x2)&&(e.x2=e.y2=void 0),k=Date.now(),q=k-(e.last||k),g=m.target,e.el="tagName"in g?g:g.parentNode,clearTimeout(f),e.x1=m.pageX,e.y1=m.pageY,e.fire=function(b){ia(this.el,b)},0<q&&250>=q&&(e.isDoubleTap=!0),e.last=k,l=setTimeout(b,750)});p.addEventListener(t[1],function(b){if(!(n=
-d(b,"move"))||c(b))m=n?b:b.touches[0],clearTimeout(l),e.x2=m.pageX,e.y2=m.pageY,r+=Math.abs(e.x1-e.x2),s+=Math.abs(e.y1-e.y2)});p.addEventListener(t[2],function(b){if(!(n=d(b,"up"))||c(b))clearTimeout(l),e.x2&&30<Math.abs(e.x1-e.x2)||e.y2&&30<Math.abs(e.y1-e.y2)?h=setTimeout(function(){e.fire("swipe");e.fire("swipe"+(Math.abs(e.x1-e.x2)>=Math.abs(e.y1-e.y2)?0<e.x1-e.x2?"left":"right":0<e.y1-e.y2?"up":"down"));e={}},0):"last"in e&&(30>r&&30>s?g=setTimeout(function(){e.fire("tap");e.isDoubleTap?(e.fire("doubletap"),
-e={}):f=setTimeout(function(){e.fire("singletap");e={}},250)},0):e={}),r=s=0});p.addEventListener(t[3],function(){clearTimeout(f);clearTimeout(g);clearTimeout(h);clearTimeout(l);e={}})}();"complete"===p.readyState?setTimeout(ja):(p.addEventListener("DOMContentLoaded",ja),u.addEventListener("load",ja));avalon.ready=function(b){D("ready!",b)};avalon.config({loader:!0});avalon.ready(function(){for(var b=p.querySelectorAll("[ms-controller],[ms-important]"),c=[],d=0,e;e=b[d++];)if(!e.__root__){for(var f=
-e.querySelectorAll("[ms-controller],[ms-important]"),g=0,h;h=f[g++];)h.__root__=!0;c.push(e)}for(d=0;e=c[d++];)avalon.scan(e)})})(document);
diff --git a/avalon.mobile.js b/avalon.modern.js
similarity index 72%
rename from avalon.mobile.js
rename to avalon.modern.js
index bd8d7d7bf..abcf6532d 100644
--- a/avalon.mobile.js
+++ b/avalon.modern.js
@@ -1,8 +1,7 @@
 //==================================================
-// avalon.mobile 1.3.2 2014.8.11，mobile 注意： 只能用于IE10及高版本的标准浏览器
+// avalon.modern 2014.10.10注意： 只能用于IE10及高版本的标准浏览器
 //==================================================
 (function(DOC) {
-    var prefix = "ms-"
     var expose = Date.now()
     var subscribers = "$" + expose
     var window = this || (0, eval)('this')
@@ -10,7 +9,8 @@
     var otherDefine = window.define
     var stopRepeatAssign = false
     var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
-    var rcomplextype = /^(?:object|array)$/
+    var rcomplexType = /^(?:object|array)$/
+    var rsvg = /^\[object SVG\w*Element\]$/
     var rwindow = /^\[object (Window|DOMWindow|global)\]$/
     var oproto = Object.prototype
     var ohasOwn = oproto.hasOwnProperty
@@ -30,9 +30,10 @@
     function noop() {
     }
 
-    function log(a) {
+    function log() {
         if (avalon.config.debug) {
-            console.log(a)
+            // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+            console.log.apply(console, arguments)
         }
     }
     function oneObject(array, val) {
@@ -60,7 +61,10 @@
         this[0] = this.element = el
     }
     avalon.fn = avalon.prototype = avalon.init.prototype
-
+    avalon.isFunction = isFunction
+    function isFunction(fn) {
+        return typeof fn === "function"
+    }
     /*取得目标类型*/
     avalon.type = function(obj) {
         if (obj == null) {
@@ -95,19 +99,19 @@
             i++
         }
 
-        //确保接受方为一个复杂的数据类型
+//确保接受方为一个复杂的数据类型
         if (typeof target !== "object" && avalon.type(target) !== "function") {
             target = {}
         }
 
-        //如果只有一个参数，那么新成员添加于mix所在的对象上
+//如果只有一个参数，那么新成员添加于mix所在的对象上
         if (i === length) {
             target = this
             i--
         }
 
         for (; i < length; i++) {
-            //只处理非空参数
+//只处理非空参数
             if ((options = arguments[i]) != null) {
                 for (name in options) {
                     src = target[name]
@@ -139,7 +143,7 @@
     avalon.mix({
         rword: rword,
         subscribers: subscribers,
-        version: 1.33,
+        version: 1.36,
         ui: {},
         log: log,
         noop: noop,
@@ -175,9 +179,6 @@
         slice: function(nodes, start, end) {
             return aslice.call(nodes, start, end)
         },
-        contains: function(a, b) {
-            return a.contains(b)
-        },
         eventHooks: {},
         bind: function(el, type, fn, phase) {
             var hooks = avalon.eventHooks
@@ -255,9 +256,8 @@
             /*只有当前数组不存在此元素时只添加它*/
             ensure: function(target, item) {
                 if (target.indexOf(item) === -1) {
-                    target.push(item)
+                    return target.push(item)
                 }
-                return target
             },
             /*移除数组中指定位置的元素，返回布尔表示成功与否*/
             removeAt: function(target, index) {
@@ -287,7 +287,7 @@
         }
         return false
     }
-    avalon.isArrayLike = isArrayLike
+
     /*视浏览器情况采用最快的异步回调*/
     avalon.nextTick = window.setImmediate ? setImmediate.bind(window) : function(callback) {
         setTimeout(callback, 0)
@@ -300,69 +300,81 @@
             return !!(this.compareDocumentPosition(arg) & 16)
         }
     }
-    function outerHTML() {
-        return new XMLSerializer().serializeToString(this)
-    }
-    function enumerateNode(node, targetNode) {
-        if (node && node.childNodes) {
-            var nodes = node.childNodes
-            for (var i = 0, el; el = nodes[i++]; ) {
-                if (el.tagName) {
-                    var svg = document.createElementNS(svgns,
-                            el.tagName.toLowerCase())
-                    // copy attrs
-                    ap.forEach.call(el.attributes, function(attr) {
-                        svg.setAttribute(attr.name, attr.value)
-                    })
-                    // 递归处理子节点
-                    enumerateNode(el, svg)
-                    targetNode.appendChild(svg)
+    avalon.contains = function(root, el) {
+        try {
+            while ((el = el.parentNode))
+                if (el === root)
+                    return true;
+            return false
+        } catch (e) {
+            return false
+        }
+    }
+    if (window.SVGElement) {
+        var svgns = "http://www.w3.org/2000/svg"
+        var svg = DOC.createElementNS(svgns, "svg")
+        svg.innerHTML = '<circle cx="50" cy="50" r="40" fill="red" />'
+        if (!rsvg.test(svg.firstChild)) {// #409
+            function enumerateNode(node, targetNode) {
+                if (node && node.childNodes) {
+                    var nodes = node.childNodes
+                    for (var i = 0, el; el = nodes[i++]; ) {
+                        if (el.tagName) {
+                            var svg = DOC.createElementNS(svgns,
+                                    el.tagName.toLowerCase())
+                            // copy attrs
+                            ap.forEach.call(el.attributes, function(attr) {
+                                svg.setAttribute(attr.name, attr.value)
+                            })
+                            // 递归处理子节点
+                            enumerateNode(el, svg)
+                            targetNode.appendChild(svg)
+                        }
+                    }
                 }
             }
-        }
-    }
-    var svgns = "http://www.w3.org/2000/svg"
-    var svg = document.createElementNS(svgns, "svg")
-    svg.innerHTML = '<Rect width="300" height="100"/>'
-    var supportSVGHTML = svg.firstChild && svg.firstChild.tagName === "rect"
-    if (window.SVGElement && !supportSVGHTML) {
-        Object.defineProperties(SVGElement.prototype, {
-            "outerHTML": {//IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
-                enumerable: true,
-                configurable: true,
-                get: outerHTML,
-                set: function(html) {
-                    var tagName = this.tagName.toLowerCase(),
-                            par = this.parentNode,
-                            frag = avalon.parseHTML(html)
-                    // 操作的svg，直接插入
-                    if (tagName === "svg") {
-                        par.insertBefore(frag, this)
-                        // svg节点的子节点类似
-                    } else {
-                        var newFrag = document.createDocumentFragment()
-                        enumerateNode(frag, newFrag)
-                        par.insertBefore(newFrag, this)
+            Object.defineProperties(SVGElement.prototype, {
+                "outerHTML": {//IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
+                    enumerable: true,
+                    configurable: true,
+                    get: function() {
+                        return new XMLSerializer().serializeToString(this)
+                    },
+                    set: function(html) {
+                        var tagName = this.tagName.toLowerCase(),
+                                par = this.parentNode,
+                                frag = avalon.parseHTML(html)
+                        // 操作的svg，直接插入
+                        if (tagName === "svg") {
+                            par.insertBefore(frag, this)
+                            // svg节点的子节点类似
+                        } else {
+                            var newFrag = DOC.createDocumentFragment()
+                            enumerateNode(frag, newFrag)
+                            par.insertBefore(newFrag, this)
+                        }
+                        par.removeChild(this)
                     }
-                    par.removeChild(this)
-                }
-            },
-            "innerHTML": {
-                enumerable: true,
-                configurable: true,
-                get: function() {
-                    var s = this.outerHTML
-                    var ropen = new RegExp("<" + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>', "i")
-                    var rclose = new RegExp("<\/" + this.nodeName + ">$", "i")
-                    return  s.replace(ropen, "").replace(rclose, "")
                 },
-                set: function(html) {
-                    avalon.clearHTML(this)
-                    var frag = avalon.parseHTML(html)
-                    enumerateNode(frag, this)
+                "innerHTML": {
+                    enumerable: true,
+                    configurable: true,
+                    get: function() {
+                        var s = this.outerHTML
+                        var ropen = new RegExp("<" + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>', "i")
+                        var rclose = new RegExp("<\/" + this.nodeName + ">$", "i")
+                        return  s.replace(ropen, "").replace(rclose, "")
+                    },
+                    set: function(html) {
+                        if (avalon.clearHTML) {
+                            avalon.clearHTML(this)
+                            var frag = avalon.parseHTML(html)
+                            enumerateNode(frag, this)
+                        }
+                    }
                 }
-            }
-        })
+            })
+        }
     }
     /*********************************************************************
      *                           modelFactory                              *
@@ -377,7 +389,7 @@
         if (VMODELS[id]) {
             log("warning: " + $id + " 已经存在于avalon.vmodels中")
         }
-        if (typeof id == "object") {
+        if (typeof id === "object") {
             var model = modelFactory(id)
         } else {
             var scope = {
@@ -393,66 +405,178 @@
         return VMODELS[$id] = model
     }
 
-    function modelFactory(scope, model) {
-        if (Array.isArray(scope)) {
-            var arr = scope.concat() //原数组的作为新生成的监控数组的$model而存在
-            scope.length = 0
-            var collection = Collection(scope)
-            collection.push.apply(collection, arr)
+
+    //一些不需要被监听的属性
+    var $$skipArray = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray").match(rword)
+    function isObservable(name, value, $skipArray) {
+        if (isFunction(value) || value && value.nodeType) {
+            return false
+        }
+        if ($skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        if ($$skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        var $special = $skipArray.$special
+        if (name && name.charAt(0) === "$" && !$special[name]) {
+            return false
+        }
+        return true
+    }
+
+    function modelFactory($scope, $special, $model) {
+        if (Array.isArray($scope)) {
+            var arr = $scope.concat()
+            $scope.length = 0
+            var collection = Collection($scope)
+            collection.pushArray(arr)
             return collection
         }
-        if (typeof scope.nodeType === "number") {
-            return scope
-        }
-        var vmodel = {} //要返回的对象
-        model = model || {} //放置$model上的属性
-        var accessingProperties = {} //监控属性
-        var normalProperties = {} //普通属性
-        var computedProperties = [] //计算属性
-        var watchProperties = arguments[2] || {} //强制要监听的属性
-        var skipArray = scope.$skipArray //要忽略监控的属性
-        for (var i = 0, name; name = skipProperties[i++]; ) {
-            delete scope[name]
-            normalProperties[name] = true
-        }
-        if (Array.isArray(skipArray)) {
-            for (var i = 0, name; name = skipArray[i++]; ) {
-                normalProperties[name] = true
-            }
-        }
-        for (var i in scope) {
-            accessorFactory(i, scope[i], model, normalProperties, accessingProperties, computedProperties, watchProperties)
-        }
-        vmodel = Object.defineProperties(vmodel, descriptorFactory(accessingProperties)) //生成一个空的ViewModel
-        for (var name in normalProperties) {
-            vmodel[name] = normalProperties[name]
-        }
-        watchProperties.vmodel = vmodel
-        vmodel.$model = model
-        vmodel.$events = {}
-        vmodel.$id = generateID()
-        vmodel.$accessors = accessingProperties
-        vmodel[subscribers] = []
-        for (var i in Observable) {
-            vmodel[i] = Observable[i]
-        }
-        Object.defineProperty(vmodel, "hasOwnProperty", {
+        if (typeof $scope.nodeType === "number") {
+            return $scope
+        }
+        if ($scope.$id && $scope.$model && $scope.$events) {//fix IE6-8 createWithProxy $val: val引发的BUG
+            return $scope
+        }
+        if (!Array.isArray($scope.$skipArray)) {
+            $scope.$skipArray = []
+        }
+        $scope.$skipArray.$special = $special || {}//强制要监听的属性
+        var $vmodel = {} //要返回的对象, 它在IE6-8下可能被偷龙转凤
+        $model = $model || {}  //vmodels.$model属性
+        var $events = {} //vmodel.$events属性
+        var watchedProperties = {} //监控属性
+        var computedProperties = []  //计算属性
+        for (var i in $scope) {
+            (function(name, val) {
+                $model[name] = val
+                if (!isObservable(name, val, $scope.$skipArray)) {
+                    return  //过滤所有非监控属性
+                }
+                //总共产生三种accessor
+                var accessor
+                var valueType = avalon.type(val)
+                $events[name] = []
+                //总共产生三种accessor
+                if (valueType === "object" && isFunction(val.get) && Object.keys(val).length <= 2) {
+                    var setter = val.set
+                    var getter = val.get
+                    //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
+                    accessor = function(newValue) {
+                        var $events = $vmodel.$events
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (isFunction(setter)) {
+                                var backup = $events[name]
+                                $events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
+                                setter.call($vmodel, newValue)
+                                $events[name] = backup
+                            }
+                        } else {
+                            if (avalon.openComputedCollect) { // 收集视图刷新函数
+                                collectSubscribers($events[name])
+                            }
+                        }
+                        newValue = $model[name] = getter.call($vmodel) //同步$model
+                        if (!isEqual(oldValue, newValue)) {
+                            withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步循环绑定中的代理VM
+                            notifySubscribers($events[name]) //同步视图
+                            safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                        }
+                        return newValue
+                    }
+                    computedProperties.push(function() {
+                        Registry[expose] = {
+                            evaluator: accessor,
+                            element: head,
+                            type: "computed::" + name,
+                            handler: noop,
+                            args: []
+                        }
+                        accessor()
+                        collectSubscribers($events[name])
+                        delete Registry[expose]
+                    })
+                } else if (rcomplexType.test(valueType)) {
+                    //第2种对应子ViewModel或监控数组 
+                    accessor = function(newValue) {
+                        var childVmodel = accessor.child
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (!isEqual(oldValue, newValue)) {
+                                childVmodel = accessor.child = updateChild($vmodel, name, newValue, valueType)
+                                newValue = $model[name] = childVmodel.$model //同步$model
+                                var fn = rebindings[childVmodel.$id]
+                                fn && fn() //同步视图
+                                safeFire($vmodel, name, newValue, oldValue)  //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name]) //收集视图函数
+                            return childVmodel
+                        }
+                    }
+                    var childVmodel = accessor.child = modelFactory(val, 0, $model[name] )
+                    childVmodel.$events[subscribers] = $events[name]
+                } else {
+                    //第3种对应简单的数据类型，自变量，监控属性
+                    accessor = function(newValue) {
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (!isEqual(oldValue, newValue)) {
+                                $model[name] = newValue //同步$model
+                                withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步代理VM
+                                notifySubscribers($events[name]) //同步视图
+                                safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name])
+                            return oldValue
+                        }
+                    }
+                }
+                watchedProperties[name] = accessor
+            })(i, $scope[i])
+        }
+        $$skipArray.forEach(function(name) {
+            delete $scope[name]
+            delete $model[name]  //这些特殊属性不应该在$model中出现
+        })
+
+        Object.defineProperties($vmodel, descriptorFactory(watchedProperties)) //生成一个空的ViewModel
+        for (var name in $scope) {
+            if (!watchedProperties[name]) {
+                $vmodel[name] = $scope[name]
+            }
+        }
+        //添加$id, $model, $events, $watch, $unwatch, $fire
+        $vmodel.$id = generateID()
+        $vmodel.$model = $model
+        $vmodel.$events = $events
+        for (var i in EventManager) {
+            var fn = EventManager [i]
+            $vmodel[i] = fn
+        }
+        Object.defineProperty($vmodel, "hasOwnProperty", {
             value: function(name) {
-                return name in vmodel.$model
+                return name in $vmodel.$model
             },
             writable: false,
             enumerable: false,
             configurable: true
         })
-        for (var i = 0, fn; fn = computedProperties[i++]; ) { //最后强逼计算属性 计算自己的值
-            Registry[expose] = fn
-            fn()
-            collectSubscribers(fn)
-            delete Registry[expose]
-        }
-        return vmodel
+        computedProperties.forEach(function(collect) {
+            collect()//收集依赖
+        })
+        return $vmodel
     }
-    var skipProperties = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors," + subscribers).match(rword)
+
 
     var isEqual = Object.is || function(v1, v2) {
         if (v1 === 0 && v2 === 0) {
@@ -466,7 +590,7 @@
 
     function safeFire(a, b, c, d) {
         if (a.$events) {
-            Observable.$fire.call(a, b, c, d)
+            EventManager.$fire.call(a, b, c, d)
         }
     }
 
@@ -482,106 +606,7 @@
         }
         return descriptors
     }
-    //循环生成访问器属性需要的setter, getter函数（这里统称为accessor）
-    function accessorFactory(name, val, model, normalProperties, accessingProperties, computedProperties, watchProperties) {
-        model[name] = val
-        // 如果是元素节点 或者 在全局的skipProperties里 或者在当前的$skipArray里
-        // 或者是以$开头并又不在watchPropertie里，这些属性是不会产生accessor
-        if (normalProperties[name] || (val && val.nodeType) || (name.charAt(0) === "$" && !watchProperties[name])) {
-            return normalProperties[name] = val
-        }
-        // 此外， 函数也不会产生accessor
-        var valueType = avalon.type(val)
-        if (valueType === "function") {
-            return normalProperties[name] = val
-        }
-        //总共产生三种accessor
-        var accessor, oldArgs
-        if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
-            var setter = val.set,
-                    getter = val.get
-            //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
-            accessor = function(newValue) {
-                var vmodel = watchProperties.vmodel
-                var value = model[name],
-                        preValue = value
-                if (arguments.length) {
-                    if (stopRepeatAssign) {
-                        return
-                    }
-                    if (typeof setter === "function") {
-                        var backup = vmodel.$events[name]
-                        vmodel.$events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
-                        setter.call(vmodel, newValue)
-                        vmodel.$events[name] = backup
-                    }
-                    if (!isEqual(oldArgs, newValue)) {
-                        oldArgs = newValue
-                        newValue = model[name] = getter.call(vmodel) //同步$model
-                        withProxyCount && updateWithProxy(vmodel.$id, name, newValue) //同步循环绑定中的代理VM
-                        notifySubscribers(accessor) //通知顶层改变
-                        safeFire(vmodel, name, newValue, preValue) //触发$watch回调
-                    }
-                } else {
-                    if (avalon.openComputedCollect) { // 收集视图刷新函数
-                        collectSubscribers(accessor)
-                    }
-                    newValue = model[name] = getter.call(vmodel)
-                    if (!isEqual(value, newValue)) {
-                        oldArgs = void 0
-                        safeFire(vmodel, name, newValue, preValue)
-                    }
-                    return newValue
-                }
-            }
-            computedProperties.push(accessor)
-        } else if (rcomplextype.test(valueType)) {
-            //第2种对应子ViewModel或监控数组 
-            accessor = function(newValue) {
-                var realAccessor = accessor.$vmodel,
-                        preValue = realAccessor.$model
-                if (arguments.length) {
-                    if (stopRepeatAssign) {
-                        return
-                    }
-                    if (!isEqual(preValue, newValue)) {
-                        newValue = accessor.$vmodel = updateVModel(realAccessor, newValue, valueType)
-                        var fn = rebindings[newValue.$id]
-                        fn && fn() //更新视图
-                        var parent = watchProperties.vmodel
-                        model[name] = newValue.$model //同步$model
-                        notifySubscribers(realAccessor) //通知顶层改变
-                        safeFire(parent, name, model[name], preValue) //触发$watch回调
-                    }
-                } else {
-                    collectSubscribers(realAccessor) //收集视图函数
-                    return realAccessor
-                }
-            }
-            accessor.$vmodel = val.$model ? val : modelFactory(val, val)
-            model[name] = accessor.$vmodel.$model
-        } else {
-            //第3种对应简单的数据类型，自变量，监控属性
-            accessor = function(newValue) {
-                var preValue = model[name]
-                if (arguments.length) {
-                    if (!isEqual(preValue, newValue)) {
-                        model[name] = newValue //同步$model
-                        var vmodel = watchProperties.vmodel
-                        withProxyCount && updateWithProxy(vmodel.$id, name, newValue) //同步循环绑定中的代理VM
-                        notifySubscribers(accessor) //通知顶层改变
-                        safeFire(vmodel, name, newValue, preValue) //触发$watch回调
-                    }
-                } else {
-                    collectSubscribers(accessor) //收集视图函数
-                    return preValue
-                }
-            }
-            model[name] = val
-        }
-        accessor[subscribers] = [] //订阅者数组
-        accessingProperties[name] = accessor
-    }
+
     //ms-with, ms-repeat绑定生成的代理对象储存池
     var withProxyPool = {}
     var withProxyCount = 0
@@ -594,29 +619,30 @@
         }
     }
 
-    function updateVModel(a, b, valueType) {
+    //应用于第2种accessor
+    function updateChild(parent, name, value, valueType) {
         //a为原来的VM， b为新数组或新对象
+        var son = parent[name]
         if (valueType === "array") {
-            if (!Array.isArray(b)) {
-                return a //fix https://github.com/RubyLouvre/avalon/issues/261
+            if (!Array.isArray(value) || son === value) {
+                return son //fix https://github.com/RubyLouvre/avalon/issues/261
             }
-            var bb = b.concat()
-            a.clear()
-            a.push.apply(a, bb)
-            return a
+            son.clear()
+            son.pushArray(value.concat())
+            return son
         } else {
-            var iterators = a[subscribers] || []
-            if (withProxyPool[a.$id]) {
+            var iterators = parent.$events[name]
+            if (withProxyPool[son.$id]) {
                 withProxyCount--
-                delete withProxyPool[a.$id]
+                delete withProxyPool[son.$id]
             }
-            var ret = modelFactory(b)
+            var ret = modelFactory(value)
             rebindings[ret.$id] = function(data) {
                 while (data = iterators.shift()) {
                     (function(el) {
-                        if (el.type) {
+                        if (el.type) { //重新绑定
                             avalon.nextTick(function() {
-                                el.rollback && el.rollback()
+                                el.rollback && el.rollback() //还原 ms-with ms-on
                                 bindingHandlers[el.type](el, el.vmodels)
                             })
                         }
@@ -709,7 +735,7 @@
         avalon.fn[method + "Class"] = function(cls) {
             var el = this[0]
             //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
-            if (cls && typeof cls === "string" && el && el.nodeType == 1) {
+            if (cls && typeof cls === "string" && el && el.nodeType === 1) {
                 cls.replace(/\S+/g, function(c) {
                     el.classList[method](c)
                 })
@@ -926,9 +952,9 @@
         if (!node || !node.style) {
             throw new Error("getComputedStyle要求传入一个节点 " + node)
         }
-        var ret, styles = getComputedStyle(node, null)
-        if (styles) {
-            ret = styles.getPropertyValue(name)
+        var ret, computed = getComputedStyle(node, null)
+        if (computed) {
+            ret = name === "filter" ? computed.getPropertyValue(name) : computed[name]
             if (ret === "") {
                 ret = node.style[name] //其他浏览器需要我们手动取内联样式
             }
@@ -969,35 +995,40 @@
                 array.push(obj)
             }
             var parent = node.parentNode
-            if (parent && parent.nodeType == 1) {
+            if (parent && parent.nodeType === 1) {
                 showHidden(parent, array)
             }
         }
     }
 
-    "Width,Height".replace(rword, function(name) {
+    "Width,Height".replace(rword, function(name) {//fix 481
         var method = name.toLowerCase(),
                 clientProp = "client" + name,
                 scrollProp = "scroll" + name,
                 offsetProp = "offset" + name
         cssHooks[method + ":get"] = function(node, which, override) {
-            var boxSizing = "content-box"
-            if (typeof override === "string") {
+            var boxSizing = -4
+            if (typeof override === "number") {
                 boxSizing = override
             }
             which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
-            switch (boxSizing) {
-                case "content-box":
-                    return node["client" + name] - avalon.css(node, "padding" + which[0], true) -
-                            avalon.css(node, "padding" + which[1], true)
-                case "padding-box":
-                    return node["client" + name]
-                case "border-box":
-                    return node["offset" + name]
-                case "margin-box":
-                    return node["offset" + name] + avalon.css(node, "margin" + which[0], true) +
-                            avalon.css(node, "margin" + which[1], true)
+            var ret = node[offsetProp]   // border-box 0
+            if (boxSizing === 2) {       // margin-box 2
+                return ret
+                        + avalon.css(node, "margin" + which[0], true)
+                        + avalon.css(node, "margin" + which[1], true)
+            }
+            if (boxSizing < 0) {        // padding-box  -2
+                ret = ret
+                        - avalon.css(node, "border" + which[0] + "Width", true)
+                        - avalon.css(node, "border" + which[1] + "Width", true)
+            }
+            if (boxSizing === -4) {     // content-box -4
+                ret = ret
+                        - avalon.css(node, "padding" + which[0], true)
+                        - avalon.css(node, "padding" + which[1], true)
             }
+            return ret
         }
         cssHooks[method + "&get"] = function(node) {
             var hidden = [];
@@ -1013,12 +1044,11 @@
             }
             return val;
         }
-        avalon.fn[method] = function(value) {
+        avalon.fn[method] = function(value) { //会忽视其display
             var node = this[0]
             if (arguments.length === 0) {
                 if (node.setTimeout) { //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
-                    //https://developer.mozilla.org/en-US/docs/Web/API/window.innerHeight
-                    return node["inner" + name]
+                    return node["inner" + name] || node.document.documentElement[clientProp]
                 }
                 if (node.nodeType === 9) { //取得页面尺寸
                     var doc = node.documentElement
@@ -1033,10 +1063,10 @@
             }
         }
         avalon.fn["inner" + name] = function() {
-            return cssHooks[method + ":get"](this[0], void 0, "padding-box")
+            return cssHooks[method + ":get"](this[0], void 0, -2)
         }
         avalon.fn["outer" + name] = function(includeMargin) {
-            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? "margin-box" : "border-box")
+            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
         }
     })
     avalon.fn.offset = function() { //取得距离页面左右角的坐标
@@ -1123,43 +1153,72 @@
             tr: DOC.createElement("tbody"),
             col: DOC.createElement("colgroup"),
             legend: DOC.createElement("fieldset"),
-            "*": DOC.createElement("div")
+            "*": DOC.createElement("div"),
+            "text": DOC.createElementNS("http://www.w3.org/2000/svg", "svg")
         })
         this.optgroup = this.option
         this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
         this.th = this.td
+        //处理SVG
+        this.circle = this.ellipse = this.line = this.path =
+                this.polygon = this.polyline = this.rect = this.text
     }
 
     avalon.clearHTML = function(node) {
-        node.textContent = ""
+        //  node.textContent = ""
+        while (node.firstChild) {
+            node.removeChild(node.firstChild)
+        }
         return node
     }
+
+    var rtagName = /<([\w:]+)/
+    //取得其tagName
+    var rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig
+    //需要处理套嵌关系的标签
+    var rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/
+    //parseHTML的辅助变量
+    var tagHooks = {
+        area: [1, "<map>"],
+        param: [1, "<object>"],
+        col: [2, "<table><tbody></tbody><colgroup>", "</table>"],
+        legend: [1, "<fieldset>"],
+        option: [1, "<select multiple='multiple'>"],
+        thead: [1, "<table>", "</table>"],
+        tr: [2, "<table><tbody>"],
+        td: [3, "<table><tbody><tr>"],
+        text: [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">', '</svg>'],
+        //IE6-8在用innerHTML生成节点时，不能直接创建no-scope元素与HTML5的新标签
+        _default: [0, ""]  //div可以不用闭合
+    }
+
+    tagHooks.optgroup = tagHooks.option
+    tagHooks.tbody = tagHooks.tfoot = tagHooks.colgroup = tagHooks.caption = tagHooks.thead
+    tagHooks.th = tagHooks.td
+//处理SVG
+    tagHooks.circle = tagHooks.ellipse = tagHooks.line = tagHooks.path =
+            tagHooks.polygon = tagHooks.polyline = tagHooks.rect = tagHooks.text
     var script = DOC.createElement("script")
     avalon.parseHTML = function(html) {
         if (typeof html !== "string") {
             html = html + ""
         }
         html = html.replace(rxhtml, "<$1></$2>").trim()
-        if (deleteRange.createContextualFragment && !rnest.test(html) && !/<script/i.test(html)) {
-            var range = DOC.createRange()
-            range.selectNodeContents(root)
-            return range.createContextualFragment(html)
-        }
-        var fragment = hyperspace.cloneNode(false)
-        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase()
-        if (!(tag in tagHooks)) {
-            tag = "*"
-        }
-        var parent = tagHooks[tag]
-        parent.innerHTML = html
-        var els = parent.getElementsByTagName("script"),
+        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase(),
+                //取得其标签名
+                wrap = tagHooks[tag] || tagHooks._default,
+                fragment = hyperspace.cloneNode(false),
+                wrapper = cinerator,
                 firstChild, neo
+
+        wrapper.innerHTML = wrap[1] + html + (wrap[2] || "")
+        var els = wrapper.getElementsByTagName("script")
         if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
             for (var i = 0, el; el = els[i++]; ) {
                 if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
                     neo = script.cloneNode(false) //FF不能省略参数
                     ap.forEach.call(el.attributes, function(attr) {
-                        if (attr) {
+                        if (attr && attr.specified) {
                             neo[attr.name] = attr.value //复制其属性
                         }
                     })
@@ -1168,7 +1227,11 @@
                 }
             }
         }
-        while (firstChild = parent.firstChild) { // 将wrapper上的节点转移到文档碎片上！
+        //移除我们为了符合套嵌关系而添加的标签
+        for (i = wrap[0]; i--; wrapper = wrapper.lastChild) {
+        }
+
+        while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上！
             fragment.appendChild(firstChild)
         }
         return fragment
@@ -1182,9 +1245,9 @@
         }
     }
     /*********************************************************************
-     *                        自定义事件系统                                *
+     *                        事件管理器                                *
      **********************************************************************/
-    var Observable = {
+    var EventManager = {
         $watch: function(type, callback) {
             if (typeof callback === "function") {
                 var callbacks = this.$events[type]
@@ -1218,7 +1281,7 @@
         },
         $fire: function(type) {
             var special
-            if (/^(\w+)!(\w+)$/.test(type)) {
+            if (/^(\w+)!(\S+)$/.test(type)) {
                 special = RegExp.$1
                 type = RegExp.$2
             }
@@ -1227,104 +1290,148 @@
             var all = events.$all || []
             var args = aslice.call(arguments, 1)
             for (var i = 0, callback; callback = callbacks[i++]; ) {
-                callback.apply(this, args)
+                if (isFunction(callback))
+                    callback.apply(this, args)
             }
             for (var i = 0, callback; callback = all[i++]; ) {
-                callback.apply(this, arguments)
+                if (isFunction(callback))
+                    callback.apply(this, arguments)
             }
-            var element = events.element
+            var element = events.expr && findNode(events.expr)
             if (element) {
                 var detail = [type].concat(args)
-                if (special === "up") {//向上冒泡
-                    W3CFire(element, "dataavailable", detail)
-                } else if (special === "down") {//向下捕获
-                    var alls = []
+                if (special === "up" || special === "down" || special === "all") {
                     for (var i in avalon.vmodels) {
                         var v = avalon.vmodels[i]
-                        if (v && v.$events && v.$events.element) {
-                            var node = v.$events.element;
-                            if (element.contains(node) && element != node) {
-                                alls.push(v)
+                        if (v && v.$events && v.$events.expr) {
+                            if (v !== this) {
+                                var node = findNode(v.$events.expr)
+                                var ok = special === "all" ? 1 : //全局广播
+                                        special === "down" ? element.contains(node) : //向下捕获
+                                        node.contains(element)//向上冒泡
+                                if (ok) {
+                                    node._avalon = v//符合条件的加一个标识
+                                }
                             }
                         }
                     }
+                    var nodes = DOC.querySelectorAll("[avalonctrl]")//实现节点排序
+                    var alls = []
+                    Array.prototype.forEach.call(nodes, function(el) {
+                        if (el._avalon) {
+                            alls.push(el._avalon)
+                            el._avalon = ""
+                            el.removeAttribute("_avalon")
+                        }
+                    })
+                    if (special === "up") {
+                        alls.reverse()
+                    }
                     alls.forEach(function(v) {
                         v.$fire.apply(v, detail)
                     })
-                } else if (special === "all") {//全局广播
-                    for (var i in avalon.vmodels) {
-                        var v = avalon.vmodels[i]
-                        if (v !== this) {
-                            v.$fire.apply(v, detail)
-                        }
-                    }
                 }
             }
         }
     }
 
+    function findNode(str) {
+        return  DOC.querySelector(str)
+    }
     /*********************************************************************
      *                       依赖调度系统                                 *
      **********************************************************************/
-
-    function registerSubscriber(data, val) {
+    var ronduplex = /^(duplex|on)$/
+    function registerSubscriber(data) {
         Registry[expose] = data //暴光此函数,方便collectSubscribers收集
         avalon.openComputedCollect = true
         var fn = data.evaluator
         if (fn) { //如果是求值函数
-            if (data.type === "duplex") {
-                data.handler()
-            } else {
-                try {
-                    var c = data.type === "on" ? data : fn.apply(0, data.args)
-                    data.handler(c, data.element, data)
-                } catch (e) {
-                    delete data.evaluator
-                    if (data.nodeType === 3) {
-                        if (kernel.commentInterpolate) {
-                            data.element.replaceChild(DOC.createComment(data.value), data.node)
-                        } else {
-                            data.node.data = openTag + data.value + closeTag
-                        }
+            try {
+                var c = ronduplex.test(data.type) ? data : fn.apply(0, data.args)
+                data.handler(c, data.element, data)
+            } catch (e) {
+                log("warning:exception throwed in [registerSubscriber] " + e)
+                delete data.evaluator
+                var node = data.element
+                if (node.nodeType === 3) {
+                    var parent = node.parentNode
+                    if (kernel.commentInterpolate) {
+                        parent.replaceChild(DOC.createComment(data.value), node)
+                    } else {
+                        node.data = openTag + data.value + closeTag
                     }
-                    log("warning:evaluator of [" + data.value + "] throws error!")
                 }
             }
-        } else { //如果是计算属性的accessor
-            data()
         }
         avalon.openComputedCollect = false
         delete Registry[expose]
     }
-    /*收集依赖于这个访问器的订阅者*/
-    function collectSubscribers(accessor) {
-        if (Registry[expose]) {
-            var list = accessor[subscribers]
-            list && avalon.Array.ensure(list, Registry[expose]) //只有数组不存在此元素才push进去
+
+    function collectSubscribers(list) { //收集依赖于这个访问器的订阅者
+        var data = Registry[expose]
+        if (list && data && avalon.Array.ensure(list, data) && data.element) { //只有数组不存在此元素才push进去
+            $$subscribers.push({
+                data: data, list: list
+            })
         }
     }
-    /*通知依赖于这个访问器的订阅者更新自身*/
-    function notifySubscribers(accessor) {
-        var list = accessor[subscribers]
+    var $$subscribers = [], $startIndex = 0, $maxIndex = 200
+    function removeSubscribers() {
+        for (var i = $startIndex, n = $startIndex + $maxIndex; i < n; i++) {
+            var obj = $$subscribers[i]
+            if (!obj) {
+                break
+            }
+            var data = obj.data
+            var el = data.element
+            var remove = el === null ? 1 : (el.nodeType === 1 ? typeof el.sourceIndex === "number" ?
+                    el.sourceIndex === 0 : !root.contains(el) : !avalon.contains(root, el))
+            if (remove) { //如果它没有在DOM树
+                $$subscribers.splice(i, 1)
+                avalon.Array.remove(obj.list, data)
+                //log("debug: remove " + data.type)
+                if (data.type === "if" && data.template && data.template.parentNode === head) {
+                    head.removeChild(data.template)
+                }
+                for (var key in data) {
+                    data[key] = null
+                }
+                obj.data = obj.list = null
+                i--
+                n--
+            }
+        }
+        obj = $$subscribers[i]
+        if (obj) {
+            $startIndex = n
+        } else {
+            $startIndex = 0
+        }
+    }
+    var beginTime = Date.now(), removeID
+    function notifySubscribers(list) { //通知依赖于这个访问器的订阅者更新自身
+        clearTimeout(removeID)
+        if (Date.now() - beginTime > 333) {
+            removeSubscribers()
+            beginTime = Date.now()
+        } else {
+            removeID = setTimeout(removeSubscribers, 333)
+        }
         if (list && list.length) {
             var args = aslice.call(arguments, 1)
             for (var i = list.length, fn; fn = list[--i]; ) {
                 var el = fn.element
-                if (el && !ifSanctuary.contains(el) && (!root.contains(el))) {
-                    list.splice(i, 1)
-                    log("debug: remove " + fn.name)
-                } else if (typeof fn === "function") {
-                    fn.apply(0, args) //强制重新计算自身
-                } else if (fn.getter) {
-                    fn.handler.apply(fn, args) //强制重新计算自身
-                } else {
-                    fn.handler(fn.evaluator.apply(0, fn.args || []), el, fn)
+                if (fn.$repeat) {
+                    fn.handler.apply(fn, args) //处理监控数组的方法
+                } else if (fn.element && fn.type !== "on") {//事件绑定只能由用户触发,不能由程序触发
+                    var fun = fn.evaluator || noop
+                    fn.handler(fun.apply(0, fn.args || []), el, fn)
                 }
             }
         }
     }
 
-
     /*********************************************************************
      *                            扫描系统                                *
      **********************************************************************/
@@ -1355,9 +1462,9 @@
     function scanTag(elem, vmodels, node) {
         //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
         //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后        
-        var a = elem.getAttribute(prefix + "skip")
-        var b = elem.getAttributeNode(prefix + "important")
-        var c = elem.getAttributeNode(prefix + "controller")
+        var a = elem.getAttribute("ms-skip")
+        var b = elem.getAttributeNode("ms-important")
+        var c = elem.getAttributeNode("ms-controller")
         if (typeof a === "string") {
             return
         } else if (node = b || c) {
@@ -1369,32 +1476,35 @@
             vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
             elem.removeAttribute(node.name) //removeAttributeNode不会刷新[ms-controller]样式规则
             elem.classList.remove(node.name)
-            newVmodel.$events.element = elem
-            elem.addEventListener("dataavailable", function(e) {
-                if (typeof e.detail === "object" && elem !== e.target) {
-                    newVmodel.$fire.apply(newVmodel, e.detail)
-                }
-            })
+            elem.setAttribute("avalonctrl", node.value)
+            newVmodel.$events.expr = elem.tagName + '[avalonctrl="' + node.value + '"]'
         }
         scanAttr(elem, vmodels) //扫描特性节点
     }
 
-    function scanNodes(parent, vmodels) {
+    function scanNodeList(parent, vmodels) {
         var node = parent.firstChild
         while (node) {
             var nextNode = node.nextSibling
-            var nodeType = node.nodeType
-            if (nodeType === 1) {
-                scanTag(node, vmodels) //扫描元素节点
-            } else if (nodeType === 3 && rexpr.test(node.data)) {
-                scanText(node, vmodels) //扫描文本节点
-            } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
-                scanText(node, vmodels) //扫描注释节点
-            }
+            scanNode(node, node.nodeType, vmodels)
             node = nextNode
         }
     }
 
+    function scanNodeArray(nodes, vmodels) {
+        for (var i = 0, node; node = nodes[i++]; ) {
+            scanNode(node, node.nodeType, vmodels)
+        }
+    }
+    function scanNode(node, nodeType, vmodels) {
+        if (nodeType === 1) {
+            scanTag(node, vmodels) //扫描元素节点
+        } else if (nodeType === 3 && rexpr.test(node.data)) {
+            scanText(node, vmodels) //扫描文本节点
+        } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+            scanText(node, vmodels) //扫描注释节点
+        }
+    }
     function scanText(textNode, vmodels) {
         var bindings = []
         if (textNode.nodeType === 8) {
@@ -1418,15 +1528,14 @@
                     var filters = token.filters
                     var binding = {
                         type: "text",
-                        node: node,
-                        nodeType: 3,
+                        element: node,
                         value: token.value,
                         filters: filters
                     }
                     if (filters && filters.indexOf("html") !== -1) {
                         avalon.Array.remove(filters, "html")
                         binding.type = "html"
-                        binding.replaceNodes = [node]
+                        binding.group = 1
                         if (!filters.length) {
                             delete bindings.filters
                         }
@@ -1445,6 +1554,7 @@
     var priorityMap = {
         "if": 10,
         "repeat": 90,
+        "data": 100,
         "widget": 110,
         "each": 1400,
         "with": 1500,
@@ -1452,7 +1562,7 @@
         "on": 3000
     }
 
-    var ons = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit")
+    var events = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit")
 
     function scanAttr(elem, vmodels) {
         //防止setAttribute, removeAttribute时 attributes自动被同步,导致for循环出错
@@ -1469,7 +1579,7 @@
                     var value = attr.value
                     var name = attr.name
                     msData[name] = value
-                    if (ons[type]) {
+                    if (events[type]) {
                         param = type
                         type = "on"
                     } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
@@ -1524,22 +1634,17 @@
             default:
                 executeBindings(bindings, vmodels)
                 if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML + elem.textContent)) {
-                    scanNodes(elem, vmodels) //扫描子孙元素
+                    scanNodeList(elem, vmodels) //扫描子孙元素
                 }
                 break;
         }
-        if (elem.patchRepeat) {
-            elem.patchRepeat()
-            elem.patchRepeat = ""
-            elem.removeAttribute("patchRepeat")
-        }
     }
 
     function executeBindings(bindings, vmodels) {
         for (var i = 0, data; data = bindings[i++]; ) {
             data.vmodels = vmodels
             bindingHandlers[data.type](data, vmodels)
-            if (data.evaluator && data.name) { //移除数据绑定，防止被二次解析
+            if (data.evaluator && data.element && data.element.nodeType === 1) { //移除数据绑定，防止被二次解析
                 //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
                 data.element.removeAttribute(data.name)
             }
@@ -1613,14 +1718,16 @@
      **********************************************************************/
     var keywords =
             // 关键字
-            "break,case,catch,continue,debugger,default,delete,do,else,false" + ",finally,for,function,if,in,instanceof,new,null,return,switch,this" + ",throw,true,try,typeof,var,void,while,with"
-
+            "break,case,catch,continue,debugger,default,delete,do,else,false" +
+            ",finally,for,function,if,in,instanceof,new,null,return,switch,this" +
+            ",throw,true,try,typeof,var,void,while,with"
             // 保留字
-            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends" + ",final,float,goto,implements,import,int,interface,long,native" + ",package,private,protected,public,short,static,super,synchronized" + ",throws,transient,volatile"
-
+            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends" +
+            ",final,float,goto,implements,import,int,interface,long,native" +
+            ",package,private,protected,public,short,static,super,synchronized" +
+            ",throws,transient,volatile"
             // ECMA 5 - use strict
             + ",arguments,let,yield"
-
             + ",undefined"
     var rrexpstr = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g
     var rsplit = /[^\w$]+/g
@@ -1640,24 +1747,16 @@
                 .replace(rnumber, "")
                 .replace(rcomma, "")
                 .split(/^$|,+/)
-        var vars = [],
-                unique = {}
-        for (var i = 0; i < match.length; ++i) {
-            var variable = match[i]
-            if (!unique[variable]) {
-                unique[variable] = vars.push(variable)
-            }
-        }
-        return cacheVars(key, vars)
+        return cacheVars(key, uniqSet(match))
     }
     /*添加赋值语句*/
-    function addAssign(vars, scope, name, duplex) {
+    function addAssign(vars, scope, name, data) {
         var ret = [],
                 prefix = " = " + name + "."
         for (var i = vars.length, prop; prop = vars[--i]; ) {
             if (scope.hasOwnProperty(prop)) {
                 ret.push(prop + prefix + prop)
-                if (duplex === "duplex") {
+                if (data.type === "duplex") {
                     vars.get = name + "." + prop
                 }
                 vars.splice(i, 1)
@@ -1667,14 +1766,16 @@
 
     }
 
-    function uniqVmodels(arr) {
-        var uniq = {}
-        return arr.filter(function(el) {
-            if (!uniq[el.$id]) {
-                uniq[el.$id] = 1
-                return true
+    function uniqSet(array) {
+        var ret = [], unique = {}
+        for (var i = 0; i < array.length; i++) {
+            var el = array[i]
+            var id = el && typeof el.$id === "string" ? el.$id : el
+            if (!unique[id]) {
+                unique[id] = ret.push(el)
             }
-        })
+        }
+        return ret
     }
 
     /*创建具有一定容量的缓存体*/
@@ -1689,14 +1790,14 @@
         }
         return cache;
     }
-    var cacheExprs = createCache(256)
+    var cacheExprs = createCache(128)
     //根据一段文本与一堆VM，转换为对应的求值函数及匹配的VM(解释器模式)
     var rduplex = /\w\[.*\]|\w\.\w/
     var rproxy = /(\$proxy\$[a-z]+)\d+$/
 
     function parseExpr(code, scopes, data) {
         var dataType = data.type
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
+        var filters = data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -1706,13 +1807,13 @@
                 args = [],
                 prefix = ""
         //args 是一个对象数组， names 是将要生成的求值函数的参数
-        scopes = uniqVmodels(scopes)
+        scopes = uniqSet(scopes)
         for (var i = 0, sn = scopes.length; i < sn; i++) {
             if (vars.length) {
                 var name = "vm" + expose + "_" + i
                 names.push(name)
                 args.push(scopes[i])
-                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, dataType))
+                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, data))
             }
         }
         if (!assigns.length && dataType === "duplex") {
@@ -1768,10 +1869,12 @@
             }
             return
         } else if (dataType === "on") { //事件绑定
-            code = code.replace("(", ".call(this,")
-            if (data.hasArgs === "$event") {
-                names.push("$event")
+            if (code.indexOf("(") === -1) {
+                code += ".call(this, $event)"
+            } else {
+                code = code.replace("(", ".call(this,")
             }
+            names.push("$event")
             code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
             var lastIndex = code.lastIndexOf("\nreturn")
             var header = code.slice(0, lastIndex)
@@ -1813,26 +1916,8 @@
     /*********************************************************************
      *绑定模块（实现“操作数据即操作DOM”的关键，将DOM操作放逐出前端开发人员的视野，让它交由框架自行处理，开发人员专致于业务本身） *                                 *
      **********************************************************************/
-    var cacheDisplay = oneObject("a,abbr,b,span,strong,em,font,i,kbd", "inline")
-    avalon.mix(cacheDisplay, oneObject("div,h1,h2,h3,h4,h5,h6,section,p", "block"))
 
-    /*用于取得此类标签的默认display值*/
-    function parseDisplay(nodeName, val) {
-        nodeName = nodeName.toLowerCase()
-        if (!cacheDisplay[nodeName]) {
-            var node = DOC.createElement(nodeName)
-            root.appendChild(node)
-            val = getComputedStyle(node, null).display
-            root.removeChild(node)
-            cacheDisplay[nodeName] = val
-        }
-        return cacheDisplay[nodeName]
-    }
-    avalon.parseDisplay = parseDisplay
-    var supportDisplay = (function(td) {
-        return getComputedStyle(td, null).display == "table-cell"
-    })(DOC.createElement("td"))
-    var rdash = /\(([^)]*)\)/
+
     head.insertAdjacentHTML("afterBegin", '<style id="avalonStyle">.avalonHide{ display: none!important }</style>')
     var getBindingCallback = function(elem, name, vmodels) {
         var callback = elem.getAttribute(name)
@@ -1845,8 +1930,12 @@
         }
     }
     var cacheTmpls = avalon.templateCache = {}
-    var ifSanctuary = DOC.createElement("div")
-    var rwhitespace = /^\s+$/
+    var bools = "autofocus,autoplay,async,checked,controls,declare,disabled,defer,defaultChecked,defaultSelected" +
+            "contentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected"
+    var boolMap = {}
+    bools.replace(rword, function(name) {
+        boolMap[name.toLowerCase()] = name
+    })
     //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
     var bindingExecutors = avalon.bindingExecutors = {
         "attr": function(val, elem, data) {
@@ -1858,7 +1947,7 @@
                     text = loaded.apply(elem, [text].concat(vmodels))
                 }
                 avalon.innerHTML(elem, text)
-                scanNodes(elem, vmodels)
+                scanNodeList(elem, vmodels)
                 rendered && checkScan(elem, function() {
                     rendered.call(elem)
                 })
@@ -1870,12 +1959,28 @@
                 // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
                 // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
                 // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
+                if (boolMap[attrName]) {
+                    var bool = boolMap[attrName]
+                    if (typeof elem[bool] === "boolean") {
+                        return elem[bool] = !!val
+                    }
+                }
                 var toRemove = (val === false) || (val === null) || (val === void 0)
                 if (toRemove) {
-                    elem.removeAttribute(attrName)
+                    return elem.removeAttribute(attrName)
+                }
+                if (window.VBArray && !rsvg.test(elem)) {//IE下需要区分固有属性与自定义属性
+                    var attrs = elem.attributes || {}
+                    var attr = attrs[attrName]
+                    var isInnate = attr && attr.expando === false
+                }
+
+                if (isInnate) {
+                    elem[attrName] = val
                 } else {
                     elem.setAttribute(attrName, val)
                 }
+
             } else if (method === "include" && val) {
                 var vmodels = data.vmodels
                 var rendered = getBindingCallback(elem, "data-include-rendered", vmodels)
@@ -1883,7 +1988,9 @@
 
                 if (data.param === "src") {
                     if (cacheTmpls[val]) {
-                        scanTemplate(cacheTmpls[val])
+                        avalon.nextTick(function() {
+                            scanTemplate(cacheTmpls[val])
+                        })
                     } else {
                         var xhr = new window.XMLHttpRequest
                         xhr.onload = function() {
@@ -1907,44 +2014,51 @@
                 }
             } else {
                 elem[method] = val
+                if (window.chrome && elem.tagName === "EMBED") {
+                    var parent = elem.parentNode//#525  chrome1-37下embed标签动态设置src不能发生请求
+                    var comment = document.createComment("ms-src")
+                    parent.replaceChild(comment, elem)
+                    parent.replaceChild(elem, comment)
+                }
             }
         },
         "class": function(val, elem, data) {
             var $elem = avalon(elem),
                     method = data.type
-            if (method === "class" && data.param) { //如果是旧风格
-                $elem.toggleClass(data.param, !!val)
+            if (method === "class" && data.oldStyle) { //如果是旧风格
+                $elem.toggleClass(data.oldStyle, !!val)
             } else {
-                var toggle = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
-                var className = data._class || val
+                //如果存在冒号就有求值函数
+                data.toggleClass = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
+                data.newClass = data.immobileClass || val
+                if (data.oldClass && data.newClass !== data.oldClass) {
+                    $elem.removeClass(data.oldClass)
+                }
+                data.oldClass = data.newClass
                 switch (method) {
                     case "class":
-                        if (toggle && data.oldClass) {
-                            $elem.removeClass(data.oldClass)
-                        }
-                        $elem.toggleClass(className, toggle)
-                        data.oldClass = className
-                        break;
+                        $elem.toggleClass(data.newClass, data.toggleClass)
+                        break
                     case "hover":
                     case "active":
-                        if (!data.init) {
-                            if (method === "hover") { //在移出移入时切换类名
-                                var event1 = "mouseenter",
-                                        event2 = "mouseleave"
-                            } else { //在聚焦失焦中切换类名
+                        if (!data.hasBindEvent) { //确保只绑定一次
+                            var activate = "mouseenter" //在移出移入时切换类名
+                            var abandon = "mouseleave"
+                            if (method === "active") {//在聚焦失焦中切换类名
                                 elem.tabIndex = elem.tabIndex || -1
-                                event1 = "mousedown", event2 = "mouseup"
+                                activate = "mousedown"
+                                abandon = "mouseup"
                                 $elem.bind("mouseleave", function() {
-                                    toggle && $elem.removeClass(className)
+                                    data.toggleClass && $elem.removeClass(data.newClass)
                                 })
                             }
-                            $elem.bind(event1, function() {
-                                toggle && $elem.addClass(className)
+                            $elem.bind(activate, function() {
+                                data.toggleClass && $elem.addClass(data.newClass)
                             })
-                            $elem.bind(event2, function() {
-                                toggle && $elem.removeClass(className)
+                            $elem.bind(abandon, function() {
+                                data.toggleClass && $elem.removeClass(data.newClass)
                             })
-                            data.init = 1
+                            data.hasBindEvent = true
                         }
                         break;
                 }
@@ -1961,45 +2075,37 @@
         "repeat": function(method, pos, el) {
             if (method) {
                 var data = this
-                var group = data.group
-                var pp = data.startRepeat && data.startRepeat.parentNode
-                if (pp) { //fix  #300 #307
-                    data.parent = pp
-                }
-                var parent = data.parent
+                var parent = data.element.parentNode
                 var proxies = data.proxies
                 var transation = hyperspace.cloneNode(false)
-                var spans = []
-                var lastFn = {}
                 if (method === "del" || method === "move") {
-                    var locatedNode = getLocatedNode(parent, data, pos)
+                    var locatedNode = locateFragment(data, pos)
                 }
+                var group = data.group
                 switch (method) {
-                    case "add":
-                        //在pos位置后添加el数组（pos为数字，el为数组）
+                    case "add": //在pos位置后添加el数组（pos为数字，el为数组）
                         var arr = el
-                        var last = data.getter().length - 1
+                        var last = data.$repeat.length - 1
+                        var fragments = []
                         for (var i = 0, n = arr.length; i < n; i++) {
                             var ii = i + pos
                             var proxy = getEachProxy(ii, arr[i], data, last)
                             proxies.splice(ii, 0, proxy)
-                            lastFn = shimController(data, transation, spans, proxy)
+                            shimController(data, transation, proxy, fragments)
                         }
-                        locatedNode = getLocatedNode(parent, data, pos)
-                        lastFn.node = locatedNode
-                        lastFn.parent = parent
+                        locatedNode = locateFragment(data, pos)
                         parent.insertBefore(transation, locatedNode)
-                        for (var i = 0, node; node = spans[i++]; ) {
-                            scanTag(node, data.vmodels)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                     case "del": //将pos后的el个元素删掉(pos, el都是数字)
                         var removed = proxies.splice(pos, el)
-                        for (var i = 0, proxy; proxy = removed[i++]; ) {
-                            recycleEachProxy(proxy)
-                        }
-                        expelFromSanctuary(removeView(locatedNode, group, el))
+                        var transation = removeFragment(locatedNode, group, el)
+                        avalon.clearHTML(transation)
+                        recycleEachProxies(removed)
                         break
                     case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
                         var last = proxies.length - 1
@@ -2010,27 +2116,27 @@
                         }
                         break
                     case "clear":
-                        if (data.startRepeat) {
+                        var size = "proxySize" in data ? data.proxySize : proxies.length
+                        if (size) {
+                            var n = size * group, k = 0
                             while (true) {
-                                var node = data.startRepeat.nextSibling
-                                if (node && node !== data.endRepeat) {
-                                    transation.appendChild(node)
+                                var nextNode = data.element.nextSibling
+                                if (nextNode && k < n) {
+                                    parent.removeChild(nextNode)
+                                    k++
                                 } else {
                                     break
                                 }
                             }
-                        } else {
-                            transation = parent
+                            recycleEachProxies(proxies)
                         }
-                        expelFromSanctuary(transation)
-                        proxies.length = 0
                         break
                     case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
                         var t = proxies.splice(pos, 1)[0]
                         if (t) {
                             proxies.splice(el, 0, t)
-                            transation = removeView(locatedNode, group)
-                            locatedNode = getLocatedNode(parent, data, el)
+                            transation = removeFragment(locatedNode, group)
+                            locatedNode = locateFragment(data, el)
                             parent.insertBefore(transation, locatedNode)
                         }
                         break
@@ -2042,41 +2148,48 @@
                         break
                     case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
                         var pool = el
-                        var callback = getBindingCallback(data.callbackElement, "data-with-sorted", data.vmodels)
                         var keys = []
+                        var fragments = []
                         for (var key in pos) { //得到所有键名
-                            if (pos.hasOwnProperty(key)) {
+                            if (pos.hasOwnProperty(key) && key !== "hasOwnProperty") {
                                 keys.push(key)
                             }
                         }
-                        if (callback) { //如果有回调，则让它们排序
-                            var keys2 = callback.call(parent, keys)
+                        if (data.sortedCallback) { //如果有回调，则让它们排序
+                            var keys2 = data.sortedCallback.call(parent, keys)
                             if (keys2 && Array.isArray(keys2) && keys2.length) {
                                 keys = keys2
                             }
                         }
                         for (var i = 0, key; key = keys[i++]; ) {
-                            lastFn = shimController(data, transation, spans, pool[key])
+                            if (key !== "hasOwnProperty") {
+                                shimController(data, transation, pool[key], fragments)
+                            }
                         }
-                        lastFn.parent = parent
-                        lastFn.node = data.endRepeat || null
-                        parent.insertBefore(transation, lastFn.node)
-                        for (var i = 0, el; el = spans[i++]; ) {
-                            scanTag(el, data.vmodels)
+                        data.proxySize = keys.length
+                        parent.insertBefore(transation, data.element.nextSibling)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                 }
-                iteratorCallback.call(data, arguments)
+                var callback = data.renderedCallback || noop, args = arguments
+                checkScan(parent, function() {
+                    callback.apply(parent, args)
+                    if (parent.oldValue && parent.tagName === "SELECT" && method === "index") {//fix #503
+                        avalon(parent).val(parent.oldValue.split(","))
+                    }
+                })
             }
         },
         "html": function(val, elem, data) {
             val = val == null ? "" : val
-            if (!elem) {
-                elem = data.element = data.node.parentNode
-            }
-            if (data.replaceNodes) {
+            var parent = "group" in data ? elem.parentNode : elem
+            if ("group" in data) {
                 var fragment, nodes
+                //将值转换为文档碎片，原值可以为元素节点，文档碎片，NodeList，字符串
                 if (val.nodeType === 11) {
                     fragment = val
                 } else if (val.nodeType === 1 || val.item) {
@@ -2088,62 +2201,57 @@
                 } else {
                     fragment = avalon.parseHTML(val)
                 }
-                var replaceNodes = avalon.slice(fragment.childNodes)
-                elem.insertBefore(fragment, data.replaceNodes[0] || null)
-                for (var i = 0, node; node = data.replaceNodes[i++]; ) {
-                    elem.removeChild(node)
+                nodes = avalon.slice(fragment.childNodes)
+                if (nodes.length == 0) {
+                    var comment = DOC.createComment("ms-html")
+                    fragment.appendChild(comment)
+                    nodes = [comment]
+                }
+                parent.insertBefore(fragment, elem) //fix IE6-8 insertBefore的第2个参数只能为节点或null
+                var length = data.group
+                while (elem) {
+                    var nextNode = elem.nextSibling
+                    parent.removeChild(elem)
+                    length--
+                    if (length == 0 || nextNode === null)
+                        break
+                    elem = nextNode
                 }
-                data.replaceNodes = replaceNodes
+                data.element = nodes[0]
+                data.group = nodes.length
             } else {
-                avalon.innerHTML(elem, val)
+                avalon.innerHTML(parent, val)
             }
             avalon.nextTick(function() {
-                scanNodes(elem, data.vmodels)
+                scanNodeList(parent, data.vmodels)
             })
         },
         "if": function(val, elem, data) {
-            var placehoder = data.placehoder
             if (val) { //插回DOM树
-                if (!data.msInDocument) {
-                    data.msInDocument = true
-                    try {
-                        placehoder.parentNode.replaceChild(elem, placehoder)
-                    } catch (e) {
-                        log("debug: ms-if " + e.message)
-                    }
+                if (elem.nodeType === 8) {
+                    elem.parentNode.replaceChild(data.template, elem)
+                    elem = data.element = data.template
                 }
-                if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                if (elem.getAttribute(data.name)) {
+                    elem.removeAttribute(data.name)
                     scanAttr(elem, data.vmodels)
                 }
-            } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置
-                if (data.msInDocument) {
-                    data.msInDocument = false
-                    try {
-                        elem.parentNode.replaceChild(placehoder, elem)
-                    } catch (e) {
-                        log("debug: ms-if: elem.parentNode= " + elem.parentNode)
-                    }
-                    placehoder.elem = elem
-                    ifSanctuary.appendChild(elem)
+            } else { //移出DOM树，并用注释节点占据原位置
+                if (elem.nodeType === 1) {
+                    var node = data.element = DOC.createComment("ms-if")
+                    elem.parentNode.replaceChild(node, elem)
+                    data.template = elem
+                    head.appendChild(elem)
                 }
             }
         },
         "on": function(callback, elem, data) {
-            var fn = data.evaluator
-            var args = data.args
-            var vmodels = data.vmodels
-            if (!data.hasArgs) {
-                callback = function(e) {
-                    return fn.apply(0, args).call(this, e)
-                }
-            } else {
-                callback = function(e) {
-                    return fn.apply(this, args.concat(e))
-                }
+            data.type = "on"
+            callback = function(e) {
+                var fn = data.evaluator || noop
+                return fn.apply(this, data.args.concat(e))
             }
-            elem.$vmodel = vmodels[0]
-            elem.$vmodels = vmodels
-            var eventType = data.param = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
             if (eventType === "scan") {
                 callback.call(elem, {type: eventType})
             } else if (typeof data.specialBind === "function") {
@@ -2158,20 +2266,15 @@
                     avalon.unbind(elem, data.param, removeFn)
                 }
             }
-            data.evaluator = data.handler = noop
         },
-        "text": function(val, elem, data) {
+        "text": function(val, elem) {
             val = val == null ? "" : val //不在页面上显示undefined null
-            var node = data.node
-            if (data.nodeType === 3) { //绑定在文本节点上
+            if (elem.nodeType === 3) { //绑定在文本节点上
                 try {//IE对游离于DOM树外的节点赋值会报错
-                    node.data = val
+                    elem.data = val
                 } catch (e) {
                 }
             } else { //绑定在特性节点上
-                if (!elem) {
-                    elem = data.element = node.parentNode
-                }
                 elem.textContent = val
             }
         },
@@ -2180,6 +2283,21 @@
         },
         "widget": noop
     }
+
+    var rdash = /\(([^)]*)\)/
+    function parseDisplay(nodeName, val) {
+        //用于取得此类标签的默认display值
+        var key = "_" + nodeName
+        if (!parseDisplay[key]) {
+            var node = DOC.createElement(nodeName)
+            root.appendChild(node)
+            val = getComputedStyle(node, null).display
+            root.removeChild(node)
+            parseDisplay[key] = val
+        }
+        return parseDisplay[key]
+    }
+    avalon.parseDisplay = parseDisplay
     //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
     var bindingHandlers = avalon.bindingHandlers = {
         //这是一个字符串属性绑定的范本, 方便你在title, alt,  src, href, include, css添加插值表达式
@@ -2226,10 +2344,11 @@
                 }
                 var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
                 if (!hasExpr) {
-                    data._class = className
+                    data.immobileClass = className
                 }
                 parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
-            } else if (data.type === "class") {
+            } else {
+                data.immobileClass = data.oldStyle = data.param
                 parseExprProxy(text, vmodels, data)
             }
         },
@@ -2239,12 +2358,26 @@
             if (typeof duplexBinding[tagName] === "function") {
                 data.changed = getBindingCallback(elem, "data-duplex-changed", vmodels) || noop
                 //由于情况特殊，不再经过parseExprProxy
-                parseExpr(data.value, vmodels, data, "duplex")
+                parseExpr(data.value, vmodels, data)
                 if (data.evaluator && data.args) {
                     var form = elem.form
                     if (form && form.msValidate) {
                         form.msValidate(elem)
                     }
+                    data.msType = data.param || ""
+                    if (data.msType === "bool") {
+                        data.msType = "boolean"
+                        log("ms-duplex-bool已经更名为ms-duplex-boolean")
+                    } else if (data.msType === "text") {
+                        data.msType = "string"
+                        log("ms-duplex-text已经更名为ms-duplex-string")
+                    }
+                    if (data.msType === "radio") {
+                        log("ms-duplex-radio将在2.0废掉，请尽量不要用")
+                    }
+                    if (!/boolean|string|number/.test(data.msType)) {
+                        data.msType = ""
+                    }
                     data.bound = function(type, callback) {
                         elem.addEventListener(type, callback)
                         var old = data.rollback
@@ -2253,70 +2386,62 @@
                             old && old()
                         }
                     }
+
                     duplexBinding[elem.tagName](elem, data.evaluator.apply(null, data.args), data)
                 }
             }
         },
         "repeat": function(data, vmodels) {
-            var type = data.type,
-                    list
+            var type = data.type
             parseExpr(data.value, vmodels, data)
-            if (type !== "repeat") {
-                log("warning:建议使用ms-repeat代替ms-each, ms-with, ms-repeat只占用一个标签并且性能更好")
-            }
-            var elem = data.callbackElement = data.parent = data.element //用于判定当前元素是否位于DOM树
-            data.getter = function() {
-                return this.evaluator.apply(0, this.args || [])
-            }
             data.proxies = []
-            var freturn = true
+            var freturn = false
             try {
-                list = data.getter()
-                if (rcomplextype.test(avalon.type(list))) {
-                    freturn = false
+                var $repeat = data.$repeat = data.evaluator.apply(0, data.args || [])
+                var xtype = avalon.type($repeat)
+                if (xtype !== "object" && xtype !== "array") {
+                    freturn = true
+                    avalon.log("warning:" + data.value + "对应类型不正确")
                 }
             } catch (e) {
+                freturn = true
+                avalon.log("warning:" + data.value + "编译出错")
             }
-            var template = hyperspace.cloneNode(false)
-            if (type === "repeat") {
-                var startRepeat = DOC.createComment("ms-repeat-start")
-                var endRepeat = DOC.createComment("ms-repeat-end")
-                data.element = data.parent = elem.parentNode
-                data.startRepeat = startRepeat
-                data.endRepeat = endRepeat
-                elem.removeAttribute(data.name)
-                data.parent.replaceChild(endRepeat, elem)
-                data.parent.insertBefore(startRepeat, endRepeat)
-                template.appendChild(elem)
+            var elem = data.element
+            elem.removeAttribute(data.name)
+            data.sortedCallback = getBindingCallback(elem, "data-with-sorted", vmodels)
+            data.renderedCallback = getBindingCallback(elem, "data-" + type + "-rendered", vmodels)
+
+            var comment = data.element = DOC.createComment("ms-repeat")
+            if (type === "each" || type == "with") {
+                data.template = elem.innerHTML.trim()
+                avalon.clearHTML(elem).appendChild(comment)
             } else {
-                var node
-                while (node = elem.firstChild) {
-                    if (node.nodeType === 3 && rwhitespace.test(node.data)) {
-                        elem.removeChild(node)
-                    } else {
-                        template.appendChild(node)
-                    }
-                }
+                data.template = elem.outerHTML.trim()
+                data.group = 1
+                elem.parentNode.replaceChild(comment, elem)
             }
-            data.template = template
-            data.rollback = function() {
+
+            data.rollback = function() {//只用于list为对象的情况
                 bindingExecutors.repeat.call(data, "clear")
-                var endRepeat = data.endRepeat
-                var parent = data.parent
-                parent.insertBefore(data.template, endRepeat || null)
-                if (endRepeat) {
-                    parent.removeChild(endRepeat)
-                    parent.removeChild(data.startRepeat)
-                    data.element = data.callbackElement
-                }
+                var elem = data.element
+                var parentNode = elem.parentNode
+                var content = avalon.parseHTML(data.template)
+                var target = content.firstChild
+                parentNode.replaceChild(content, elem)
+                target = data.element = data.type === "repeat" ? target : parentNode
+                data.group = 1
+                target.setAttribute(data.name, data.value)
             }
             var arr = data.value.split(".") || []
             if (arr.length > 1) {
                 arr.pop()
                 var n = arr[0]
                 for (var i = 0, v; v = vmodels[i++]; ) {
-                    if (v && v.hasOwnProperty(n) && v[n][subscribers]) {
-                        v[n][subscribers].push(data)
+                    if (v && v.hasOwnProperty(n)) {
+                        var events = v[n].$events
+                        events[subscribers] = events[subscribers] || []
+                        events[subscribers].push(data)
                         break
                     }
                 }
@@ -2324,12 +2449,12 @@
             if (freturn) {
                 return
             }
-            data.callbackName = "data-" + type + "-rendered"
+
             data.handler = bindingExecutors.repeat
             data.$outer = {}
             var check0 = "$key",
                     check1 = "$val"
-            if (Array.isArray(list)) {
+            if (Array.isArray($repeat)) {
                 check0 = "$first"
                 check1 = "$last"
             }
@@ -2339,64 +2464,66 @@
                     break
                 }
             }
-            node = template.firstChild
-            data.fastRepeat = !!node && node.nodeType === 1 && template.lastChild === node && !node.attributes["ms-controller"] && !node.attributes["ms-important"]
-            list[subscribers] && list[subscribers].push(data)
-            if (!Array.isArray(list) && type !== "each") {
-                var pool = withProxyPool[list.$id]
+            var $list = ($repeat.$events || {})[subscribers]
+            if ($list && avalon.Array.ensure($list, data)) {
+                $$subscribers.push({
+                    data: data, list: $list
+                })
+            }
+            if (!Array.isArray($repeat) && type !== "each") {
+                var pool = withProxyPool[$repeat.$id]
                 if (!pool) {
                     withProxyCount++
-                    pool = withProxyPool[list.$id] = {}
-                    for (var key in list) {
-                        if (list.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                    pool = withProxyPool[$repeat.$id] = {}
+                    for (var key in $repeat) {
+                        if ($repeat.hasOwnProperty(key) && key !== "hasOwnProperty") {
                             (function(k, v) {
                                 pool[k] = createWithProxy(k, v, {})
                                 pool[k].$watch("$val", function(val) {
-                                    list[k] = val //#303
+                                    $repeat[k] = val //#303
                                 })
-                            })(key, list[key])
+                            })(key, $repeat[key])
                         }
                     }
                 }
-                data.handler("append", list, pool)
+                data.handler("append", $repeat, pool)
             } else {
-                data.handler("add", 0, list)
+                data.handler("add", 0, $repeat)
             }
         },
         "html": function(data, vmodels) {
             parseExprProxy(data.value, vmodels, data)
         },
-        "if": function(data, vmodels) {
-            var elem = data.element
-            elem.removeAttribute(data.name)
-            if (!data.placehoder) {
-                data.msInDocument = data.placehoder = DOC.createComment("ms-if")
-            }
-            data.vmodels = vmodels
-            parseExprProxy(data.value, vmodels, data)
-        },
         "on": function(data, vmodels) {
-            var value = data.value,
-                    four = "$event"
+            var value = data.value
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (typeof bindingHandlers.on[eventType + "Hook"] === "function") {
+                bindingHandlers.on[eventType + "Hook"](data)
+            }
             if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
                 var matched = (value.match(rdash) || ["", ""])[1].trim()
                 if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
-                    four = void 0
                     value = value.replace(rdash, "")
                 }
-            } else {
-                four = void 0
             }
-            data.hasArgs = four
             parseExprProxy(value, vmodels, data)
         },
         "visible": function(data, vmodels) {
-            var elem = data.element
-            if (!supportDisplay && !root.contains(elem)) { //fuck firfox 全家！
-                var display = parseDisplay(elem.tagName)
-            }
-            display = display || avalon(elem).css("display")
-            data.display = display === "none" ? parseDisplay(elem.tagName) : display
+            var elem = avalon(data.element)
+            var display = elem.css("display")
+            if (display === "none") {
+                var style = elem[0].style
+                var has = /visibility/i.test(style.cssText)
+                var visible = elem.css("visibility")
+                style.display = ""
+                style.visibility = "hidden"
+                display = elem.css("display")
+                if (display === "none") {
+                    display = parseDisplay(elem[0].nodeName)
+                }
+                style.visibility = has ? visible : ""
+            }
+            data.display = display
             parseExprProxy(data.value, vmodels, data)
         },
         "widget": function(data, vmodels) {
@@ -2436,31 +2563,27 @@
                     vmodel.$init()
                 }
                 if (vmodel.hasOwnProperty("$remove")) {
-                    var offTree = function() {
-                        vmodel.$remove()
-                        elem.msData = {}
-                        delete VMODELS[vmodel.$id]
+                    function offTree() {
+                        if (!elem.msRetain && !root.contains(elem)) {
+                            vmodel.$remove()
+                            elem.msData = {}
+                            delete VMODELS[vmodel.$id]
+                            return false
+                        }
                     }
-                    if (supportMutationEvents) {
-                        elem.addEventListener("DOMNodeRemoved", function(e) {
-                            if (e.target === this && !this.msRetain &&
-                                    //#441 chrome浏览器对文本域进行Ctrl+V操作，会触发DOMNodeRemoved事件
-                                            (window.chrome ? this.tagName === "INPUT" && e.relatedNode.nodeType === 1 : 1)) {
-                                offTree()
-                            }
+                    if (window.chrome) {
+                        elem.addEventListener("DOMNodeRemovedFromDocument", function() {
+                            setTimeout(offTree)
                         })
                     } else {
-                        elem.offTree = offTree
-                        launchImpl(elem)
+                        avalon.tick(offTree)
                     }
                 }
             } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
                 elem.vmodels = vmodels
             }
         }
-
     }
-    var supportMutationEvents = DOC.implementation.hasFeature("MutationEvents", "2.0")
 
     //============================   class preperty binding  =======================
     "hover,active".replace(rword, function(method) {
@@ -2469,7 +2592,7 @@
     "with,each".replace(rword, function(name) {
         bindingHandlers[name] = bindingHandlers.repeat
     })
-    bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+    bindingHandlers["if"] = bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
     //============================= string preperty binding =======================
     //与href绑定器 用法差不多的其他字符串属性的绑定器
     //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
@@ -2482,80 +2605,82 @@
     //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
     //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
     duplexBinding.INPUT = function(element, evaluator, data) {
-        var fixType = data.param,
+        var type = element.type,
                 bound = data.bound,
-                type = element.type,
                 $elem = avalon(element),
                 firstTigger = false,
-                composing = false,
-                callback = function(value) {
-                    firstTigger = true
-                    data.changed.call(this, value)
-                },
-                compositionStart = function() {
-                    composing = true
-                },
-                compositionEnd = function() {
-                    composing = false
-                },
-                //当value变化时改变model的值
-                updateVModel = function() {
-                    if (composing)
-                        return
-                    var val = element.oldValue = element.value
-                    if ($elem.data("duplex-observe") !== false) {
-                        evaluator(val)
-                        callback.call(element, val)
-                    }
+                composing = false
+        function callback(value) {
+            firstTigger = true
+            data.changed.call(this, value)
+        }
+        function compositionStart() {
+            composing = true
+        }
+        function compositionEnd() {
+            composing = false
+        }
+        //当value变化时改变model的值
+        function updateVModel() {
+            if (composing)//处理中文输入法在minlengh下引发的BUG
+                return
+            var val = element.oldValue = element.value //防止递归调用形成死循环
+            var typedVal = getTypedValue(data, val)               //尝式转换为正确的格式
+            if ($elem.data("duplex-observe") !== false) {
+                evaluator(typedVal)
+                callback.call(element, typedVal)
+                if ($elem.data("duplex-focus")) {
+                    avalon.nextTick(function() {
+                        element.focus()
+                    })
                 }
+            }
+        }
 
         //当model变化时,它就会改变value的值
         data.handler = function() {
-            var curValue = evaluator()
-            if (curValue !== element.value) {
-                element.value = curValue
+            var val = evaluator()
+            val = val == null ? "" : val + ""
+            if (val !== element.value) {
+                element.value = val
             }
         }
-        if (type === "checkbox" && fixType === "radio") {
+        if (type === "checkbox" && data.param === "radio") {
             type = "radio"
         }
         if (type === "radio") {
-            data.handler = function() {
-                element.oldChecked = element.checked = /bool|text/.test(fixType) ? evaluator() + "" === element.value : !!evaluator()
-            }
+
             updateVModel = function() {
                 if ($elem.data("duplex-observe") !== false) {
                     var val = element.value
-                    if (fixType === "text") {
-                        evaluator(val)
-                    } else if (fixType === "bool") {
-                        val = val === "true"
-                        evaluator(val)
-                    } else {
-                        val = !element.oldChecked
-                        evaluator(val)
-                        element.checked = val
-                    }
-                    callback.call(element, val)
+                    var typedValue = data.msType ? getTypedValue(data, val) : !element.oldValue
+                    evaluator(typedValue)
+                    callback.call(element, typedValue)
                 }
             }
-            bound(fixType ? "change" : "mousedown", updateVModel)
+            data.handler = function() {
+                var val = evaluator()
+                var checked = data.msType ? val + "" === element.value : !!val
+                element.checked = element.oldValue = checked
+            }
+            bound(data.msType ? "change" : "click", updateVModel)
         } else if (type === "checkbox") {
             updateVModel = function() {
                 if ($elem.data("duplex-observe") !== false) {
                     var method = element.checked ? "ensure" : "remove"
                     var array = evaluator()
-                    if (Array.isArray(array)) {
-                        avalon.Array[method](array, element.value)
-                    } else {
-                        avalon.error("ms-duplex位于checkbox时要求对应一个数组")
+                    if (!Array.isArray(array)) {
+                        log("ms-duplex应用于checkbox上要对应一个数组")
+                        array = [array]
                     }
+                    var typedValue = getTypedValue(data, element.value)
+                    avalon.Array[method](array, typedValue)
                     callback.call(element, array)
                 }
             }
             data.handler = function() {
                 var array = [].concat(evaluator()) //强制转换为数组
-                element.checked = array.indexOf(element.value) >= 0
+                element.checked = array.indexOf(getTypedValue(data, element.value)) >= 0
             }
             bound("change", updateVModel)
         } else {
@@ -2570,8 +2695,13 @@
             }
         }
         element.oldValue = element.value
-        element.onTree = onTree
-        launch(element)
+        launch(function() {
+            if (avalon.contains(root, element)) {
+                onTree.call(element)
+            } else if (!element.msRetain) {
+                return false
+            }
+        })
         registerSubscriber(data)
         var timer = setTimeout(function() {
             if (!firstTigger) {
@@ -2580,6 +2710,18 @@
             clearTimeout(timer)
         }, 31)
     }
+
+    function getTypedValue(data, val) {
+        switch (data.msType) {
+            case "boolean":
+                return val === "true"
+            case "number":
+                return isFinite(val) || val === "" ? parseFloat(val) || 0 : val
+            default:
+                return val
+        }
+    }
+
     var TimerID, ribbon = [],
             launch = noop
 
@@ -2591,19 +2733,21 @@
         }
         el.dispatchEvent(event)
     }
+
     function onTree() { //disabled状态下改动不触发inout事件
         if (!this.disabled && this.oldValue !== this.value) {
             W3CFire(this, "input")
         }
     }
-
+    avalon.tick = function(fn) {
+        if (ribbon.push(fn) === 1) {
+            TimerID = setInterval(ticker, 60)
+        }
+    }
     function ticker() {
         for (var n = ribbon.length - 1; n >= 0; n--) {
             var el = ribbon[n]
-            if (avalon.contains(root, el)) {
-                el.onTree && el.onTree()
-            } else if (!el.msRetain) {
-                el.offTree && el.offTree()
+            if (el() === false) {
                 ribbon.splice(n, 1)
             }
         }
@@ -2611,10 +2755,45 @@
             clearInterval(TimerID)
         }
     }
+    if (window.requestAnimationFrame) {
+        avalon.tick = function(fn) {
+            if (ribbon.push(fn) === 1) {
+                TimerID = requestAnimationFrame(ticker)
+            }
+        }
+        ticker = function() {
+            for (var n = ribbon.length - 1; n >= 0; n--) {
+                var el = ribbon[n]
+                if (el() === false) {
+                    ribbon.splice(n, 1)
+                }
+            }
+            cancelAnimationFrame(TimerID)
+            TimerID = null
+            if (ribbon.length) {
+                TimerID = requestAnimationFrame(ticker)
+            }
+        }
+    }
 
-    function launchImpl(el) {
-        if (ribbon.push(el) === 1) {
-            TimerID = setInterval(ticker, 30)
+    if (window.requestAnimationFrame) {
+        avalon.tick = function(fn) {
+            if (ribbon.push(fn) === 1) {
+                TimerID = requestAnimationFrame(ticker)
+            }
+        }
+        ticker = function() {
+            for (var n = ribbon.length - 1; n >= 0; n--) {
+                var el = ribbon[n]
+                if (el() === false) {
+                    ribbon.splice(n, 1)
+                }
+            }
+            cancelAnimationFrame(TimerID)
+            TimerID = null
+            if (ribbon.length) {
+                TimerID = requestAnimationFrame(ticker)
+            }
         }
     }
 
@@ -2632,28 +2811,44 @@
             configurable: true
         })
     } catch (e) {
-        launch = launchImpl
+        launch = avalon.tick
     }
+
     duplexBinding.SELECT = function(element, evaluator, data) {
         var $elem = avalon(element)
-
         function updateVModel() {
             if ($elem.data("duplex-observe") !== false) {
                 var val = $elem.val() //字符串或字符串数组
+                if (Array.isArray(val)) {
+                    val = val.map(function(v) {
+                        return getTypedValue(data, v)
+                    })
+                } else {
+                    val = getTypedValue(data, val)
+                }
                 if (val + "" !== element.oldValue) {
                     evaluator(val)
-                    element.oldValue = val + ""
                 }
                 data.changed.call(element, val)
             }
         }
         data.handler = function() {
-            var curValue = evaluator()
-            curValue = curValue && curValue.$model || curValue
-            curValue = Array.isArray(curValue) ? curValue.map(String) : curValue + ""
-            if (curValue + "" !== element.oldValue) {
-                $elem.val(curValue)
-                element.oldValue = curValue + ""
+            var val = evaluator()
+            val = val && val.$model || val
+            if (Array.isArray(val)) {
+                if (!element.multiple) {
+                    log("ms-duplex在<select multiple=true>上要求对应一个数组")
+                }
+            } else {
+                if (element.multiple) {
+                    log("ms-duplex在<select multiple=false>不能对应一个数组")
+                }
+            }
+            //必须变成字符串后才能比较
+            val = Array.isArray(val) ? val.map(String) : val + ""
+            if (val + "" !== element.oldValue) {
+                $elem.val(val)
+                element.oldValue = val + ""
             }
         }
         data.bound("change", updateVModel)
@@ -2704,17 +2899,18 @@
             }
         }
     })
-    if (document.onmousewheel === void 0) {
+    if (DOC.onmousewheel === void 0) {
         /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
          firefox DOMMouseScroll detail 下3 上-3
          firefox wheel detlaY 下3 上-3
          IE9-11 wheel deltaY 下40 上-40
          chrome wheel deltaY 下100 上-100 */
         eventHooks.mousewheel = {
-            type: "DOMMouseScroll",
+            type: "wheel",
             deel: function(elem, fn) {
                 return function(e) {
-                    e.wheelDelta = e.detail > 0 ? -120 : 120
+                    e.wheelDeltaY = e.wheelDelta = e.deltaY > 0 ? -120 : 120
+                    e.wheelDeltaX = 0
                     Object.defineProperty(e, "type", {
                         value: "mousewheel"
                     })
@@ -2730,17 +2926,17 @@
     function Collection(model) {
         var array = []
         array.$id = generateID()
-        array[subscribers] = []
-        array.$model = model
+        array.$model = model   //数据模型
         array.$events = {}
+        array.$events[subscribers] = []
         array._ = modelFactory({
             length: model.length
         })
         array._.$watch("length", function(a, b) {
             array.$fire("length", a, b)
         })
-        for (var i in Observable) {
-            array[i] = Observable[i]
+        for (var i in EventManager) {
+            array[i] = EventManager[i]
         }
         avalon.mix(array, CollectionPrototype)
         return array
@@ -2750,15 +2946,18 @@
     var _splice = ap.splice
     var CollectionPrototype = {
         _splice: _splice,
+        _fire: function(method, a, b) {
+            notifySubscribers(this.$events[subscribers], method, a, b)
+        },
         _add: function(arr, pos) {
             var oldLength = this.length
             pos = typeof pos === "number" ? pos : oldLength
             var added = []
             for (var i = 0, n = arr.length; i < n; i++) {
-                added[i] = convert(arr[i])
+                added[i] = convert(arr[i],this.$model[i])
             }
             _splice.apply(this, [pos, 0].concat(added))
-            notifySubscribers(this, "add", pos, added)
+            this._fire("add", pos, added)
             if (!this._stopFireLength) {
                 return this._.length = this.length
             }
@@ -2766,7 +2965,7 @@
         _del: function(pos, n) {
             var ret = this._splice(pos, n)
             if (ret.length) {
-                notifySubscribers(this, "del", pos, n)
+                this._fire("del", pos, n)
                 if (!this._stopFireLength) {
                     this._.length = this.length
                 }
@@ -2776,7 +2975,7 @@
         push: function() {
             ap.push.apply(this.$model, arguments)
             var n = this._add(arguments)
-            notifySubscribers(this, "index", n > 2 ? n - 2 : 0)
+            this._fire("index", n > 2 ? n - 2 : 0)
             return n
         },
         pushArray: function(array) {
@@ -2785,13 +2984,13 @@
         unshift: function() {
             ap.unshift.apply(this.$model, arguments)
             var ret = this._add(arguments, 0) //返回长度
-            notifySubscribers(this, "index", arguments.length)
+            this._fire("index", arguments.length)
             return ret
         },
         shift: function() {
             var el = this.$model.shift()
             this._del(0, 1)
-            notifySubscribers(this, "index", 0)
+            this._fire("index", 0)
             return el //返回被移除的元素
         },
         pop: function() {
@@ -2818,7 +3017,7 @@
             this._stopFireLength = false
             this._.length = this.length
             if (change) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return ret //返回被移除的元素
         },
@@ -2836,7 +3035,7 @@
         },
         clear: function() {
             this.$model.length = this.length = this._.length = 0 //清空数组
-            notifySubscribers(this, "clear", 0)
+            this._fire("clear", 0)
             return this
         },
         removeAll: function(all) { //移除N个元素
@@ -2879,7 +3078,7 @@
                 } else if (target !== val) {
                     this[index] = val
                     this.$model[index] = val
-                    notifySubscribers(this, "set", index, val)
+                    this._fire("set", index, val)
                 }
             }
             return this
@@ -2901,131 +3100,84 @@
                     var remove2 = bbb.splice(index, 1)[0]
                     this._splice(i, 0, remove)
                     bbb.splice(i, 0, remove2)
-                    notifySubscribers(this, "move", index, i)
+                    this._fire("move", index, i)
                 }
             }
             bbb = void 0
             if (sorted) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return this
         }
     })
 
-    function convert(val) {
+    function convert(val, $model) {
         var type = avalon.type(val)
-        if (rcomplextype.test(type)) {
-            val = val.$id ? val : modelFactory(val, val)
+        if (rcomplexType.test(type)) {
+            val = val.$id ? val : modelFactory(val, 0, $model)
         }
         return val
     }
 
     //============ each/repeat/with binding 用到的辅助函数与对象 ======================
-    /*得到某一元素节点或文档碎片对象下的所有注释节点*/
-    var queryComments = function(parent) {
-        var tw = DOC.createTreeWalker(parent, NodeFilter.SHOW_COMMENT, null, null),
-                comment, ret = []
-        while (comment = tw.nextNode()) {
-            ret.push(comment)
-        }
-        return ret
-    }
-    var deleteRange = DOC.createRange()
-
-    /*将通过ms-if移出DOM树放进ifSanctuary的元素节点移出来，以便垃圾回收*/
-
-    function expelFromSanctuary(parent) {
-        var comments = queryComments(parent)
-        for (var i = 0, comment; comment = comments[i++]; ) {
-            if (comment.nodeValue == "ms-if") {
-                cinerator.appendChild(comment.elem)
-            }
-        }
-        while (comment = parent.firstChild) {
-            cinerator.appendChild(comment)
-        }
-        cinerator.innerHTML = ""
-    }
-
-    function iteratorCallback(args) {
-        var callback = getBindingCallback(this.callbackElement, this.callbackName, this.vmodels)
-        if (callback) {
-            var parent = this.parent
-            checkScan(parent, function() {
-                callback.apply(parent, args)
-            })
-        }
-    }
-
     //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
-    function shimController(data, transation, spans, proxy) {
-        var tview = data.template.cloneNode(true)
-        var id = proxy.$id
-        var span = tview.firstChild
-        if (!data.fastRepeat) {
-            span = DOC.createElement("msloop")
-            span.style.display = "none"
-            span.appendChild(tview)
-        }
-        span.setAttribute("ms-controller", id)
-        span.removeAttribute(data.callbackName)
-        span.removeAttribute("data-with-sorted")
-        spans.push(span)
-        transation.appendChild(span)
+    function shimController(data, transation, proxy, fragments) {
+        var dom = avalon.parseHTML(data.template)
+        var nodes = avalon.slice(dom.childNodes)
+        transation.appendChild(dom)
         proxy.$outer = data.$outer
-        VMODELS[id] = proxy
-
-        function fn() {
-            delete VMODELS[id]
-            data.group = 1
-            if (!data.fastRepeat) {
-                data.group = span.childNodes.length
-                span.parentNode.removeChild(span)
-                while (span.firstChild) {
-                    transation.appendChild(span.firstChild)
-                }
-                if (fn.node !== void 0) {
-                    fn.parent.insertBefore(transation, fn.node)
+        var fragment = {
+            nodes: nodes,
+            vmodels: [proxy].concat(data.vmodels)
+        }
+        fragments.push(fragment)
+    }
+    // 取得用于定位的节点。比如group = 3,  结构为
+    // <div><!--ms-repeat--><br id="first"><br/><br/><br id="second"><br/><br/></div>
+    // 当pos为0时,返回 br#first
+    // 当pos为1时,返回 br#second
+    // 当pos为2时,返回 null
+    function locateFragment(data, pos) {
+        if (data.type == "repeat") {//ms-repeat，group为1
+            var node = data.element.nextSibling
+            for (var i = 0, n = pos; i < n; i++) {
+                if (node) {
+                    node = node.nextSibling
+                } else {
+                    break
                 }
             }
+        } else {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var group = data.group || nodes.length / data.proxies.length
+            node = nodes[group * pos]
         }
-        return span.patchRepeat = fn
+        return node || null
     }
-    // 取得用于定位的节点。在绑定了ms-each, ms-with属性的元素里，它的整个innerHTML都会视为一个子模板先行移出DOM树，
-    // 然后如果它的元素有多少个（ms-each）或键值对有多少双（ms-with），就将它复制多少份(多少为N)，再经过扫描后，重新插入该元素中。
-    // 这时该元素的孩子将分为N等分，每等份的第一个节点就是这个用于定位的节点，
-    // 方便我们根据它算出整个等分的节点们，然后整体移除或移动它们。
 
-    function getLocatedNode(parent, data, pos) {
-        if (data.startRepeat) {
-            var ret = data.startRepeat,
-                    end = data.endRepeat
-            pos += 1
-            for (var i = 0; i < pos; i++) {
-                ret = ret.nextSibling
-                if (ret == end)
-                    return end
+    function removeFragment(node, group, pos) {
+        var n = group * (pos || 1)
+        var nodes = [node], i = 1
+        var view = hyperspace
+        while (i < n) {
+            node = node.nextSibling
+            if (node) {
+                nodes[i++] = node
             }
-            return ret
-        } else {
-            return parent.childNodes[data.group * pos] || null
         }
-    }
-
-    function removeView(node, group, n) {
-        var length = group * (n || 1)
-        var view = hyperspace //.cloneNode(false)//???
-        while (--length >= 0) {
-            var nextSibling = node.nextSibling
+        for (var i = 0; node = nodes[i++]; ) {
             view.appendChild(node)
-            node = nextSibling
-            if (!node) {
-                break
-            }
         }
         return view
     }
 
+    function calculateFragmentGroup(data) {
+        if (!isFinite(data.group)) {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var n = "proxySize" in data ? data.proxySize : data.proxies.length
+            data.group = nodes.length / n
+        }
+    }
 
     // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
     var watchEachOne = oneObject("$index,$first,$last")
@@ -3035,11 +3187,11 @@
             $key: key,
             $outer: $outer,
             $val: val
-        }, 0, {
+        }, {
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
         return proxy
     }
     var eachProxyPool = []
@@ -3047,7 +3199,7 @@
         var param = data.param || "el", proxy
         var source = {
             $remove: function() {
-                return data.getter().removeAt(proxy.$index)
+                return data.$repeat.removeAt(proxy.$index)
             },
             $itemName: param,
             $index: index,
@@ -3059,8 +3211,8 @@
         for (var i = 0, n = eachProxyPool.length; i < n; i++) {
             var proxy = eachProxyPool[i]
             if (proxy.hasOwnProperty(param)) {
-                for (var i in source) {
-                    proxy[i] = source[i]
+                for (var k in source) {
+                    proxy[k] = source[k]
                 }
                 eachProxyPool.splice(i, 1)
                 return proxy
@@ -3070,17 +3222,26 @@
         if (type === "object" || type === "function") {
             source.$skipArray = [param]
         }
-        proxy = modelFactory(source, 0, watchEachOne)
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy = modelFactory(source, watchEachOne)
+        proxy.$watch(param, function(val) {
+            data.$repeat.set(proxy.$index, val)
+        })
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
         return proxy
     }
+
+    function recycleEachProxies(array) {
+        for (var i = 0, el; el = array[i++]; ) {
+            recycleEachProxy(el)
+        }
+        array.length = 0
+    }
+
     function recycleEachProxy(proxy) {
-        var obj = proxy.$accessors, name = proxy.$itemName;
-        ["$index", "$last", "$first"].forEach(function(prop) {
-            obj[prop][subscribers].length = 0
-        })
-        if (proxy[name][subscribers]) {
-            proxy[name][subscribers].length = 0;
+        for (var i in proxy.$events) {
+            if (Array.isArray(proxy.$events[i])) {
+                proxy.$events[i].length = 0
+            }
         }
         if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
             eachProxyPool.pop()
@@ -3090,13 +3251,15 @@
      *                  文本绑定里默认可用的过滤器                        *
      **********************************************************************/
     var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
-    var raimg = /^<(a|img)\s/i
     var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
     var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
-    var rjavascripturl = /\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig
+    var rsanitize = {
+        a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig
+    }
     var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
     var rnoalphanumeric = /([^\#-~| |!])/g;
-
     var filters = avalon.filters = {
         uppercase: function(str) {
             return str.toUpperCase()
@@ -3112,8 +3275,15 @@
         },
         sanitize: window.toStaticHTML ? toStaticHTML.bind(window) : function(str) {
             return str.replace(rscripts, "").replace(ropen, function(a, b) {
-                if (raimg.test(a)) {
-                    a = a.replace(rjavascripturl, " $1=''")//移除javascript伪协议//移除javascript伪协议
+                var match = a.toLowerCase().match(/<(\w+)\s/)
+                if (match) {//处理a标签的href属性，img标签的src属性，form标签的action属性
+                    var reg = rsanitize[match[1]]
+                    if (reg) {
+                        a = a.replace(reg, function(s, name, value) {
+                            var quote = value.charAt(0)
+                            return  name + "=" + quote + "javascript:void(0)" + quote
+                        })
+                    }
                 }
                 return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
             })
@@ -3394,7 +3564,7 @@
         filters.date.locate = locate
     }
     /*********************************************************************
-     *                      AMD Loader                                   *
+     *                     AMD加载器                                  *
      **********************************************************************/
 
     var innerRequire
@@ -3489,7 +3659,7 @@
                 }
 
                 function onerror(a, b) {
-                    b && avalon.error(url + "对应资源不存在或没有开启 CORS")
+                    !b && avalon.error(url + "对应资源不存在或没有开启 CORS")
                     setTimeout(function() {
                         head.removeChild(link)
                     })
@@ -3765,141 +3935,20 @@
         innerRequire.config = kernel
         innerRequire.checkDeps = checkDeps
     }
-    /*********************************************************************
-     *                           Touch  Event                           *
-     **********************************************************************/
-    var IE11touch = navigator.pointerEnabled
-    var IE9_10touch = navigator.msPointerEnabled
-    if ("ontouchstart" in window || IE9_10touch || IE11touch) {
-        (function() {
-            var touchProxy = {}, touchTimeout, tapTimeout, swipeTimeout, holdTimeout,
-                    now, firstTouch, _isPointerType, delta, deltaX = 0,
-                    deltaY = 0,
-                    touchNames = []
-
-            function swipeDirection(x1, x2, y1, y2) {
-                return Math.abs(x1 - x2) >=
-                        Math.abs(y1 - y2) ? (x1 - x2 > 0 ? "left" : "right") : (y1 - y2 > 0 ? "up" : "down")
-            }
-
-            function longTap() {
-                if (touchProxy.last) {
-                    touchProxy.fire("hold")
-                    touchProxy = {}
-                }
-            }
-
-            function cancelHold() {
-                clearTimeout(holdTimeout)
-            }
-
-            function cancelAll() {
-                clearTimeout(touchTimeout)
-                clearTimeout(tapTimeout)
-                clearTimeout(swipeTimeout)
-                clearTimeout(holdTimeout)
-                touchProxy = {}
-            }
-
-            if (IE11touch) { //IE11 与 W3C
-                touchNames = ["pointerdown", "pointermove", "pointerup", "pointercancel"]
-            } else if (IE9_10touch) { //IE9-10
-                touchNames = ["MSPointerDown", "MSPointerMove", "MSPointerUp", "MSPointerCancel"]
-            } else {
-                touchNames = ["touchstart", "touchmove", "touchend", "touchcancel"]
-            }
-
-            function isPrimaryTouch(event) { //是否纯净的触摸事件，非mousemove等模拟的事件，也不是手势事件
-                return (event.pointerType === "touch" ||
-                        event.pointerType === event.MSPOINTER_TYPE_TOUCH) && event.isPrimary
-            }
-
-            function isPointerEventType(e, type) { //是否最新发布的PointerEvent
-                return (e.type === "pointer" + type ||
-                        e.type.toLowerCase() === "mspointer" + type)
-            }
-
-            DOC.addEventListener(touchNames[0], function(e) {
-                if ((_isPointerType = isPointerEventType(e, "down")) && !isPrimaryTouch(e))
-                    return
-                firstTouch = _isPointerType ? e : e.touches[0]
-                if (e.touches && e.touches.length === 1 && touchProxy.x2) {
-                    touchProxy.x2 = touchProxy.y2 = void 0
-                }
-                now = Date.now()
-                delta = now - (touchProxy.last || now)
-                var el = firstTouch.target
-                touchProxy.el = "tagName" in el ? el : el.parentNode
-                clearTimeout(touchTimeout)
-                touchProxy.x1 = firstTouch.pageX
-                touchProxy.y1 = firstTouch.pageY
-                touchProxy.fire = function(name) {
-                    W3CFire(this.el, name)
-                }
-                if (delta > 0 && delta <= 250) { //双击
-                    touchProxy.isDoubleTap = true
-                }
-                touchProxy.last = now
-                holdTimeout = setTimeout(longTap, 750)
-            })
-            DOC.addEventListener(touchNames[1], function(e) {
-                if ((_isPointerType = isPointerEventType(e, "move")) && !isPrimaryTouch(e))
-                    return
-                firstTouch = _isPointerType ? e : e.touches[0]
-                cancelHold()
-                touchProxy.x2 = firstTouch.pageX
-                touchProxy.y2 = firstTouch.pageY
-                deltaX += Math.abs(touchProxy.x1 - touchProxy.x2)
-                deltaY += Math.abs(touchProxy.y1 - touchProxy.y2)
-            })
-
-            DOC.addEventListener(touchNames[2], function(e) {
-                if ((_isPointerType = isPointerEventType(e, "up")) && !isPrimaryTouch(e))
-                    return
-                cancelHold()
-                // swipe
-                if ((touchProxy.x2 && Math.abs(touchProxy.x1 - touchProxy.x2) > 30) ||
-                        (touchProxy.y2 && Math.abs(touchProxy.y1 - touchProxy.y2) > 30)) {
-                    //如果是滑动，根据最初与最后的位置判定其滑动方向
-                    swipeTimeout = setTimeout(function() {
-                        touchProxy.fire("swipe")
-                        touchProxy.fire("swipe" + (swipeDirection(touchProxy.x1, touchProxy.x2, touchProxy.y1, touchProxy.y2)))
-                        touchProxy = {}
-                    }, 0)
-                    // normal tap 
-                } else if ("last" in touchProxy) {
-                    if (deltaX < 30 && deltaY < 30) { //如果移动的距离太小
-                        tapTimeout = setTimeout(function() {
-                            touchProxy.fire("tap")
-                            if (touchProxy.isDoubleTap) {
-                                touchProxy.fire('doubletap')
-                                touchProxy = {}
-                            } else {
-                                touchTimeout = setTimeout(function() {
-                                    touchProxy.fire('singletap')
-                                    touchProxy = {}
-                                }, 250)
-                            }
-                        }, 0)
-                    } else {
-                        touchProxy = {}
-                    }
-                }
-                deltaX = deltaY = 0
-            })
 
-            DOC.addEventListener(touchNames[3], cancelAll)
-        })()
-        //http://quojs.tapquo.com/ http://code.baidu.com/
-        //'swipe', 'swipeleft', 'swiperight', 'swipeup', 'swipedown',  'doubletap', 'tap', 'singletap', 'hold'
-    }
     /*********************************************************************
      *                    DOMReady                                         *
      **********************************************************************/
-
+    var readyList = []
     function fireReady() {
-        modules["ready!"].state = 2
-        innerRequire.checkDeps()
+        if (innerRequire) {
+            modules["ready!"].state = 2
+            innerRequire.checkDeps()//隋性函数，防止IE9二次调用_checkDeps
+        } else {
+            readyList.forEach(function(a) {
+                a(avalon)
+            })
+        }
         fireReady = noop //隋性函数，防止IE9二次调用_checkDeps
     }
 
@@ -3910,7 +3959,13 @@
         window.addEventListener("load", fireReady)
     }
     avalon.ready = function(fn) {
-        innerRequire("ready!", fn)
+        if (innerRequire) {
+            innerRequire("ready!", fn)
+        } else if (fireReady === noop) {
+            fn(avalon)
+        } else {
+            readyList.push(fn)
+        }
     }
     avalon.config({
         loader: true
diff --git a/avalon.modern.min.js b/avalon.modern.min.js
new file mode 100644
index 000000000..eead9e407
--- /dev/null
+++ b/avalon.modern.min.js
@@ -0,0 +1,104 @@
+(function(q){function w(){}function v(){avalon.config.debug&&console.log.apply(console,arguments)}function Q(b,c){"string"===typeof b&&(b=b.match(B)||[]);for(var d={},e=void 0!==c?c:1,f=0,g=b.length;f<g;f++)d[b[f]]=e;return d}function Ka(){return"avalon"+Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)}function R(b){return"function"===typeof b}function xb(b,c,d){if(R(c)||c&&c.nodeType||-1!==d.indexOf(b)||-1!==La.indexOf(b))return!1;c=d.$special;return b&&"$"===
+b.charAt(0)&&!c[b]?!1:!0}function I(b,c,d){if(Array.isArray(b)){c=b.concat();b.length=0;var e=yb(b);e.pushArray(c);return e}if("number"===typeof b.nodeType||b.$id&&b.$model&&b.$events)return b;Array.isArray(b.$skipArray)||(b.$skipArray=[]);b.$skipArray.$special=c||{};var f={};d=d||{};var g={},h={},k=[];for(e in b)(function(c,e){d[c]=e;if(xb(c,e,b.$skipArray)){var p,l=avalon.type(e);g[c]=[];if("object"===l&&R(e.get)&&2>=Object.keys(e).length){var S=e.set,X=e.get;p=function(b){var e=f.$events,g=d[c];
+if(arguments.length){if(ha)return;if(R(S)){var h=e[c];e[c]=[];S.call(f,b);e[c]=h}}else avalon.openComputedCollect&&ia(e[c]);b=d[c]=X.call(f);if(!ja(g,b)){if(ka&&(h=T[f.$id])&&h[c])h[c].$val=b;ra(e[c]);f.$events&&N.$fire.call(f,c,b,g)}return b};k.push(function(){$[C]={evaluator:p,element:F,type:"computed::"+c,handler:w,args:[]};p();ia(g[c]);delete $[C]})}else Ma.test(l)?(p=function(b){var e=p.child,h=d[c];if(arguments.length)!ha&&!ja(h,b)&&(e=p.child=zb(f,c,b,l),b=d[c]=e.$model,(e=sa[e.$id])&&e(),
+f.$events&&N.$fire.call(f,c,b,h));else return ia(g[c]),e},(p.child=I(e,0,d[c])).$events[G]=g[c]):p=function(b){var e=d[c];if(arguments.length){if(!ja(e,b)){d[c]=b;if(ka){var h=T[f.$id];h&&h[c]&&(h[c].$val=b)}ra(g[c]);f.$events&&N.$fire.call(f,c,b,e)}}else return ia(g[c]),e};h[c]=p}})(e,b[e]);La.forEach(function(c){delete b[c];delete d[c]});Object.defineProperties(f,Ab(h));for(var l in b)h[l]||(f[l]=b[l]);f.$id=Ka();f.$model=d;f.$events=g;for(e in N)f[e]=N[e];Object.defineProperty(f,"hasOwnProperty",
+{value:function(b){return b in f.$model},writable:!1,enumerable:!1,configurable:!0});k.forEach(function(b){b()});return f}function Ab(b){var c={},d;for(d in b)c[d]={get:b[d],set:b[d],enumerable:!0,configurable:!0};return c}function zb(b,c,d,e){var f=b[c];if("array"===e){if(!Array.isArray(d)||f===d)return f;f.clear();f.pushArray(d.concat());return f}var g=b.$events[c];T[f.$id]&&(ka--,delete T[f.$id]);var h=I(d);sa[h.$id]=function(b){for(;b=g.shift();)(function(b){b.type&&avalon.nextTick(function(){b.rollback&&
+b.rollback();x[b.type](b,b.vmodels)})})(b);delete sa[h.$id]};return h}function s(b){for(var c in b)if(Na.call(b,c)){var d=b[c];if("function"===typeof s.plugins[c])s.plugins[c](d);else"object"===typeof s[c]?avalon.mix(s[c],d):s[c]=d}return this}function Oa(b){return b.replace(/([a-z\d])([A-Z]+)/g,"$1-$2").toLowerCase()}function la(b){return 0>b.indexOf("-")&&0>b.indexOf("_")?b:b.replace(/[-_][^-_]/g,function(b){return b.charAt(1).toUpperCase()})}function ma(b){try{b="true"===b?!0:"false"===b?!1:"null"===
+b?null:+b+""===b?+b:Bb.test(b)?JSON.parse(b):b}catch(c){}return b}function Pa(b,c){if(0>=b.offsetWidth){var d=getComputedStyle(b,null);if(Cb.test(d.display)){var e={node:b},f;for(f in Qa)e[f]=d[f],b.style[f]=Qa[f];c.push(e)}(d=b.parentNode)&&1===d.nodeType&&Pa(d,c)}}function ta(b){$[C]=b;avalon.openComputedCollect=!0;var c=b.evaluator;if(c)try{var d=Db.test(b.type)?b:c.apply(0,b.args);b.handler(d,b.element,b)}catch(e){v("warning:exception throwed in [registerSubscriber] "+e),delete b.evaluator,c=
+b.element,3===c.nodeType&&(d=c.parentNode,s.commentInterpolate?d.replaceChild(q.createComment(b.value),c):c.data=J+b.value+K)}avalon.openComputedCollect=!1;delete $[C]}function ia(b){var c=$[C];b&&(c&&avalon.Array.ensure(b,c)&&c.element)&&aa.push({data:c,list:b})}function Ra(){for(var b=ua,c=ua+Eb;b<c;b++){var d=aa[b];if(!d)break;var e=d.data,f=e.element;if(null===f||(1===f.nodeType?"number"===typeof f.sourceIndex?0===f.sourceIndex:!E.contains(f):!avalon.contains(E,f))){aa.splice(b,1);avalon.Array.remove(d.list,
+e);"if"===e.type&&(e.template&&e.template.parentNode===F)&&F.removeChild(e.template);for(var g in e)e[g]=null;d.data=d.list=null;b--;c--}}ua=(d=aa[b])?c:0}function ra(b){clearTimeout(Sa);333<Date.now()-Ta?(Ra(),Ta=Date.now()):Sa=setTimeout(Ra,333);if(b&&b.length)for(var c=na.call(arguments,1),d=b.length,e;e=b[--d];){var f=e.element;e.$repeat?e.handler.apply(e,c):e.element&&"on"!==e.type&&e.handler((e.evaluator||w).apply(0,e.args||[]),f,e)}}function Ua(b,c){var d=NaN,e=setInterval(function(){var f=
+b.innerHTML;f===d?(clearInterval(e),c()):d=f},15)}function Va(b,c,d){d=b.getAttribute("ms-skip");var e=b.getAttributeNode("ms-important"),f=b.getAttributeNode("ms-controller");if("string"!==typeof d){if(d=e||f){f=oa[d.value];if(!f)return;c=d===e?[f]:[f].concat(c);b.removeAttribute(d.name);b.classList.remove(d.name);b.setAttribute("avalonctrl",d.value);f.$events.expr=b.tagName+'[avalonctrl="'+d.value+'"]'}Wa(b,c)}}function va(b,c){for(var d=b.firstChild;d;){var e=d.nextSibling;Xa(d,d.nodeType,c);d=
+e}}function Ya(b,c){for(var d=0,e;e=b[d++];)Xa(e,e.nodeType,c)}function Xa(b,c,d){1===c?Va(b,d):3===c&&ba.test(b.data)?Za(b,d):s.commentInterpolate&&(8===c&&!ba.test(b.nodeValue))&&Za(b,d)}function Za(b,c){var d=[];if(8===b.nodeType){var e=[],f={expr:!0,value:$a(b.nodeValue,e)};e.length&&(f.filters=e);e=[f]}else e=wa(b.data);if(e.length){for(var g=0;f=e[g++];){var h=q.createTextNode(f.value);if(f.expr){var k=f.filters,f={type:"text",element:h,value:f.value,filters:k};k&&-1!==k.indexOf("html")&&(avalon.Array.remove(k,
+"html"),f.type="html",f.group=1,k.length||delete d.filters);d.push(f)}U.appendChild(h)}b.parentNode.replaceChild(U,b);d.length&&xa(d,c)}}function Wa(b,c){for(var d=b.hasAttributes()?avalon.slice(b.attributes):[],e=[],f={},g,h=0,k;k=d[h++];)if(k.specified&&(g=k.name.match(Fb))){var l=g[1],n=g[2]||"",m=k.value;k=k.name;f[k]=m;Gb[l]?(n=l,l="on"):"enabled"===l&&(l="disabled",m="!("+m+")");if("checked"===l||"selected"===l||"disabled"===l||"readonly"===l)n=l,l="attr",b.removeAttribute(k),k="ms-attr-"+n,
+b.setAttribute(k,m),g=[k],f[k]=m;"function"===typeof x[l]&&(m={type:l,param:n,element:b,name:g[0],value:m,priority:l in ab?ab[l]:10*l.charCodeAt(0)+(Number(n)||0)},"if"===l&&"loop"===n&&(m.priority+=100),c.length&&(e.push(m),"widget"===l&&(b.msData=b.msData||f)))}f["ms-checked"]&&f["ms-duplex"]&&v("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");e.sort(function(b,c){return b.priority-c.priority});d=e[0]||{};switch(d.type){case "if":case "repeat":case "widget":xa([d],
+c);break;default:xa(e,c),!Hb[b.tagName]&&bb.test(b.innerHTML+b.textContent)&&va(b,c)}}function xa(b,c){for(var d=0,e;e=b[d++];)e.vmodels=c,x[e.type](e,c),e.evaluator&&(e.element&&1===e.element.nodeType)&&e.element.removeAttribute(e.name);b.length=0}function $a(b,c){0<b.indexOf("|")&&(b=b.replace(Ib,"U2hvcnRDaXJjdWl0"),b=b.replace(Jb,function(b,e,f){c.push(e+(f||""));return""}),b=b.replace(Kb,"||"));return b}function wa(b){var c=[],d;d=0;var e;do{e=b.indexOf(J,d);if(-1===e)break;(d=b.slice(d,e))&&
+c.push({value:d,expr:!1});d=e+J.length;e=b.indexOf(K,d);if(-1===e)break;if(d=b.slice(d,e)){var f=[];d=$a(d,f);c.push({value:d,expr:!0,filters:f.length?f:void 0})}d=e+K.length}while(1);(d=b.slice(d))&&c.push({value:d,expr:!1});return c}function Lb(b,c,d,e){for(var f=[],g=" = "+d+".",h=b.length,k;k=b[--h];)c.hasOwnProperty(k)&&(f.push(k+g+k),"duplex"===e.type&&(b.get=d+"."+k),b.splice(h,1));return f}function cb(b){for(var c=[],d={},e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;
+d[g]||(d[g]=c.push(f))}return c}function db(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];return c[e]=f}var d=[];return c}function pa(b,c,d){var e=d.type,f=d.filters?d.filters.join(""):"",g=c.map(function(b){return b.$id.replace(Mb,"$1")})+b+e+f,h=Nb(b).concat(),k=[],l=[],n=[],m="";c=cb(c);for(var p=0,m=c.length;p<m;p++)if(h.length){var D="vm"+C+"_"+p;l.push(D);n.push(c[p]);k.push.apply(k,Lb(h,c[p],D,d))}if(k.length||"duplex"!==e)if(f&&n.push(avalon.filters),d.args=n,c=ya[g])d.evaluator=c;else{(m=
+k.join(", "))&&(m="var "+m);if(f){b="\nvar ret"+C+" = "+b;e=[];e.push(b,"\r\n");for(p=0;f=d.filters[p++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",C,".",f,"){\n\ttry{\nret",C," = filters",C,".",f,"(ret",C,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+C;l.push("filters"+C)}else{if("duplex"===e){m="'use strict';\nreturn function(vvv){\n\t"+m+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!Ob.test(b)?
+h.get:b)+"= vvv;\n} ";try{c=Function.apply(w,l.concat(m)),d.evaluator=ya(g,c)}catch(S){v("debug: parse error,"+S.message)}return}"on"===e?(b=-1===b.indexOf("(")?b+".call(this, $event)":b.replace("(",".call(this,"),l.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),p=b.slice(0,e),b=b.slice(e),b=p+"\n"+b):b="\nreturn "+b+";"}try{c=Function.apply(w,l.concat("'use strict';\n"+m+b)),d.evaluator=ya(g,c)}catch(X){v("debug: parse error,"+X.message)}finally{h=e=l=null}}}function O(b,c,d,e){Array.isArray(e)&&
+(b=e.map(function(b){return b.expr?"("+b.value+")":JSON.stringify(b.value)}).join(" + "));pa(b,c,d);d.evaluator&&(d.handler=za[d.handlerName||d.type],d.evaluator.toString=function(){return d.type+" binding to eval("+b+")"},ta(d))}function ca(b,c){var d="_"+b;if(!ca[d]){var e=q.createElement(b);E.appendChild(e);c=getComputedStyle(e,null).display;E.removeChild(e);ca[d]=c}return ca[d]}function V(b,c){switch(b.msType){case "boolean":return"true"===c;case "number":return isFinite(c)||""===c?parseFloat(c)||
+0:c;default:return c}}function eb(b,c,d){var e=q.createEvent("Events");e.initEvent(c,!0,!0);d&&(e.detail=d);b.dispatchEvent(e)}function Pb(){!this.disabled&&this.oldValue!==this.value&&eb(this,"input")}function P(){for(var b=z.length-1;0<=b;b--)!1===(0,z[b])()&&z.splice(b,1);z.length||clearInterval(H)}function Qb(b){Rb.call(this,b);b!==this.oldValue&&eb(this,"input")}function yb(b){var c=[];c.$id=Ka();c.$model=b;c.$events={};c.$events[G]=[];c._=I({length:b.length});c._.$watch("length",function(b,
+d){c.$fire("length",b,d)});for(var d in N)c[d]=N[d];avalon.mix(c,fb);return c}function gb(b,c,d,e){var f=avalon.parseHTML(b.template),g=avalon.slice(f.childNodes);c.appendChild(f);d.$outer=b.$outer;b={nodes:g,vmodels:[d].concat(b.vmodels)};e.push(b)}function Aa(b,c){if("repeat"==b.type)for(var d=b.element.nextSibling,e=0;e<c;e++)if(d)d=d.nextSibling;else break;else d=avalon.slice(b.element.parentNode.childNodes,1),d=d[(b.group||d.length/b.proxies.length)*c];return d||null}function hb(b,c,d){c*=d||
+1;d=[b];for(var e=1,f=U;e<c;)(b=b.nextSibling)&&(d[e++]=b);for(e=0;b=d[e++];)f.appendChild(b);return f}function ib(b){if(!isFinite(b.group)){var c=avalon.slice(b.element.parentNode.childNodes,1);b.group=c.length/("proxySize"in b?b.proxySize:b.proxies.length)}}function Sb(b,c,d){b=I({$key:b,$outer:d,$val:c},{$val:1,$key:1});b.$id=("$proxy$with"+Math.random()).replace(/0\./,"");return b}function Tb(b,c,d,e){var f=d.param||"el",g;b={$remove:function(){return d.$repeat.removeAt(g.$index)},$itemName:f,
+$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=da.length;e<h;e++)if(g=da[e],g.hasOwnProperty(f)){for(var k in b)g[k]=b[k];da.splice(e,1);return g}c=avalon.type(c);if("object"===c||"function"===c)b.$skipArray=[f];g=I(b,Ub);g.$watch(f,function(b){d.$repeat.set(g.$index,b)});g.$id=("$proxy$"+d.type+Math.random()).replace(/0\./,"");return g}function jb(b){for(var c=0,d;d=b[c++];){var e=void 0;for(e in d.$events)Array.isArray(d.$events[e])&&(d.$events[e].length=0);da.unshift(d)>
+s.maxRepeatSize&&da.pop()}b.length=0}function ea(){A?(r["ready!"].state=2,A.checkDeps()):kb.forEach(function(b){b(avalon)});ea=w}var C=Date.now(),G="$"+C,u=this||(0,eval)("this"),Vb=u.require,Wb=u.define,ha=!1,B=/[^, ]+/g,Ma=/^(?:object|array)$/,lb=/^\[object SVG\w*Element\]$/,Xb=/^\[object (Window|DOMWindow|global)\]$/,Ba=Object.prototype,Na=Ba.hasOwnProperty,Ca=Ba.toString,L=Array.prototype,na=L.slice,$={},F=q.head,E=q.documentElement,U=q.createDocumentFragment(),fa=q.createElement("div"),mb={};
+"Boolean Number String Function Array Date RegExp Object Error".replace(B,function(b){mb["[object "+b+"]"]=b.toLowerCase()});u.avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.isFunction=R;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?mb[Ca.call(b)]||"object":typeof b};avalon.isWindow=function(b){return Xb.test(Ca.call(b))};avalon.isPlainObject=function(b){return!!b&&
+"object"===typeof b&&Object.getPrototypeOf(b)===Ba};avalon.mix=avalon.fn.mix=function(){var b,c,d,e,f,g=arguments[0]||{},h=1,k=arguments.length,l=!1;"boolean"===typeof g&&(l=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===k&&(g=this,h--);for(;h<k;h++)if(null!=(b=arguments[h]))for(c in b)d=g[c],e=b[c],g!==e&&(l&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,d=d&&Array.isArray(d)?d:[]):d=d&&avalon.isPlainObject(d)?d:{},g[c]=avalon.mix(l,d,e)):void 0!==
+e&&(g[c]=e));return g};avalon.mix({rword:B,subscribers:G,version:1.36,ui:{},log:v,noop:w,error:function(b,c){throw new (c||Error)(b);},oneObject:Q,range:function(b,c,d){d||(d=1);null==c&&(c=b||0,b=0);var e=-1;c=Math.max(0,Math.ceil((c-b)/d));for(var f=Array(c);++e<c;)f[e]=b,b+=d;return f},slice:function(b,c,d){return na.call(b,c,d)},eventHooks:{},bind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type,f.deel&&(d=f.deel(b,d)));b.addEventListener(c,d,!!e);return d},unbind:function(b,
+c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type);b.removeEventListener(c,d||w,!!e)},css:function(b,c,d){b instanceof avalon&&(b=b[0]);var e=/[_-]/.test(c)?la(c):c;c=avalon.cssName(e)||e;if(void 0===d||"boolean"===typeof d)return e=y[e+":get"]||y["@:get"],b=e(b,c),!0===d?parseFloat(b)||0:b;""===d?b.style[c]="":null==d||d!==d||(isFinite(d)&&!avalon.cssNumber[e]&&(d+="px"),e=y[e+":set"]||y["@:set"],e(b,c,d))},each:function(b,c){if(b){var d=0,e;a:{if(b&&"object"===typeof b){e=b.length;
+var f=Ca.call(b);if(/(Array|List|Collection|Map|Arguments)\]$/.test(f)){e=!0;break a}else if("[object Object]"===f&&+e===e&&!(e%1)&&0<=e){e=!0;break a}}e=!1}if(e)for(e=b.length;d<e;d++)c(d,b[d]);else for(d in b)b.hasOwnProperty(d)&&c(d,b[d])}},getWidgetData:function(b,c){var d=avalon(b).data(),e={},f;for(f in d)0===f.indexOf(c)&&(e[f.replace(c,"").replace(/\w/,function(b){return b.toLowerCase()})]=d[f]);return e},parseJSON:JSON.parse,Array:{ensure:function(b,c){if(-1===b.indexOf(c))return b.push(c)},
+removeAt:function(b,c){return!!b.splice(c,1).length},remove:function(b,c){var d=b.indexOf(c);return~d?avalon.Array.removeAt(b,d):!1}}});avalon.nextTick=u.setImmediate?setImmediate.bind(u):function(b){setTimeout(b,0)};E.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});avalon.contains=function(b,c){try{for(;c=c.parentNode;)if(c===b)return!0;return!1}catch(d){return!1}};if(u.SVGElement){var nb=q.createElementNS("http://www.w3.org/2000/svg","svg");nb.innerHTML=
+'<circle cx="50" cy="50" r="40" fill="red" />';if(!lb.test(nb.firstChild)){var Da=function(b,c){if(b&&b.childNodes)for(var d=b.childNodes,e=0,f;f=d[e++];)if(f.tagName){var g=q.createElementNS("http://www.w3.org/2000/svg",f.tagName.toLowerCase());L.forEach.call(f.attributes,function(b){g.setAttribute(b.name,b.value)});Da(f,g);c.appendChild(g)}};Object.defineProperties(SVGElement.prototype,{outerHTML:{enumerable:!0,configurable:!0,get:function(){return(new XMLSerializer).serializeToString(this)},set:function(b){var c=
+this.tagName.toLowerCase(),d=this.parentNode;b=avalon.parseHTML(b);"svg"===c?d.insertBefore(b,this):(c=q.createDocumentFragment(),Da(b,c),d.insertBefore(c,this));d.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,get:function(){var b=RegExp("</"+this.nodeName+">$","i");return this.outerHTML.replace(RegExp("<"+this.nodeName+'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTML&&(avalon.clearHTML(this),b=avalon.parseHTML(b),Da(b,this))}}})}}var oa=avalon.vmodels=
+{};avalon.define=function(b,c){var d=b.$id||b;d||v("warning: \u5fc5\u987b\u6307\u5b9a$id");oa[b]&&v("warning: "+d+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"===typeof b)var e=I(b);else e={$watch:w},c(e),e=I(e),ha=!0,c(e),ha=!1;e.$id=d;return oa[d]=e};var La="$id,$watch,$unwatch,$fire,$events,$model,$skipArray".match(B),ja=Object.is||function(b,c){return 0===b&&0===c?1/b===1/c:b!==b?c!==c:b===c},T={},ka=0,sa={},J,K,ba,ob,bb,pb=/[-.*+?^${}()|[\]\/\\]/g,M={loader:function(b){u.define=
+b?A.define:Wb;u.require=b?A:Vb},interpolate:function(b){J=b[0];K=b[1];J===K?avalon.error("openTag!==closeTag",SyntaxError):"\x3c!--,--\x3e"===b+""?s.commentInterpolate=!0:(b=J+"test"+K,fa.innerHTML=b,fa.innerHTML!==b&&0<=fa.innerHTML.indexOf("&lt;")&&avalon.error("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5",SyntaxError),fa.innerHTML="");b=(J+"").replace(pb,"\\$&");var c=(K+"").replace(pb,"\\$&");ba=RegExp(b+"(.*?)"+c);ob=RegExp(b+"(.*?)"+c,"g");bb=RegExp(b+".*?"+c+"|\\sms-")}};s.debug=!0;s.plugins=
+M;s.plugins.interpolate(["{{","}}"]);s.paths={};s.shim={};s.maxRepeatSize=100;avalon.config=s;"add,remove".replace(B,function(b){avalon.fn[b+"Class"]=function(c){var d=this[0];c&&("string"===typeof c&&d&&1===d.nodeType)&&c.replace(/\S+/g,function(c){d.classList[b](c)});return this}});avalon.fn.mix({hasClass:function(b){var c=this[0]||{};return 1===c.nodeType&&c.classList.contains(b)},toggleClass:function(b,c){for(var d,e=0,f=b.split(/\s+/),g="boolean"===typeof c;d=f[e++];)this[(g?c:!this.hasClass(d))?
+"addClass":"removeClass"](d);return this},attr:function(b,c){return 2===arguments.length?(this[0].setAttribute(b,c),this):this[0].getAttribute(b)},data:function(b,c){b="data-"+Oa(b||"");switch(arguments.length){case 2:return this.attr(b,c),this;case 1:var d=this.attr(b);return ma(d);case 0:var e={};L.forEach.call(this[0].attributes,function(c){c&&(b=c.name,b.indexOf("data-")||(b=la(b.slice(5)),e[b]=ma(c.value)))});return e}},removeData:function(b){b="data-"+Oa(b);this[0].removeAttribute(b);return this},
+css:function(b,c){if(avalon.isPlainObject(b))for(var d in b)avalon.css(this,d,b[d]);else var e=avalon.css(this,b,c);return void 0!==e?e:this},position:function(){var b,c,d=this[0],e={top:0,left:0};if(d)return"fixed"===this.css("position")?c=d.getBoundingClientRect():(b=this.offsetParent(),c=this.offset(),"HTML"!==b[0].tagName&&(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],"borderLeftWidth",!0)),{top:c.top-e.top-avalon.css(d,"marginTop",!0),left:c.left-e.left-avalon.css(d,
+"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||E;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=b.offsetParent;return avalon(b||E)},bind:function(b,c,d){if(this[0])return avalon.bind(this[0],b,c,d)},unbind:function(b,c,d){this[0]&&avalon.unbind(this[0],b,c,d);return this},val:function(b){var c=this[0];if(c&&1===c.nodeType){var d=0===arguments.length,e=d?":get":":set",f=Yb,g;g=c.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(c.type)?"checked":
+g;if(e=f[g+e])var h=e(c,b);else{if(d)return(c.value||"").replace(/\r/g,"");c.value=b}}return d?h:this}});E.dataset&&(avalon.data=function(b,c){var d=this[0].dataset;switch(arguments.length){case 2:return d[b]=c,this;case 1:return c=d[b],ma(c);case 0:var e={};for(b in d)e[b]=ma(d[b]);return e}});var Bb=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;avalon.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){avalon.fn[b]=function(d){var e=this[0]||{},f=e.window&&e.document?e:9===e.nodeType?e.defaultView:
+!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?d:avalon(f).scrollLeft(),g?d:avalon(f).scrollTop()):e[b]=d;else return f?f[c]:e[b]}});var y=avalon.cssHooks={},qb=["","-webkit-","-o-","-moz-","-ms-"],Ea={"float":"cssFloat",background:"backgroundColor"};avalon.cssNumber=Q("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");avalon.cssName=function(b,c,d){if(Ea[b])return Ea[b];c=c||E.style;for(var e=0,f=qb.length;e<f;e++)if(d=la(qb[e]+b),d in c)return Ea[b]=
+d;return null};y["@:set"]=function(b,c,d){b.style[c]=d};y["@:get"]=function(b,c){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+b);var d,e=getComputedStyle(b,null);e&&(d="filter"===c?e.getPropertyValue(c):e[c],""===d&&(d=b.style[c]));return d};y["opacity:get"]=function(b){b=y["@:get"](b,"opacity");return""===b?"1":b};"top,left".replace(B,function(b){y[b+":get"]=function(c){var d=y["@:get"](c,b);return/px$/.test(d)?d:avalon(c).position()[b]+"px"}});
+var Qa={position:"absolute",visibility:"hidden",display:"block"},Cb=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(B,function(b){var c=b.toLowerCase(),d="client"+b,e="scroll"+b,f="offset"+b;y[c+":get"]=function(c,d,e){var l=-4;"number"===typeof e&&(l=e);d="Width"===b?["Left","Right"]:["Top","Bottom"];e=c[f];if(2===l)return e+avalon.css(c,"margin"+d[0],!0)+avalon.css(c,"margin"+d[1],!0);0>l&&(e=e-avalon.css(c,"border"+d[0]+"Width",!0)-avalon.css(c,"border"+d[1]+"Width",!0));-4===l&&(e=e-avalon.css(c,
+"padding"+d[0],!0)-avalon.css(c,"padding"+d[1],!0));return e};y[c+"&get"]=function(b){var d=[];Pa(b,d);for(var e=y[c+":get"](b),f=0,n;n=d[f++];){b=n.node;for(var m in n)"string"===typeof n[m]&&(b.style[m]=n[m])}return e};avalon.fn[c]=function(g){var h=this[0];if(0===arguments.length){if(h.setTimeout)return h["inner"+b]||h.document.documentElement[d];if(9===h.nodeType){var k=h.documentElement;return Math.max(h.body[e],k[e],h.body[f],k[f],k[d])}return y[c+"&get"](h)}return this.css(c,g)};avalon.fn["inner"+
+b]=function(){return y[c+":get"](this[0],void 0,-2)};avalon.fn["outer"+b]=function(b){return y[c+":get"](this[0],void 0,!0===b?2:0)}});avalon.fn.offset=function(){var b=this[0],c={left:0,top:0};if(!b||!b.tagName||!b.ownerDocument)return c;var d=b.ownerDocument,e=d.documentElement,d=d.defaultView;if(!e.contains(b))return c;void 0!==b.getBoundingClientRect&&(c=b.getBoundingClientRect());return{top:c.top+d.pageYOffset-e.clientTop,left:c.left+d.pageXOffset-e.clientLeft}};var Yb={"select:get":function(b,
+c){for(var d,e=b.options,f=b.selectedIndex,g="select-one"===b.type||0>f,h=g?null:[],k=g?f+1:e.length,l=0>f?k:g?f:0;l<k;l++)if(d=e[l],(d.selected||l===f)&&!d.disabled){c=d.value;if(g)return c;h.push(c)}return h},"select:set":function(b,c,d){c=[].concat(c);for(var e=0,f;f=b.options[e++];)if(f.selected=0<=c.indexOf(f.value))d=!0;d||(b.selectedIndex=-1)}},rb=/<([\w:]+)/,sb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Zb=Q("text/javascript","text/ecmascript","application/ecmascript",
+"application/javascript","text/vbscript"),tb=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,t=new function(){avalon.mix(this,{option:q.createElement("select"),thead:q.createElement("table"),td:q.createElement("tr"),area:q.createElement("map"),tr:q.createElement("tbody"),col:q.createElement("colgroup"),legend:q.createElement("fieldset"),"*":q.createElement("div"),text:q.createElementNS("http://www.w3.org/2000/svg","svg")});this.optgroup=this.option;this.tbody=this.tfoot=this.colgroup=this.caption=this.thead;
+this.th=this.td;this.circle=this.ellipse=this.line=this.path=this.polygon=this.polyline=this.rect=this.text};avalon.clearHTML=function(b){for(;b.firstChild;)b.removeChild(b.firstChild);return b};rb=/<([\w:]+)/;sb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig;tb=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/;t={area:[1,"<map>"],param:[1,"<object>"],col:[2,"<table><tbody></tbody><colgroup>","</table>"],legend:[1,"<fieldset>"],option:[1,"<select multiple='multiple'>"],thead:[1,
+"<table>","</table>"],tr:[2,"<table><tbody>"],td:[3,"<table><tbody><tr>"],text:[1,'<svg xmlns="http://www.w3.org/2000/svg" version="1.1">',"</svg>"],_default:[0,""]};t.optgroup=t.option;t.tbody=t.tfoot=t.colgroup=t.caption=t.thead;t.th=t.td;t.circle=t.ellipse=t.line=t.path=t.polygon=t.polyline=t.rect=t.text;var $b=q.createElement("script");avalon.parseHTML=function(b){"string"!==typeof b&&(b+="");b=b.replace(sb,"<$1></$2>").trim();var c=(rb.exec(b)||["",""])[1].toLowerCase(),d=t[c]||t._default,c=
+U.cloneNode(!1),e=fa,f;e.innerHTML=d[1]+b+(d[2]||"");b=e.getElementsByTagName("script");if(b.length)for(var g=0,h;h=b[g++];)if(!h.type||Zb[h.type])f=$b.cloneNode(!1),L.forEach.call(h.attributes,function(b){b&&b.specified&&(f[b.name]=b.value)}),f.text=h.text,h.parentNode.replaceChild(f,h);for(g=d[0];g--;e=e.lastChild);for(;d=e.firstChild;)c.appendChild(d);return c};avalon.innerHTML=function(b,c){if(!/<script/i.test(c)&&!tb.test(c))b.innerHTML=c;else{var d=this.parseHTML(c);this.clearHTML(b).appendChild(d)}};
+var N={$watch:function(b,c){if("function"===typeof c){var d=this.$events[b];d?d.push(c):this.$events[b]=[c]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,c){var d=arguments.length;if(0===d)this.$watch.backup=this.$events,this.$events={};else if(1===d)this.$events[b]=[];else for(var d=this.$events[b]||[],e=d.length;0>~--e;)if(d[e]===c)return d.splice(e,1);return this},$fire:function(b){var c;/^(\w+)!(\S+)$/.test(b)&&(c=RegExp.$1,b=RegExp.$2);for(var d=this.$events,e=d[b]||[],
+f=d.$all||[],g=na.call(arguments,1),h=0,k;k=e[h++];)R(k)&&k.apply(this,g);for(h=0;k=f[h++];)R(k)&&k.apply(this,arguments);if(d=d.expr&&q.querySelector(d.expr)){var l=[b].concat(g);if("up"===c||"down"===c||"all"===c){for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&(g.$events&&g.$events.expr)&&g!==this)if(e=q.querySelector(g.$events.expr),"all"===c||("down"===c?d.contains(e):e.contains(d)))e._avalon=g;var h=q.querySelectorAll("[avalonctrl]"),n=[];Array.prototype.forEach.call(h,function(b){b._avalon&&
+(n.push(b._avalon),b._avalon="",b.removeAttribute("_avalon"))});"up"===c&&n.reverse();n.forEach(function(b){b.$fire.apply(b,l)})}}}},Db=/^(duplex|on)$/,aa=[],ua=0,Eb=200,Ta=Date.now(),Sa;avalon.scan=function(b,c){b=b||E;var d=c?[].concat(c):[];Va(b,d)};var Hb=Q("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),Fb=/ms-(\w+)-?(.*)/,ab={"if":10,repeat:90,data:100,widget:110,each:1400,"with":1500,duplex:2E3,on:3E3},Gb=Q("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit"),
+Jb=/\|\s*(\w+)\s*(\([^)]*\))?/g,Ib=/\|\|/g,Kb=/U2hvcnRDaXJjdWl0/g,ac=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,bc=/[^\w$]+/g,cc=RegExp(""+("\\b"+"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,
+"\\b|\\b")+"\\b"),"g"),dc=/\b\d[^,]*/g,ec=/^,+|,+$/g,Fa=db(512),Nb=function(b){var c=","+b.trim();if(Fa[c])return Fa[c];b=b.replace(ac,"").replace(bc,",").replace(cc,"").replace(dc,"").replace(ec,"").split(/^$|,+/);return Fa(c,cb(b))},ya=db(128),Ob=/\w\[.*\]|\w\.\w/,Mb=/(\$proxy\$[a-z]+)\d+$/;avalon.parseExprProxy=O;F.insertAdjacentHTML("afterBegin",'<style id="avalonStyle">.avalonHide{ display: none!important }</style>');var ga=function(b,c,d){if(b=b.getAttribute(c)){c=0;for(var e;e=d[c++];)if(e.hasOwnProperty(b)&&
+"function"===typeof e[b])return e[b]}},Ga=avalon.templateCache={},Ha={};"autofocus,autoplay,async,checked,controls,declare,disabled,defer,defaultChecked,defaultSelectedcontentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected".replace(B,function(b){Ha[b.toLowerCase()]=b});var za=avalon.bindingExecutors={attr:function(b,c,d){function e(b){n&&(b=n.apply(c,[b].concat(k)));avalon.innerHTML(c,b);va(c,k);l&&Ua(c,function(){l.call(c)})}var f=d.type,g=d.param;if("css"===f)avalon(c).css(g,
+b);else if("attr"===f){if(Ha[g]&&(d=Ha[g],"boolean"===typeof c[d]))return c[d]=!!b;if(!1===b||null===b||void 0===b)return c.removeAttribute(g);if(u.VBArray&&!lb.test(c))var h=(c.attributes||{})[g],h=h&&!1===h.expando;h?c[g]=b:c.setAttribute(g,b)}else if("include"===f&&b){var k=d.vmodels,l=ga(c,"data-include-rendered",k),n=ga(c,"data-include-loaded",k);if("src"===d.param)if(Ga[b])avalon.nextTick(function(){e(Ga[b])});else{var m=new u.XMLHttpRequest;m.onload=function(){var c=m.status;if(200<=c&&300>
+c||304===c)e(Ga[b]=m.responseText)};m.open("GET",b,!0);m.withCredentials=!0;m.setRequestHeader("X-Requested-With","XMLHttpRequest");m.send(null)}else{var p=b&&1==b.nodeType?b:q.getElementById(b);avalon.nextTick(function(){e(p.value||p.innerText||p.innerHTML)})}}else c[f]=b,u.chrome&&"EMBED"===c.tagName&&(g=c.parentNode,h=document.createComment("ms-src"),g.replaceChild(h,c),g.replaceChild(c,h))},"class":function(b,c,d){var e=avalon(c),f=d.type;if("class"===f&&d.oldStyle)e.toggleClass(d.oldStyle,!!b);
+else switch(d.toggleClass=d._evaluator?!!d._evaluator.apply(c,d._args):!0,d.newClass=d.immobileClass||b,d.oldClass&&d.newClass!==d.oldClass&&e.removeClass(d.oldClass),d.oldClass=d.newClass,f){case "class":e.toggleClass(d.newClass,d.toggleClass);break;case "hover":case "active":if(!d.hasBindEvent){b="mouseenter";var g="mouseleave";"active"===f&&(c.tabIndex=c.tabIndex||-1,b="mousedown",g="mouseup",e.bind("mouseleave",function(){d.toggleClass&&e.removeClass(d.newClass)}));e.bind(b,function(){d.toggleClass&&
+e.addClass(d.newClass)});e.bind(g,function(){d.toggleClass&&e.removeClass(d.newClass)});d.hasBindEvent=!0}}},data:function(b,c,d){d="data-"+d.param;b&&"object"===typeof b?c[d]=b:c.setAttribute(d,String(b))},repeat:function(b,c,d){if(b){var e=this.element.parentNode,f=this.proxies,g=U.cloneNode(!1);if("del"===b||"move"===b)var h=Aa(this,c);var k=this.group;switch(b){case "add":for(var l=d,n=this.$repeat.length-1,k=[],h=0,m=l.length;h<m;h++){var p=h+c,D=Tb(p,l[h],this,n);f.splice(p,0,D);gb(this,g,D,
+k)}h=Aa(this,c);e.insertBefore(g,h);for(h=0;f=k[h++];)Ya(f.nodes,f.vmodels),f.nodes=f.vmodels=null;ib(this);break;case "del":f=f.splice(c,d);g=hb(h,k,d);avalon.clearHTML(g);jb(f);break;case "index":for(n=f.length-1;d=f[c];c++)d.$index=c,d.$first=0===c,d.$last=c===n;break;case "clear":if(g="proxySize"in this?this.proxySize:f.length){m=g*k;for(g=0;;)if((k=this.element.nextSibling)&&g<m)e.removeChild(k),g++;else break;jb(f)}break;case "move":if(g=f.splice(c,1)[0])f.splice(d,0,g),g=hb(h,k),h=Aa(this,
+d),e.insertBefore(g,h);break;case "set":(D=f[c])&&(D[D.$itemName]=d);break;case "append":f=d;l=[];k=[];for(m in c)c.hasOwnProperty(m)&&"hasOwnProperty"!==m&&l.push(m);this.sortedCallback&&(h=this.sortedCallback.call(e,l))&&(Array.isArray(h)&&h.length)&&(l=h);for(h=0;m=l[h++];)"hasOwnProperty"!==m&&gb(this,g,f[m],k);this.proxySize=l.length;e.insertBefore(g,this.element.nextSibling);for(h=0;f=k[h++];)Ya(f.nodes,f.vmodels),f.nodes=f.vmodels=null;ib(this)}var S=this.renderedCallback||w,X=arguments;Ua(e,
+function(){S.apply(e,X);e.oldValue&&("SELECT"===e.tagName&&"index"===b)&&avalon(e).val(e.oldValue.split(","))})}},html:function(b,c,d){b=null==b?"":b;var e="group"in d?c.parentNode:c;if("group"in d){var f;if(11===b.nodeType)f=b;else if(1===b.nodeType||b.item){b=1===b.nodeType?b.childNodes:b.item?b:[];for(f=U.cloneNode(!0);b[0];)f.appendChild(b[0])}else f=avalon.parseHTML(b);b=avalon.slice(f.childNodes);0==b.length&&(b=q.createComment("ms-html"),f.appendChild(b),b=[b]);e.insertBefore(f,c);for(f=d.group;c;){var g=
+c.nextSibling;e.removeChild(c);f--;if(0==f||null===g)break;c=g}d.element=b[0];d.group=b.length}else avalon.innerHTML(e,b);avalon.nextTick(function(){va(e,d.vmodels)})},"if":function(b,c,d){b?(8===c.nodeType&&(c.parentNode.replaceChild(d.template,c),c=d.element=d.template),c.getAttribute(d.name)&&(c.removeAttribute(d.name),Wa(c,d.vmodels))):1===c.nodeType&&(b=d.element=q.createComment("ms-if"),c.parentNode.replaceChild(b,c),d.template=c,F.appendChild(c))},on:function(b,c,d){d.type="on";b=function(b){return(d.evaluator||
+w).apply(this,d.args.concat(b))};var e=d.param.replace(/-\d+$/,"");if("scan"===e)b.call(c,{type:e});else if("function"===typeof d.specialBind)d.specialBind(c,b);else var f=avalon.bind(c,e,b);d.rollback=function(){"function"===typeof d.specialUnbind?d.specialUnbind():avalon.unbind(c,d.param,f)}},text:function(b,c){b=null==b?"":b;if(3===c.nodeType)try{c.data=b}catch(d){}else c.textContent=b},visible:function(b,c,d){c.style.display=b?d.display:"none"},widget:w},ub=/\(([^)]*)\)/;avalon.parseDisplay=ca;
+var x=avalon.bindingHandlers={attr:function(b,c){var d=b.value.trim(),e=!0;-1<d.indexOf(J)&&2<d.indexOf(K)&&(e=!1,ba.test(d)&&(""===RegExp.rightContext&&""===RegExp.leftContext)&&(e=!0,d=RegExp.$1));b.handlerName="attr";O(d,c,b,e?null:wa(b.value))},"class":function(b,c){var d=b.param,e=b.value;b.handlerName="class";if(!d||isFinite(d)){b.param="";var f=e.replace(ob,function(b){return Math.pow(10,b.length-1)}).indexOf(":");if(-1===f)d=e;else if(d=e.slice(0,f),e=e.slice(f+1),pa(e,c,b),b.evaluator)b._evaluator=
+b.evaluator,b._args=b.args;else return v("debug: ms-class '"+(e||"").trim()+"' \u4e0d\u5b58\u5728\u4e8eVM\u4e2d"),!1;e=ba.test(d);e||(b.immobileClass=d);O("",c,b,e?wa(d):null)}else b.immobileClass=b.oldStyle=b.param,O(e,c,b)},duplex:function(b,c){var d=b.element;if("function"===typeof W[d.tagName]&&(b.changed=ga(d,"data-duplex-changed",c)||w,pa(b.value,c,b),b.evaluator&&b.args)){var e=d.form;e&&e.msValidate&&e.msValidate(d);b.msType=b.param||"";"bool"===b.msType?(b.msType="boolean",v("ms-duplex-bool\u5df2\u7ecf\u66f4\u540d\u4e3ams-duplex-boolean")):
+"text"===b.msType&&(b.msType="string",v("ms-duplex-text\u5df2\u7ecf\u66f4\u540d\u4e3ams-duplex-string"));"radio"===b.msType&&v("ms-duplex-radio\u5c06\u57282.0\u5e9f\u6389\uff0c\u8bf7\u5c3d\u91cf\u4e0d\u8981\u7528");/boolean|string|number/.test(b.msType)||(b.msType="");b.bound=function(c,e){d.addEventListener(c,e);var h=b.rollback;b.rollback=function(){d.removeEventListener(c,e);h&&h()}};W[d.tagName](d,b.evaluator.apply(null,b.args),b)}},repeat:function(b,c){var d=b.type;pa(b.value,c,b);b.proxies=
+[];var e=!1;try{var f=b.$repeat=b.evaluator.apply(0,b.args||[]),g=avalon.type(f);"object"!==g&&"array"!==g&&(e=!0,avalon.log("warning:"+b.value+"\u5bf9\u5e94\u7c7b\u578b\u4e0d\u6b63\u786e"))}catch(h){e=!0,avalon.log("warning:"+b.value+"\u7f16\u8bd1\u51fa\u9519")}g=b.element;g.removeAttribute(b.name);b.sortedCallback=ga(g,"data-with-sorted",c);b.renderedCallback=ga(g,"data-"+d+"-rendered",c);var k=b.element=q.createComment("ms-repeat");"each"===d||"with"==d?(b.template=g.innerHTML.trim(),avalon.clearHTML(g).appendChild(k)):
+(b.template=g.outerHTML.trim(),b.group=1,g.parentNode.replaceChild(k,g));b.rollback=function(){za.repeat.call(b,"clear");var c=b.element,d=c.parentNode,e=avalon.parseHTML(b.template),f=e.firstChild;d.replaceChild(e,c);f=b.element="repeat"===b.type?f:d;b.group=1;f.setAttribute(b.name,b.value)};g=b.value.split(".")||[];if(1<g.length){g.pop();for(var k=g[0],g=0,l;l=c[g++];)if(l&&l.hasOwnProperty(k)){g=l[k].$events;g[G]=g[G]||[];g[G].push(b);break}}if(!e){b.handler=za.repeat;b.$outer={};e="$key";k="$val";
+Array.isArray(f)&&(e="$first",k="$last");for(g=0;l=c[g++];)if(l.hasOwnProperty(e)&&l.hasOwnProperty(k)){b.$outer=l;break}(e=(f.$events||{})[G])&&avalon.Array.ensure(e,b)&&aa.push({data:b,list:e});if(!Array.isArray(f)&&"each"!==d){var n=T[f.$id];if(!n){ka++;var n=T[f.$id]={},m;for(m in f)f.hasOwnProperty(m)&&"hasOwnProperty"!==m&&function(b,c){n[b]=Sb(b,c,{});n[b].$watch("$val",function(c){f[b]=c})}(m,f[m])}b.handler("append",f,n)}else b.handler("add",0,f)}},html:function(b,c){O(b.value,c,b)},on:function(b,
+c){var d=b.value,e=b.param.replace(/-\d+$/,"");if("function"===typeof x.on[e+"Hook"])x.on[e+"Hook"](b);if(0<d.indexOf("(")&&-1<d.indexOf(")")&&(e=(d.match(ub)||["",""])[1].trim(),""===e||"$event"===e))d=d.replace(ub,"");O(d,c,b)},visible:function(b,c){var d=avalon(b.element),e=d.css("display");if("none"===e){var f=d[0].style,g=/visibility/i.test(f.cssText),h=d.css("visibility");f.display="";f.visibility="hidden";e=d.css("display");"none"===e&&(e=ca(d[0].nodeName));f.visibility=g?h:""}b.display=e;
+O(b.value,c,b)},widget:function(b,c){var d=b.value.match(B),e=b.element,f=d[0];if("$"===d[1]||!d[1])d[1]=f+setTimeout("1");b.value=d.join(",");var g=avalon.ui[f];if("function"===typeof g){c=e.vmodels||c;for(var h=d[2]||f,k=0,l;l=c[k++];)if(l.hasOwnProperty(h)&&"object"===typeof l[h]){var n=l;break}if(n){var m=n[h],m=m.$model||m,h=m[f+"Id"];"string"===typeof h&&(d[1]=h)}h=avalon.getWidgetData(e,d[0]);b[f+"Id"]=d[1];b[f+"Options"]=avalon.mix({},g.defaults,m||{},h);e.removeAttribute("ms-widget");var p=
+g(e,b,c)||{};b.evaluator=w;e.msData["ms-widget-id"]=p.$id||"";p.hasOwnProperty("$init")&&p.$init();if(p.hasOwnProperty("$remove")){var D=function(){if(!e.msRetain&&!E.contains(e))return p.$remove(),e.msData={},delete oa[p.$id],!1};u.chrome?e.addEventListener("DOMNodeRemovedFromDocument",function(){setTimeout(D)}):avalon.tick(D)}}else c.length&&(e.vmodels=c)}};"hover,active".replace(B,function(b){x[b]=x["class"]});"with,each".replace(B,function(b){x[b]=x.repeat});x["if"]=x.data=x.text=x.html;"title,alt,src,value,css,include,href".replace(B,
+function(b){x[b]=x.attr});var W=x.duplex;W.INPUT=function(b,c,d){function e(b){m=!0;d.changed.call(this,b)}function f(){p=!0}function g(){p=!1}function h(){if(!p){var f=b.oldValue=b.value,f=V(d,f);!1!==n.data("duplex-observe")&&(c(f),e.call(b,f),n.data("duplex-focus")&&avalon.nextTick(function(){b.focus()}))}}var k=b.type,l=d.bound,n=avalon(b),m=!1,p=!1;d.handler=function(){var d=c(),d=null==d?"":d+"";d!==b.value&&(b.value=d)};"checkbox"===k&&"radio"===d.param&&(k="radio");"radio"===k?(d.handler=
+function(){var e=c();b.checked=b.oldValue=d.msType?e+""===b.value:!!e},l(d.msType?"change":"click",function(){if(!1!==n.data("duplex-observe")){var f=b.value,f=d.msType?V(d,f):!b.oldValue;c(f);e.call(b,f)}})):"checkbox"===k?(d.handler=function(){var e=[].concat(c());b.checked=0<=e.indexOf(V(d,b.value))},l("change",function(){if(!1!==n.data("duplex-observe")){var f=b.checked?"ensure":"remove",g=c();Array.isArray(g)||(v("ms-duplex\u5e94\u7528\u4e8echeckbox\u4e0a\u8981\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4"),
+g=[g]);var h=V(d,b.value);avalon.Array[f](g,h);e.call(b,g)}})):(k=b.attributes["data-duplex-event"]||b.attributes["data-event"]||{},k=k.value,"change"===k?l("change",h):(l("input",h),l("compositionstart",f),l("compositionend",g)));b.oldValue=b.value;vb(function(){if(avalon.contains(E,b))Pb.call(b);else if(!b.msRetain)return!1});ta(d);var D=setTimeout(function(){m||e.call(b,b.value);clearTimeout(D)},31)};var H,z=[],vb=w;avalon.tick=function(b){1===z.push(b)&&(H=setInterval(P,60))};u.requestAnimationFrame&&
+(avalon.tick=function(b){1===z.push(b)&&(H=requestAnimationFrame(P))},P=function(){for(var b=z.length-1;0<=b;b--)!1===(0,z[b])()&&z.splice(b,1);cancelAnimationFrame(H);H=null;z.length&&(H=requestAnimationFrame(P))});u.requestAnimationFrame&&(avalon.tick=function(b){1===z.push(b)&&(H=requestAnimationFrame(P))},P=function(){for(var b=z.length-1;0<=b;b--)!1===(0,z[b])()&&z.splice(b,1);cancelAnimationFrame(H);H=null;z.length&&(H=requestAnimationFrame(P))});try{var wb=HTMLInputElement.prototype,Rb=Object.getOwnPropertyDescriptor(wb,
+"value").set;Object.defineProperty(wb,"value",{set:Qb,configurable:!0})}catch(lc){vb=avalon.tick}W.SELECT=function(b,c,d){var e=avalon(b);d.handler=function(){var d=c(),d=d&&d.$model||d;Array.isArray(d)?b.multiple||v("ms-duplex\u5728<select multiple=true>\u4e0a\u8981\u6c42\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4"):b.multiple&&v("ms-duplex\u5728<select multiple=false>\u4e0d\u80fd\u5bf9\u5e94\u4e00\u4e2a\u6570\u7ec4");d=Array.isArray(d)?d.map(String):d+"";d+""!==b.oldValue&&(e.val(d),b.oldValue=d+"")};
+d.bound("change",function(){if(!1!==e.data("duplex-observe")){var f=e.val(),f=Array.isArray(f)?f.map(function(b){return V(d,b)}):V(d,f);f+""!==b.oldValue&&c(f);d.changed.call(b,f)}});var f=NaN,g=setInterval(function(){var c=b.innerHTML;c===f?(clearInterval(g),ta(d)):f=c},20)};W.TEXTAREA=W.INPUT;var qa=avalon.eventHooks;"onmouseenter"in E||avalon.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(b,c){qa[b]={type:c,deel:function(c,e){return function(f){var g=f.relatedTarget;if(!g||g!==c&&
+!(c.compareDocumentPosition(g)&16))return delete f.type,f.type=b,e.call(c,f)}}}});avalon.each({AnimationEvent:"animationend",WebKitAnimationEvent:"webkitAnimationEnd"},function(b,c){u[b]&&!qa.animationend&&(qa.animationend={type:c})});void 0===q.onmousewheel&&(qa.mousewheel={type:"wheel",deel:function(b,c){return function(d){d.wheelDeltaY=d.wheelDelta=0<d.deltaY?-120:120;d.wheelDeltaX=0;Object.defineProperty(d,"type",{value:"mousewheel"});c.call(b,d)}}});var Ia=L.splice,fb={_splice:Ia,_fire:function(b,
+c,d){ra(this.$events[G],b,c,d)},_add:function(b,c){var d=this.length;c="number"===typeof c?c:d;for(var d=[],e=0,f=b.length;e<f;e++){var g=d,h=e,k=b[e],l=this.$model[e],n=avalon.type(k);Ma.test(n)&&(k=k.$id?k:I(k,0,l));g[h]=k}Ia.apply(this,[c,0].concat(d));this._fire("add",c,d);if(!this._stopFireLength)return this._.length=this.length},_del:function(b,c){var d=this._splice(b,c);d.length&&(this._fire("del",b,c),this._stopFireLength||(this._.length=this.length));return d},push:function(){L.push.apply(this.$model,
+arguments);var b=this._add(arguments);this._fire("index",2<b?b-2:0);return b},pushArray:function(b){return this.push.apply(this,b)},unshift:function(){L.unshift.apply(this.$model,arguments);var b=this._add(arguments,0);this._fire("index",arguments.length);return b},shift:function(){var b=this.$model.shift();this._del(0,1);this._fire("index",0);return b},pop:function(){var b=this.$model.pop();this._del(this.length-1,1);return b},splice:function(b,c){var d=this.length;b=Math.floor(b)||0;b=0>b?Math.max(d+
+b,0):Math.min(b,d);var d=Ia.apply(this.$model,arguments),e=[],f;this._stopFireLength=!0;d.length&&(e=this._del(b,d.length),f=!0);2<arguments.length&&(this._add(na.call(arguments,2),b),f=!0);this._stopFireLength=!1;this._.length=this.length;f&&this._fire("index",0);return e},contains:function(b){return-1!==this.indexOf(b)},size:function(){return this._.length},remove:function(b){return this.removeAt(this.indexOf(b))},removeAt:function(b){return 0<=b?this.splice(b,1):[]},clear:function(){this.$model.length=
+this.length=this._.length=0;this._fire("clear",0);return this},removeAll:function(b){if(Array.isArray(b))b.forEach(function(b){this.remove(b)},this);else if("function"===typeof b)for(var c=this.length-1;0<=c;c--)b(this[c],c)&&this.splice(c,1);else this.clear()},ensure:function(b){this.contains(b)||this.push(b);return this},set:function(b,c){if(0<=b){var d=avalon.type(c);c&&c.$model&&(c=c.$model);var e=this[b];if("object"===d)for(var f in c)e.hasOwnProperty(f)&&(e[f]=c[f]);else"array"===d?e.clear().push.apply(e,
+c):e!==c&&(this[b]=c,this.$model[b]=c,this._fire("set",b,c))}return this}};"sort,reverse".replace(B,function(b){fb[b]=function(){var c=this.$model,d=c.slice(0),e=!1;L[b].apply(c,arguments);for(var f=0,g=d.length;f<g;f++){var h=c[f];if(!ja(h,d[f])){var e=!0,h=d.indexOf(h,f),k=this._splice(h,1)[0],l=d.splice(h,1)[0];this._splice(f,0,k);d.splice(f,0,l);this._fire("move",h,f)}}e&&this._fire("index",0);return this}});var Ub=Q("$index,$first,$last"),da=[],fc=/<script[^>]*>([\S\s]*?)<\/script\s*>/gim,gc=
+/\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,hc=/<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig,ic={a:/\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,img:/\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,form:/\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig},jc=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,kc=/([^\#-~| |!])/g,Ja=avalon.filters={uppercase:function(b){return b.toUpperCase()},lowercase:function(b){return b.toLowerCase()},truncate:function(b,c,d){c=c||30;d=void 0===d?"...":d;return b.length>
+c?b.slice(0,c-d.length)+d:String(b)},sanitize:u.toStaticHTML?toStaticHTML.bind(u):function(b){return b.replace(fc,"").replace(hc,function(b,d){var e=b.toLowerCase().match(/<(\w+)\s/);e&&(e=ic[e[1]])&&(b=b.replace(e,function(b,c,d){b=d.charAt(0);return c+"="+b+"javascript:void(0)"+b}));return b.replace(gc," ").replace(/\s+/g," ")})},camelize:la,escape:function(b){return String(b).replace(/&/g,"&amp;").replace(jc,function(b){var d=b.charCodeAt(0);b=b.charCodeAt(1);return"&#"+(1024*(d-55296)+(b-56320)+
+65536)+";"}).replace(kc,function(b){return"&#"+b.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")},currency:function(b,c){return(c||"\uffe5")+avalon.filters.number(b)},number:function(b,c,d,e){b=(b+"").replace(/[^0-9+\-Ee.]/g,"");b=!isFinite(+b)?0:+b;c=!isFinite(+c)?0:Math.abs(c);e=e||",";d=d||".";var f="",f=function(b,c){var d=Math.pow(10,c);return""+Math.round(b*d)/d},f=(c?f(b,c):""+Math.round(b)).split(".");3<f[0].length&&(f[0]=f[0].replace(/\B(?=(?:\d{3})+(?!\d))/g,e));if((f[1]||
+"").length<c)f[1]=f[1]||"",f[1]+=Array(c-f[1].length+1).join("0");return f.join(d)}};new function(){function b(b,c,d){var e="";0>b&&(e="-",b=-b);for(b=""+b;b.length<c;)b="0"+b;d&&(b=b.substr(b.length-c));return e+b}function c(c,d,e,f){return function(g){g=g["get"+c]();if(0<e||g>-e)g+=e;0===g&&-12===e&&(g=12);return b(g,d,f)}}function d(b,c){return function(d,e){var f=d["get"+b](),g=(c?"SHORT"+b:b).toUpperCase();return e[g][f]}}function e(b){var c;if(c=b.match(k)){b=new Date(0);var d=0,e=0,f=c[8]?
+b.setUTCFullYear:b.setFullYear,g=c[8]?b.setUTCHours:b.setHours;c[9]&&(d=parseInt(c[9]+c[10],10),e=parseInt(c[9]+c[11],10));f.call(b,parseInt(c[1],10),parseInt(c[2],10)-1,parseInt(c[3],10));d=parseInt(c[4]||0,10)-d;e=parseInt(c[5]||0,10)-e;f=parseInt(c[6]||0,10);c=Math.round(1E3*parseFloat("0."+(c[7]||0)));g.call(b,d,e,f,c)}return b}var f={yyyy:c("FullYear",4),yy:c("FullYear",2,0,!0),y:c("FullYear",1),MMMM:d("Month"),MMM:d("Month",!0),MM:c("Month",2,1),M:c("Month",1,1),dd:c("Date",2),d:c("Date",1),
+HH:c("Hours",2),H:c("Hours",1),hh:c("Hours",2,-12),h:c("Hours",1,-12),mm:c("Minutes",2),m:c("Minutes",1),ss:c("Seconds",2),s:c("Seconds",1),sss:c("Milliseconds",3),EEEE:d("Day"),EEE:d("Day",!0),a:function(b,c){return 12>b.getHours()?c.AMPMS[0]:c.AMPMS[1]},Z:function(c){c=-1*c.getTimezoneOffset();return c=(0<=c?"+":"")+(b(Math[0<c?"floor":"ceil"](c/60),2)+b(Math.abs(c%60),2))}},g=/((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,h=/^\d+$/,k=/^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/,
+l=/^(\d+)-(\d+)-(\d{4})$/,n=/^(\d+)\s+(\d+),(\d{4})$/;Ja.date=function(b,c){var d=Ja.date.locate,k="",Y=[],m,Z;c=c||"mediumDate";c=d[c]||c;if("string"===typeof b){if(h.test(b))b=parseInt(b,10);else{Z=b.trim();if(Z.match(l)||Z.match(n))b=RegExp.$3+"/"+RegExp.$1+"/"+RegExp.$2;b=e(b)}b=new Date(b)}"number"===typeof b&&(b=new Date(b));if("date"===avalon.type(b)){for(;c;)(Z=g.exec(c))?(Y=Y.concat(Z.slice(1)),c=Y.pop()):(Y.push(c),c=null);Y.forEach(function(c){m=f[c];k+=m?m(b,d):c.replace(/(^'|'$)/g,"").replace(/''/g,
+"'")});return k}};var m={AMPMS:{"0":"\u4e0a\u5348",1:"\u4e0b\u5348"},DAY:{"0":"\u661f\u671f\u65e5",1:"\u661f\u671f\u4e00",2:"\u661f\u671f\u4e8c",3:"\u661f\u671f\u4e09",4:"\u661f\u671f\u56db",5:"\u661f\u671f\u4e94",6:"\u661f\u671f\u516d"},MONTH:{"0":"1\u6708",1:"2\u6708",2:"3\u6708",3:"4\u6708",4:"5\u6708",5:"6\u6708",6:"7\u6708",7:"8\u6708",8:"9\u6708",9:"10\u6708",10:"11\u6708",11:"12\u6708"},SHORTDAY:{"0":"\u5468\u65e5",1:"\u5468\u4e00",2:"\u5468\u4e8c",3:"\u5468\u4e09",4:"\u5468\u56db",5:"\u5468\u4e94",
+6:"\u5468\u516d"},fullDate:"y\u5e74M\u6708d\u65e5EEEE",longDate:"y\u5e74M\u6708d\u65e5",medium:"yyyy-M-d ah:mm:ss",mediumDate:"yyyy-M-d",mediumTime:"ah:mm:ss","short":"yy-M-d ah:mm",shortDate:"yy-M-d",shortTime:"ah:mm"};m.SHORTMONTH=m.MONTH;Ja.date.locate=m};var A,r=avalon.modules={"ready!":{exports:avalon},avalon:{exports:avalon,state:2}};new function(){function b(b){return(b||"").replace(/[?#].*/,"")}function c(b){var c;try{a.b.c()}catch(d){c=d.stack}if(c)return c=c.split(/[@ ]/g).pop(),c="("===
+c[0]?c.slice(1,-1):c.replace(/\s/,""),c.replace(/(:\d+)?:\d+$/i,"");c=(b?q:F).getElementsByTagName("script");for(var e=c.length,f;f=c[--e];)if((b||f.className===G)&&"interactive"===f.readyState)return f.className=f.src}function d(b,c){for(var e in b)if("\u53f8\u5f92\u6b63\u7f8e"===b[e]&&2!==r[e].state&&(e===c||d(r[e].deps,c)))return!0}function e(){var b=l.length,c;a:for(;c=l[--b];){c=r[c];var d=c.deps,f;for(f in d)if(Na.call(d,f)&&2!==r[f].state)continue a;2!==c.state&&(l.splice(b,1),k(c.id,c.args,
+c.factory),e())}}function f(c,d){var e=b(c.src);c.onload=c.onerror=null;if(d)setTimeout(function(){F.removeChild(c)}),v("debug: \u52a0\u8f7d "+e+" \u5931\u8d25"+d+" "+!r[e].state);else return!0}function g(c,d,e,f){if("ready!"===c||r[c]&&2===r[c].state)return c;var g;c=c.replace(/^\w+!/,function(b){g=b.slice(0,-1);return""});g=g||"js";g=M[g]||w;"object"===typeof s.shim[c]&&(f=s.shim[c]);s.paths[c]&&(c=s.paths[c]);if(/^(\w+)(\d)?:.*/.test(c))e=c;else{d=d.substr(0,d.lastIndexOf("/"));var h=c.charAt(0);
+if("."!==h&&"/"!==h)e=m+c;else if("./"===c.slice(0,2))e=d+c.slice(1);else if(".."===c.slice(0,2))for(e=d+"/"+c;t.test(e);)e=e.replace(t,"");else"/"===h?e=d+c:avalon.error("\u4e0d\u7b26\u5408\u6a21\u5757\u6807\u8bc6\u89c4\u5219: "+c)}c=b(e);(d=g.ext)&&c.slice(0-d.length)!==d&&(e+=d);s.nocache&&(e+=(-1===e.indexOf("?")?"?":"&")+Date.now());return g(e,f)}function h(b,c,d){var e=q.createElement("script");e.className=G;e.onload=function(){var e=n.pop();e&&e.delay(c);d&&d();v("debug: \u5df2\u6210\u529f\u52a0\u8f7d "+
+b)};e.onerror=function(){f(e,!0)};e.src=b;F.appendChild(e);v("debug: \u6b63\u51c6\u5907\u52a0\u8f7d "+b)}function k(b,c,d){for(var e=0,f=[],g;g=c[e++];)f.push(r[g].exports);c=Object(r[b]);d=d.apply(u,f);c.state=2;void 0!==d&&(r[b].exports=d);return d}var l=[],n=[],m;M.js=function(c,d){var e=b(c);r[e]||(r[e]={id:e,exports:{}},d?A(d.deps||"",function(){h(c,e,function(){r[e].state=2;d.exports&&(r[e].exports="function"===typeof d.exports?d.exports():u[d.exports]);A.checkDeps()})}):h(c,e));return e};M.css=
+function(b){var c=b.replace(/(#.+|\W)/g,"");if(!q.getElementById(c)){var d=q.createElement("link");d.rel="stylesheet";d.href=b;d.id=c;F.insertBefore(d,F.firstChild)}};M.css.ext=".css";M.js.ext=".js";M.text=function(b){var c=new XMLHttpRequest,d=b.replace(/[?#].*/,"");r[d]={};c.onload=function(){r[d].state=2;r[d].exports=c.responseText;A.checkDeps()};c.onerror=function(){avalon.error(b+" \u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS")};c.open("GET",b,!0);c.withCredentials=
+!0;c.setRequestHeader("X-Requested-With","XMLHttpRequest");c.send();return d};"import"in q.createElement("link")&&(M.text=function(b){function c(d,f){!f&&avalon.error(b+"\u5bf9\u5e94\u8d44\u6e90\u4e0d\u5b58\u5728\u6216\u6ca1\u6709\u5f00\u542f CORS");setTimeout(function(){F.removeChild(e)})}var d=b.replace(/[?#].*/,"");r[d]={};var e=q.createElement("link");e.rel="import";e.href=b;e.onload=function(){r[d].state=2;var b=this["import"];b&&(r[d].exports=b.documentElement.outerHTML,avalon.require.checkDeps());
+c(0,b)};e.onerror=c;F.appendChild(e);return d});var p=c(!0);p||(p=avalon.slice(document.scripts).pop().src);p=b(p);m=s.base=p.slice(0,p.lastIndexOf("/")+1);var t=/\/\w+\/\.\./;A=avalon.require=function(b,c,d){var f={},h=[],n=0,p=0,q=d||"callback"+setTimeout("1");d=d||m;String(b).replace(B,function(b){if(b=g(b,d))n++,r[b]&&2===r[b].state&&p++,f[b]||(h.push(b),f[b]="\u53f8\u5f92\u6b63\u7f8e")});r[q]={id:q,factory:c,deps:f,args:h,state:1};n===p?k(q,h,c):l.unshift(q);e()};A.define=function(e,f,g){var h=
+avalon.slice(arguments);if("string"===typeof e)var k=h.shift();"function"===typeof h[0]&&h.unshift([]);var l=r[k]&&1<=r[k].state?k:b(c());!r[l]&&k&&(r[l]={id:l,factory:g,state:1});g=h[1];g.id=k;g.delay=function(b){h.push(b);var c=!0;try{c=d(r[b].deps,b)}catch(e){}c&&avalon.error(b+"\u6a21\u5757\u4e0e\u4e4b\u524d\u7684\u6a21\u5757\u5b58\u5728\u5faa\u73af\u4f9d\u8d56\uff0c\u8bf7\u4e0d\u8981\u76f4\u63a5\u7528script\u6807\u7b7e\u5f15\u5165"+b+"\u6a21\u5757");delete g.delay;A.apply(null,h)};l?g.delay(l,
+h):n.push(g)};A.define.amd=r;A.config=s;A.checkDeps=e};var kb=[];"complete"===q.readyState?setTimeout(ea):(q.addEventListener("DOMContentLoaded",ea),u.addEventListener("load",ea));avalon.ready=function(b){A?A("ready!",b):ea===w?b(avalon):kb.push(b)};avalon.config({loader:!0});avalon.ready(function(){for(var b=q.querySelectorAll("[ms-controller],[ms-important]"),c=[],d=0,e;e=b[d++];)if(!e.__root__){for(var f=e.querySelectorAll("[ms-controller],[ms-important]"),g=0,h;h=f[g++];)h.__root__=!0;c.push(e)}for(d=
+0;e=c[d++];)avalon.scan(e)})})(document);
diff --git a/avalon.observe.js b/avalon.observe.js
index e57a00728..ef4396952 100644
--- a/avalon.observe.js
+++ b/avalon.observe.js
@@ -4,9 +4,9 @@
 // 之前的avalon通过劫持内部set,get函数实现对视图的同步，VM与M是分开的，次世代avalon是直接在原对象上修改，
 // 通过Object.observe(chrome36可以直接使用)监听用户行为进行视图同步
 // 通过Promise实现avalon.nextTick
+// Element.prototype.remove 、  Comment.prototype.remove 
 //==================================================
 (function(DOC) {
-    var prefix = "ms-"
     var expose = Date.now()
     var subscribers = "$" + expose
     var window = this || (0, eval)('this')
@@ -32,12 +32,14 @@
     function noop() {
     }
 
-    function log(a) {
-        if (avalon.config.debug) {
-            console.log(a)
+    function log() {
+        if (window.console && avalon.config.debug) {
+            // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+            console.log.apply(console, arguments)
         }
     }
 
+
     function oneObject(array, val) {
         if (typeof array === "string") {
             array = array.match(rword) || []
@@ -73,6 +75,12 @@
         return rwindow.test(serialize.call(obj))
     }
 
+    function isFunction(fn) {
+        return typeof fn === "function"
+    }
+
+    avalon.isFunction = isFunction
+
     /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
 
     avalon.isPlainObject = function(obj) {
@@ -138,7 +146,7 @@
     avalon.mix({
         rword: rword,
         subscribers: subscribers,
-        version: "1.33observe",
+        version: "1.34observe",
         ui: {},
         log: log,
         noop: noop,
@@ -254,9 +262,8 @@
             /*只有当前数组不存在此元素时只添加它*/
             ensure: function(target, item) {
                 if (target.indexOf(item) === -1) {
-                    target.push(item)
+                    return target.push(item)
                 }
-                return target
             },
             /*移除数组中指定位置的元素，返回布尔表示成功与否*/
             removeAt: function(target, index) {
@@ -290,7 +297,7 @@
         }
         return false
     }
-    avalon.isArrayLike = isArrayLike
+
     /*视浏览器情况采用最快的异步回调*/
     avalon.nextTick = function(callback) {
         new Promise(function(resolve) {
@@ -315,7 +322,7 @@
         }
         var scope = {
             $events: {},
-            $watch: Observable.$watch
+            $watch: EventManager.$watch
         }
         factory(scope) //得到所有定义
         scope.$id = id
@@ -334,7 +341,7 @@
                 }
                 var type = avalon.type(oldValue)
                 if (type === "array" || type === "object") {
-                    newValue = updateVModel(oldValue, newValue, type)
+                    newValue = updateChild(host, name, newValue, type)
                     var fn = rebindings[newValue.$id]
                     fn && fn()
                     host.$model[name] = newValue.$model //同步$model
@@ -342,84 +349,95 @@
                     withProxyCount && updateWithProxy(host.$id, name, newValue) //同步循环绑定中的代理VM
                 }
                 host.$fire(name, newValue, oldValue)
-                notifySubscribers(host.$accessors, name)
+                notifySubscribers(host.$events[name])
             }
         })
     }
+
+    var $$skipArray = "$id,$watch,$unwatch,$fire,$events,$model,$skipArray".match(rword)
+
     function isObservable(name, value, $skipArray) {
-        if (typeof value === "function" || (value && value.nodeType)) {
+        if (isFunction(value) || value && value.nodeType) {
             return false
         }
-        var $watchOne = $skipArray.opposite
         if ($skipArray.indexOf(name) !== -1) {
             return false
         }
-        if (name && name[0] === "$" && !$watchOne[name]) {
+        if ($$skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        var $special = $skipArray.$special
+        if (name && name[0] === "$" && !$special[name]) {
             return false
         }
         return true
     }
-    function modelFactory(scope) {
-        if (Array.isArray(scope)) {
-            var arr = scope.concat() //原数组的作为新生成的监控数组的$model而存在
-            scope.length = 0
-            var collection = Collection(scope)
-            collection.push.apply(collection, arr)
+    function modelFactory($scope, $special) {
+        if (Array.isArray($scope)) {
+            var arr = $scope.concat()
+            $scope.length = 0
+            var collection = Collection($scope)
+            collection.pushArray(arr)
             return collection
         }
-        if (typeof scope.nodeType === "number") {
-            return scope
-        }
-        if (!Array.isArray(scope.$skipArray)) {
-            scope.$skipArray = []
-        }
-        scope.$skipArray.opposite = arguments[2] || {}
-        avalon.each(scope, function(key, val) {
-            if (!isObservable(key, val, scope.$skipArray)) {
-                return //过滤所有非监控属性
-            }
-            var valueType = avalon.type(val)
-            if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
-                var userGet = val.get // 将计算属性转为真正的访问器属性,并重写set方法
-                var userSet = val.set || noop
-                Object.defineProperty(scope, key, {
-                    enumerable: true,
-                    configurable: true,
-                    get: userGet,
-                    set: function(newValue) {
-                        var oldValue = userGet.call(this)
-                        userSet.call(this, newValue)
-                        newValue = userGet()
-                        if (!Object.is(oldValue, newValue)) {
-                            Object.getNotifier(this).notify({
-                                type: "update",
-                                object: this,
-                                name: key,
-                                oldValue: oldValue
-                            })
+        if (typeof $scope.nodeType === "number") {
+            return $scope
+        }
+        if ($scope.$id && $scope.$model && $scope.$events) {//fix IE6-8 createWithProxy $val: val引发的BUG
+            return $scope
+        }
+        if (!Array.isArray($scope.$skipArray)) {
+            $scope.$skipArray = []
+        }
+        $scope.$skipArray.$special = $special || {}
+        var $events = {}
+        for (var i in $scope) {
+            (function(key, val) {
+                if (!isObservable(key, val, $scope.$skipArray)) {
+                    return //过滤所有非监控属性
+                }
+                $events[key] = []
+                var valueType = avalon.type(val)
+                if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
+                    var userGet = val.get // 将计算属性转为真正的访问器属性,并重写set方法
+                    var userSet = val.set || noop
+                    Object.defineProperty($scope, key, {
+                        enumerable: true,
+                        configurable: true,
+                        get: userGet,
+                        set: function(newValue) {
+                            var oldValue = userGet.call(this)
+                            userSet.call(this, newValue)
+                            newValue = userGet()
+                            if (!Object.is(oldValue, newValue)) {
+                                Object.getNotifier(this).notify({
+                                    type: "update",
+                                    object: this,
+                                    name: key,
+                                    oldValue: oldValue
+                                })
+                            }
                         }
-                    }
-                })
-            } else if (valueType === "object" || valueType === "array") {
-                scope[key] = modelFactory(val)
-            }
-        })
-        scope.$events = scope.$events || {}
-        scope.$id = generateID()
-        scope.$accessors = {}
-        scope[subscribers] = []
-        for (var i in Observable) {
-            scope[i] = Observable[i]
+                    })
+                } else if (valueType === "object" || valueType === "array") {
+                    $scope[key] = modelFactory(val)
+                }
+            })(i, $scope[i])
         }
-
-        Object.defineProperties(scope, {
+        //添加$id, $events, $watch, $unwatch, $fire, $model,
+        $scope.$id = generateID()
+        $scope.$events = $events
+        for (var i in EventManager) {
+            $scope[i] = EventManager[i]
+        }
+        Object.defineProperties($scope, {
             "$model": {
                 enumerable: false,
                 configurable: true,
                 get: function() {
                     var obj = {}
                     for (var i in this) {
-                        if (skipProperties.indexOf(i) === -1) {
+                        if ($$skipArray.indexOf(i) === -1) {
                             var val = this[i]
                             obj[i] = (Array.isArray(val) && val.$model) ? val.$model : val
                         }
@@ -430,17 +448,16 @@
             },
             "hasOwnProperty": {
                 value: function(name) {
-                    return name in scope.$model
+                    return name in $scope.$model
                 },
                 writable: false,
                 enumerable: false,
                 configurable: true
             }
         })
-        Object.observe(scope, observeCallback)
-        return scope
+        Object.observe($scope, observeCallback)
+        return $scope
     }
-    var skipProperties = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors," + subscribers).match(rword)
 
     //ms-with, ms-repeat绑定生成的代理对象储存池
     var withProxyPool = {}
@@ -454,29 +471,30 @@
         }
     }
 
-    function updateVModel(a, b, valueType) {
+    //应用于第2种accessor
+    function updateChild(parent, name, value, valueType) {
         //a为原来的VM， b为新数组或新对象
-        if (valueType === "array") {
-            if (!Array.isArray(b)) {
-                return a //fix https://github.com/RubyLouvre/avalon/issues/261
-            }
-            var bb = b.concat()
-            a.clear()
-            a.pushArray(bb)
-            return a
+        var son = parent[name]
+        if (valueType === "array" || son === parent) {
+            if (!Array.isArray(value)) {
+                return son //fix https://github.com/RubyLouvre/avalon/issues/261
+            }
+            son.clear()
+            son.pushArray(value.concat())
+            return son
         } else {
-            var iterators = a[subscribers] || []
-            if (withProxyPool[a.$id]) {
+            var iterators = parent.$events[name]
+            if (withProxyPool[son.$id]) {
                 withProxyCount--
-                delete withProxyPool[a.$id]
+                delete withProxyPool[son.$id]
             }
-            var ret = modelFactory(b)
+            var ret = modelFactory(value)
             rebindings[ret.$id] = function(data) {
                 while (data = iterators.shift()) {
                     (function(el) {
-                        if (el.type) {
+                        if (el.type) { //重新绑定
                             avalon.nextTick(function() {
-                                el.rollback && el.rollback()
+                                el.rollback && el.rollback() //还原 ms-with ms-on
                                 bindingHandlers[el.type](el, el.vmodels)
                             })
                         }
@@ -551,9 +569,6 @@
      *                           DOM API的高级封装                        *
      **********************************************************************/
 
-
-
-
     /*转换为连字符线风格*/
     function hyphen(target) {
         return target.replace(/([a-z\d])([A-Z]+)/g, "$1-$2").toLowerCase()
@@ -572,7 +587,7 @@
         avalon.fn[method + "Class"] = function(cls) {
             var el = this[0]
             //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
-            if (cls && typeof cls === "string" && el && el.nodeType == 1) {
+            if (cls && typeof cls === "string" && el && el.nodeType === 1) {
                 cls.replace(/\S+/g, function(c) {
                     el.classList[method](c)
                 })
@@ -714,6 +729,7 @@
         }
         return data
     }
+
     avalon.each({
         scrollLeft: "pageXOffset",
         scrollTop: "pageYOffset"
@@ -766,9 +782,9 @@
         if (!node || !node.style) {
             throw new Error("getComputedStyle要求传入一个节点 " + node)
         }
-        var ret, styles = getComputedStyle(node, null)
-        if (styles) {
-            ret = styles.getPropertyValue(name)
+        var ret, computed = getComputedStyle(node, null)
+        if (computed) {
+            ret = computed[ name ]
             if (ret === "") {
                 ret = node.style[name] //其他浏览器需要我们手动取内联样式
             }
@@ -815,29 +831,34 @@
         }
     }
 
-    "Width,Height".replace(rword, function(name) {
+    "Width,Height".replace(rword, function(name) {//fix 481
         var method = name.toLowerCase(),
                 clientProp = "client" + name,
                 scrollProp = "scroll" + name,
                 offsetProp = "offset" + name
         cssHooks[method + ":get"] = function(node, which, override) {
-            var boxSizing = "content-box"
-            if (typeof override === "string") {
+            var boxSizing = -4
+            if (typeof override === "number") {
                 boxSizing = override
             }
             which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
-            switch (boxSizing) {
-                case "content-box":
-                    return node["client" + name] - avalon.css(node, "padding" + which[0], true) -
-                            avalon.css(node, "padding" + which[1], true)
-                case "padding-box":
-                    return node["client" + name]
-                case "border-box":
-                    return node["offset" + name]
-                case "margin-box":
-                    return node["offset" + name] + avalon.css(node, "margin" + which[0], true) +
-                            avalon.css(node, "margin" + which[1], true)
+            var ret = node[offsetProp]   // border-box 0
+            if (boxSizing === 2) {       // margin-box 2
+                return ret
+                        + avalon.css(node, "margin" + which[0], true)
+                        + avalon.css(node, "margin" + which[1], true)
+            }
+            if (boxSizing < 0) {        // padding-box  -2
+                ret = ret
+                        - avalon.css(node, "border" + which[0] + "Width", true)
+                        - avalon.css(node, "border" + which[1] + "Width", true)
+            }
+            if (boxSizing === -4) {     // content-box -4
+                ret = ret
+                        - avalon.css(node, "padding" + which[0], true)
+                        - avalon.css(node, "padding" + which[1], true)
             }
+            return ret
         }
         cssHooks[method + "&get"] = function(node) {
             var hidden = [];
@@ -853,19 +874,14 @@
             }
             return val;
         }
-        avalon.fn[method] = function(value) {
+        avalon.fn[method] = function(value) { //会忽视其display
             var node = this[0]
             if (arguments.length === 0) {
-                if (node.setTimeout) { //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
-                    //https://developer.mozilla.org/en-US/docs/Web/API/window.innerHeight
+                if (node.setTimeout) { //取得窗口尺寸,IE9后可以用window.innerWidth /innerHeight代替
                     return node["inner" + name]
                 }
                 if (node.nodeType === 9) { //取得页面尺寸
-                    var doc = node.documentElement
-                    //FF chrome    html.scrollHeight< body.scrollHeight
-                    //IE 标准模式 : html.scrollHeight> body.scrollHeight
-                    //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
-                    return Math.max(node.body[scrollProp], doc[scrollProp], node.body[offsetProp], doc[offsetProp], doc[clientProp])
+                    return  node.documentElement[scrollProp]
                 }
                 return cssHooks[method + "&get"](node)
             } else {
@@ -873,10 +889,10 @@
             }
         }
         avalon.fn["inner" + name] = function() {
-            return cssHooks[method + ":get"](this[0], void 0, "padding-box")
+            return cssHooks[method + ":get"](this[0], void 0, -2)
         }
         avalon.fn["outer" + name] = function(includeMargin) {
-            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? "margin-box" : "border-box")
+            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
         }
     })
     avalon.fn.offset = function() { //取得距离页面左右角的坐标
@@ -909,18 +925,10 @@
     }
     var valHooks = {
         "select:get": function(node, value) {
-            var option, options = node.options,
-                    index = node.selectedIndex,
-                    one = node.type === "select-one" || index < 0,
-                    values = one ? null : [],
-                    max = one ? index + 1 : options.length,
-                    i = index < 0 ? max : one ? index : 0
-            for (; i < max; i++) {
-                option = options[i]
-                //旧式IE在reset后不会改变selected，需要改用i === index判定
-                //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
-                //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
-                if ((option.selected || i === index) && !option.disabled) {
+            var one = node.multiple
+            var values = one ? null : []
+            for (var i = 0, option; option = node.options[i++]; ) {
+                if (option.selected && !option.disabled) {
                     value = option.value
                     if (one) {
                         return value
@@ -929,7 +937,7 @@
                     values.push(value)
                 }
             }
-            return values
+            return  values
         },
         "select:set": function(node, values, optionSet) {
             values = [].concat(values) //强制转换为数组
@@ -980,35 +988,32 @@
             html = html + ""
         }
         html = html.replace(rxhtml, "<$1></$2>").trim()
-        if (deleteRange.createContextualFragment && !rnest.test(html) && !/<script/i.test(html)) {
-            var range = DOC.createRange()
-            range.selectNodeContents(root)
-            return range.createContextualFragment(html)
-        }
-        var fragment = hyperspace.cloneNode(false)
-        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase()
-        if (!(tag in tagHooks)) {
-            tag = "*"
-        }
-        var parent = tagHooks[tag]
-        parent.innerHTML = html
-        var els = parent.getElementsByTagName("script"),
+        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase(),
+                //取得其标签名
+                wrap = tagHooks[tag] || tagHooks._default,
+                fragment = hyperspace.cloneNode(false),
+                wrapper = cinerator,
                 firstChild, neo
+
+        wrapper.innerHTML = wrap[1] + html + (wrap[2] || "")
+        var els = wrapper.getElementsByTagName("script")
         if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
             for (var i = 0, el; el = els[i++]; ) {
                 if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
                     neo = script.cloneNode(false) //FF不能省略参数
                     ap.forEach.call(el.attributes, function(attr) {
-                        if (attr) {
-                            neo[attr.name] = attr.value //复制其属性
-                        }
+                        neo[attr.name] = attr.value //复制其属性
                     })
                     neo.text = el.text //必须指定,因为无法在attributes中遍历出来
                     el.parentNode.replaceChild(neo, el) //替换节点
                 }
             }
         }
-        while (firstChild = parent.firstChild) { // 将wrapper上的节点转移到文档碎片上！
+        //移除我们为了符合套嵌关系而添加的标签
+        for (i = wrap[0]; i--; wrapper = wrapper.lastChild) {
+        }
+
+        while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上！
             fragment.appendChild(firstChild)
         }
         return fragment
@@ -1022,9 +1027,9 @@
         }
     }
     /*********************************************************************
-     *                           Observable                                 *
+     *                           事件管理器                                 *
      **********************************************************************/
-    var Observable = {
+    var EventManager = {
         $watch: function(type, callback) {
             if (typeof callback === "function") {
                 var callbacks = this.$events[type]
@@ -1058,7 +1063,7 @@
         },
         $fire: function(type) {
             var special
-            if (/^(\w+)!(\w+)$/.test(type)) {
+            if (/^(\w+)!(\S+)$/.test(type)) {
                 special = RegExp.$1
                 type = RegExp.$2
             }
@@ -1067,83 +1072,147 @@
             var all = events.$all || []
             var args = aslice.call(arguments, 1)
             for (var i = 0, callback; callback = callbacks[i++]; ) {
-                callback.apply(this, args)
+                if (isFunction(callback))
+                    callback.apply(this, args)
             }
             for (var i = 0, callback; callback = all[i++]; ) {
-                callback.apply(this, arguments)
+                if (isFunction(callback))
+                    callback.apply(this, arguments)
             }
-            var element = events.element
+            var element = events.expr && findNode(events.expr)
             if (element) {
                 var detail = [type].concat(args)
-                if (special === "up") {
-                    W3CFire(element, "dataavailable", detail)
-                } else if (special === "down") {
-                    var alls = []
+                if (special === "up" || special === "down" || special === "all") {
                     for (var i in avalon.vmodels) {
                         var v = avalon.vmodels[i]
-                        if (v && v.$events && v.$events.element) {
-                            var node = v.$events.element;
-                            if (avalon.contains(element, node) && element != node) {
-                                alls.push(v)
+                        if (v && v.$events && v.$events.expr) {
+                            if (v !== this) {
+                                var node = findNode(v.$events.expr)
+                                var ok = special === "all" ? 1 : //全局广播
+                                        special === "down" ? element.contains(node) : //向下捕获
+                                        node.contains(element)//向上冒泡
+                                if (ok) {
+                                    node._avalon = v//符合条件的加一个标识
+                                }
                             }
                         }
                     }
+                    var nodes = document.querySelectorAll("[avalonctrl]")//实现节点排序
+                    var alls = []
+                    Array.prototype.forEach.call(nodes, function(el) {
+                        if (el._avalon) {
+                            alls.push(el._avalon)
+                            el._avalon = ""
+                            el.removeAttribute("_avalon")
+                        }
+                    })
+                    if (special === "up") {
+                        alls.reverse()
+                    }
                     alls.forEach(function(v) {
                         v.$fire.apply(v, detail)
                     })
-                } else if (special === "all") {
-                    for (var i in avalon.vmodels) {
-                        var v = avalon.vmodels[i]
-                        if (v !== this) {
-                            v.$fire.apply(v, detail)
-                        }
-                    }
                 }
             }
         }
     }
 
+    function findNode(str) {
+        return  document.querySelector(str)
+    }
+
     /*********************************************************************
      *                         依赖收集与触发                             *
      **********************************************************************/
-
+    var ronduplex = /^(duplex|on)$/
     function registerSubscriber(data) {
-        try {
-            var c = data.type === "on" ? data : data.evaluator.apply(0, data.args)
-            data.handler(c, data.element, data)
-        } catch (e) {
-            delete data.evaluator
-            if (data.nodeType === 3) {
-                if (kernel.commentInterpolate) {
-                    data.element.replaceChild(DOC.createComment(data.value), data.node)
-                } else {
-                    data.node.data = openTag + data.value + closeTag
+        var fn = data.evaluator
+        if (fn) { //如果是求值函数
+            try {
+                var c = ronduplex.test(data.type) ? data : fn.apply(0, data.args)
+                data.handler(c, data.element, data)
+            } catch (e) {
+                log("warning:exception throwed in [registerSubscriber] " + e)
+                delete data.evaluator
+                var node = data.element
+                if (node.nodeType === 3) {
+                    var parent = node.parentNode
+                    if (kernel.commentInterpolate) {
+                        parent.replaceChild(DOC.createComment(data.value), node)
+                    } else {
+                        node.data = openTag + data.value + closeTag
+                    }
                 }
             }
-            log("warning:evaluator of [" + data.value + "] throws error!")
         }
     }
-
-    /*通知依赖于这个访问器的订阅者更新自身*/
-    function notifySubscribers(accessor, name) {
-        var list = Array.isArray(accessor) ? accessor[subscribers] : accessor[name]
+    
+    function collectSubscribers(scope, prop, data) {//收集依赖于这个访问器的订阅者
+        var obj = scope.$events
+        if (obj) {
+            var list = obj[prop] || (obj[prop] = [])
+            if (avalon.Array.ensure(list, data) && data.element) {
+                $$subscribers.push({
+                    data: data, list: list
+                })
+            }
+        }
+    }
+    var $$subscribers = [], $startIndex = 0, $maxIndex = 200
+    function removeSubscribers() {
+        for (var i = $startIndex, n = $startIndex + $maxIndex; i < n; i++) {
+            var obj = $$subscribers[i]
+            if (!obj) {
+                break
+            }
+            var data = obj.data
+            var el = data.element
+            var remove = el === null ? 1 : (el.nodeType === 1 ? typeof el.sourceIndex === "number" ?
+                    el.sourceIndex === 0 : !root.contains(el) : !avalon.contains(root, el))
+            if (remove) { //如果它没有在DOM树
+                $$subscribers.splice(i, 1)
+                avalon.Array.remove(obj.list, data)
+                //log("debug: remove " + data.type)
+                if (data.type === "if" && data.template && data.template.parentNode === head) {
+                    head.removeChild(data.template)
+                }
+                for (var key in data) {
+                    data[key] = null
+                }
+                obj.data = obj.list = null
+                i--
+                n--
+            }
+        }
+        obj = $$subscribers[i]
+        if (obj) {
+            $startIndex = n
+        } else {
+            $startIndex = 0
+        }
+    }
+    var beginTime = Date.now(), removeID
+    function notifySubscribers(list) { //通知依赖于这个访问器的订阅者更新自身
+        clearTimeout(removeID)
+        if (Date.now() - beginTime > 333) {
+            removeSubscribers()
+            beginTime = Date.now()
+        } else {
+            removeID = setTimeout(removeSubscribers, 333)
+        }
         if (list && list.length) {
             var args = aslice.call(arguments, 1)
             for (var i = list.length, fn; fn = list[--i]; ) {
                 var el = fn.element
-                if (el && !ifSanctuary.contains(el) && (!root.contains(el))) {
-                    list.splice(i, 1)
-                    log("debug: remove " + fn.name)
-                } else if (fn.getter) {
-                    fn.handler.apply(fn, args) //强制重新计算自身
-                } else {
-                    fn.handler(fn.evaluator.apply(0, fn.args || []), el, fn)
+                if (fn.$repeat) {
+                    fn.handler.apply(fn, args) //处理监控数组的方法
+                } else if (fn.element && fn.type !== "on") {//事件绑定只能由用户触发,不能由程序触发
+                    var fun = fn.evaluator || noop
+                    fn.handler(fun.apply(0, fn.args || []), el, fn)
                 }
             }
         }
     }
-
-
     /*********************************************************************
      *                            扫描系统                                *
      **********************************************************************/
@@ -1174,9 +1243,9 @@
     function scanTag(elem, vmodels, node) {
         //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
         //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后        
-        var a = elem.getAttribute(prefix + "skip")
-        var b = elem.getAttributeNode(prefix + "important")
-        var c = elem.getAttributeNode(prefix + "controller")
+        var a = elem.getAttribute("ms-skip")
+        var b = elem.getAttributeNode("ms-important")
+        var c = elem.getAttributeNode("ms-controller")
         if (typeof a === "string") {
             return
         } else if (node = b || c) {
@@ -1188,32 +1257,34 @@
             vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
             elem.removeAttribute(node.name) //removeAttributeNode不会刷新[ms-controller]样式规则
             elem.classList.remove(node.name)
-            newVmodel.$events.element = elem
-            elem.addEventListener("dataavailable", function(e) {
-                if (typeof e.detail === "object" && elem !== e.target) {
-                    newVmodel.$fire.apply(newVmodel, e.detail)
-                }
-            })
+            elem.setAttribute("avalonctrl", node.value)
+            newVmodel.$events.expr = elem.tagName + '[avalonctrl="' + node.value + '"]'
         }
         scanAttr(elem, vmodels) //扫描特性节点
     }
 
-    function scanNodes(parent, vmodels) {
+    function scanNodeList(parent, vmodels) {
         var node = parent.firstChild
         while (node) {
             var nextNode = node.nextSibling
-            var nodeType = node.nodeType
-            if (nodeType === 1) {
-                scanTag(node, vmodels) //扫描元素节点
-            } else if (nodeType === 3 && rexpr.test(node.data)) {
-                scanText(node, vmodels) //扫描文本节点
-            } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
-                scanText(node, vmodels) //扫描注释节点
-            }
+            scanNode(node, node.nodeType, vmodels)
             node = nextNode
         }
     }
-
+    function scanNodeArray(nodes, vmodels) {
+        for (var i = 0, node; node = nodes[i++]; ) {
+            scanNode(node, node.nodeType, vmodels)
+        }
+    }
+    function scanNode(node, nodeType, vmodels) {
+        if (nodeType === 1) {
+            scanTag(node, vmodels) //扫描元素节点
+        } else if (nodeType === 3 && rexpr.test(node.data)) {
+            scanText(node, vmodels) //扫描文本节点
+        } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+            scanText(node, vmodels) //扫描注释节点
+        }
+    }
     function scanText(textNode, vmodels) {
         var bindings = []
         if (textNode.nodeType === 8) {
@@ -1237,15 +1308,14 @@
                     var filters = token.filters
                     var binding = {
                         type: "text",
-                        node: node,
-                        nodeType: 3,
+                        element: node,
                         value: token.value,
                         filters: filters
                     }
                     if (filters && filters.indexOf("html") !== -1) {
                         avalon.Array.remove(filters, "html")
                         binding.type = "html"
-                        binding.replaceNodes = [node]
+                        binding.group = 1
                         if (!filters.length) {
                             delete bindings.filters
                         }
@@ -1342,21 +1412,17 @@
             default:
                 executeBindings(bindings, vmodels)
                 if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML + elem.textContent)) {
-                    scanNodes(elem, vmodels) //扫描子孙元素
+                    scanNodeList(elem, vmodels) //扫描子孙元素
                 }
                 break;
         }
-        if (elem.patchRepeat) {
-            elem.patchRepeat()
-            elem.patchRepeat = null
-        }
     }
 
     function executeBindings(bindings, vmodels) {
         for (var i = 0, data; data = bindings[i++]; ) {
             data.vmodels = vmodels
             bindingHandlers[data.type](data, vmodels)
-            if (data.evaluator && data.name) { //移除数据绑定，防止被二次解析
+            if (data.evaluator && data.element && data.element.nodeType === 1) { //移除数据绑定，防止被二次解析
                 //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
                 data.element.removeAttribute(data.name)
             }
@@ -1366,9 +1432,7 @@
 
     var rfilters = /\|\s*(\w+)\s*(\([^)]*\))?/g,
             r11a = /\|\|/g,
-            r11b = /U2hvcnRDaXJjdWl0/g,
-            rlt = /&lt;/g,
-            rgt = /&gt;/g
+            r11b = /U2hvcnRDaXJjdWl0/g
     function trimFilter(value, leach) {
         if (value.indexOf("|") > 0) { // 抽取过滤器 先替换掉所有短路与
             value = value.replace(r11a, "U2hvcnRDaXJjdWl0") //btoa("ShortCircuit")
@@ -1471,20 +1535,34 @@
                 .replace(rnumber, ",")
                 .replace(rcommaOfFirstOrLast, "")
                 .split(rcommaInMiddle)
-        return cacheVars(key, uinqSet(vars))
+        return cacheVars(key, uniqSet(vars))
     }
-    function uinqSet(arr) {
-        var set = new Set
-        arr.forEach(function(el) {
-            set.add(el)
-        })
-        var ret = []
-        set.forEach(function(el) {
-            ret.push(el)
-        })
+
+    function uniqSet(array) {
+        var ret = [], unique = {}
+        for (var i = 0; i < array.length; i++) {
+            var el = array[i]
+            var id = el && typeof el.$id === "string" ? el.$id : el
+            if (!unique[id]) {
+                unique[id] = ret.push(el)
+            }
+        }
         return ret
     }
 
+    void function() {
+        var test = [1, 2, 3, 1]
+        if (typeof Set === "function" && (new Set(test)).size === 3) {
+            var uniqSet = function(arr) {//重写uniqSet
+                var set = new Set(arr), ret = []
+                set.forEach(function(el) {
+                    ret.push(el)
+                })
+                return ret
+            }
+        }
+    }()
+
     function addDeps(scope, prop, data) {
         var obj = scope.$accessors
         if (obj) {
@@ -1530,7 +1608,7 @@
                         break
                     }
                 } while (arr.length);
-                if (flag === 2)
+                if (flag > 0)
                     vars.splice(i, 1)
             }
         }
@@ -1554,10 +1632,9 @@
     var rduplex = /\w\[.*\]|\w\.\w/
     var rproxy = /(\$proxy\$[a-z]+)\d+$/
 
-    function parseExpr(code, scopes, data, four) {
+    function parseExpr(code, scopes, data) {
         var dataType = data.type
-
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
+        var filters = data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -1627,10 +1704,12 @@
             }
             return
         } else if (dataType === "on") { //事件绑定
-            code = code.replace("(", ".call(this,")
-            if (data.hasArgs === "$event") {
-                names.push(data.hasArgs)
+            if (code.indexOf("(") === -1) {
+                code += ".call(this, $event)"
+            } else {
+                code = code.replace("(", ".call(this,")
             }
+            names.push("$event")
             code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
             var lastIndex = code.lastIndexOf("\nreturn")
             var header = code.slice(0, lastIndex)
@@ -1674,26 +1753,7 @@
     /*********************************************************************
      *绑定模块（实现“操作数据即操作DOM”的关键，将DOM操作放逐出前端开发人员的视野，让它交由框架自行处理，开发人员专致于业务本身） *                                 *
      **********************************************************************/
-    var cacheDisplay = oneObject("a,abbr,b,span,strong,em,font,i,kbd", "inline")
-    avalon.mix(cacheDisplay, oneObject("div,h1,h2,h3,h4,h5,h6,section,p", "block"))
 
-    /*用于取得此类标签的默认display值*/
-    function parseDisplay(nodeName, val) {
-        nodeName = nodeName.toLowerCase()
-        if (!cacheDisplay[nodeName]) {
-            var node = DOC.createElement(nodeName)
-            root.appendChild(node)
-            val = getComputedStyle(node, null).display
-            root.removeChild(node)
-            cacheDisplay[nodeName] = val
-        }
-        return cacheDisplay[nodeName]
-    }
-    avalon.parseDisplay = parseDisplay
-    var supportDisplay = (function(td) {
-        return getComputedStyle(td, null).display == "table-cell"
-    })(DOC.createElement("td"))
-    var rdash = /\(([^)]*)\)/
     head.insertAdjacentHTML("afterBegin", '<style id="avalonStyle">.avalonHide{ display: none!important }</style>')
     var getBindingCallback = function(elem, name, vmodels) {
         var callback = elem.getAttribute(name)
@@ -1706,8 +1766,7 @@
         }
     }
     var cacheTmpls = avalon.templateCache = {}
-    var ifSanctuary = DOC.createElement("div")
-    var rwhitespace = /^\s+$/
+
     //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
     var bindingExecutors = avalon.bindingExecutors = {
         "attr": function(val, elem, data) {
@@ -1719,7 +1778,7 @@
                     text = loaded.apply(elem, [text].concat(vmodels))
                 }
                 avalon.innerHTML(elem, text)
-                scanNodes(elem, vmodels)
+                scanNodeList(elem, vmodels)
                 rendered && checkScan(elem, function() {
                     rendered.call(elem)
                 })
@@ -1761,7 +1820,7 @@
                 } else {
                     //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
                     //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
-                    var el = val && val.nodeType == 1 ? val : DOC.getElementById(val)
+                    var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
                     avalon.nextTick(function() {
                         scanTemplate(el.innerText || el.innerHTML)
                     })
@@ -1822,45 +1881,40 @@
         "repeat": function(method, pos, el) {
             if (method) {
                 var data = this
-                var group = data.group
-                var pp = data.startRepeat && data.startRepeat.parentNode
-                if (pp) { //fix  #300 #307
-                    data.parent = pp
-                }
-                var parent = data.parent
+                var parent = data.element.parentNode
                 var proxies = data.proxies
                 var transation = hyperspace.cloneNode(false)
-                var spans = []
-                var lastFn = {}
+
                 if (method === "del" || method === "move") {
-                    var locatedNode = getLocatedNode(parent, data, pos)
+                    var locatedNode = locateFragment(data, pos)
                 }
+                var group = data.group
+
                 switch (method) {
-                    case "add":
-                        //在pos位置后添加el数组（pos为数字，el为数组）
+                    case "add": //在pos位置后添加el数组（pos为数字，el为数组）
                         var arr = el
-                        var last = data.getter().length - 1
+                        var last = data.$repeat.length - 1
+                        var fragments = []
                         for (var i = 0, n = arr.length; i < n; i++) {
                             var ii = i + pos
                             var proxy = getEachProxy(ii, arr[i], data, last)
                             proxies.splice(ii, 0, proxy)
-                            lastFn = shimController(data, transation, spans, proxy)
+                            shimController(data, transation, proxy, fragments)
                         }
-                        locatedNode = getLocatedNode(parent, data, pos)
-                        lastFn.node = locatedNode
-                        lastFn.parent = parent
+
+                        locatedNode = locateFragment(data, pos)
                         parent.insertBefore(transation, locatedNode)
-                        for (var i = 0, node; node = spans[i++]; ) {
-                            scanTag(node, data.vmodels)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                     case "del": //将pos后的el个元素删掉(pos, el都是数字)
                         var removed = proxies.splice(pos, el)
-                        for (var i = 0, proxy; proxy = removed[i++]; ) {
-                            recycleEachProxy(proxy)
-                        }
-                        expelFromSanctuary(removeView(locatedNode, group, el))
+                        var transation = removeFragment(locatedNode, group, el)
+                        avalon.clearHTML(transation)
+                        recycleEachProxies(removed)
                         break
                     case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
                         var last = proxies.length - 1
@@ -1871,27 +1925,24 @@
                         }
                         break
                     case "clear":
-                        if (data.startRepeat) {
-                            while (true) {
-                                var node = data.startRepeat.nextSibling
-                                if (node && node !== data.endRepeat) {
-                                    transation.appendChild(node)
-                                } else {
-                                    break
-                                }
+                        var n = ("proxySize" in data ? data.proxySize : proxies.length) * data.group, k = 0
+                        while (true) {
+                            var nextNode = data.element.nextSibling
+                            if (nextNode && k < n) {
+                                parent.removeChild(nextNode)
+                                k++
+                            } else {
+                                break
                             }
-                        } else {
-                            transation = parent
                         }
-                        expelFromSanctuary(transation)
-                        proxies.length = 0
+                        recycleEachProxies(proxies)
                         break
                     case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
                         var t = proxies.splice(pos, 1)[0]
                         if (t) {
                             proxies.splice(el, 0, t)
-                            transation = removeView(locatedNode, group)
-                            locatedNode = getLocatedNode(parent, data, el)
+                            transation = removeFragment(locatedNode, group)
+                            locatedNode = locateFragment(data, el)
                             parent.insertBefore(transation, locatedNode)
                         }
                         break
@@ -1903,41 +1954,48 @@
                         break
                     case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
                         var pool = el
-                        var callback = getBindingCallback(data.callbackElement, "data-with-sorted", data.vmodels)
                         var keys = []
+                        var fragments = []
                         for (var key in pos) { //得到所有键名
-                            if (pos.hasOwnProperty(key)) {
+                            if (pos.hasOwnProperty(key) && key !== "hasOwnProperty") {
                                 keys.push(key)
                             }
                         }
-                        if (callback) { //如果有回调，则让它们排序
-                            var keys2 = callback.call(parent, keys)
+                        if (data.sortedCallback) { //如果有回调，则让它们排序
+                            var keys2 = data.sortedCallback.call(parent, keys)
                             if (keys2 && Array.isArray(keys2) && keys2.length) {
                                 keys = keys2
                             }
                         }
                         for (var i = 0, key; key = keys[i++]; ) {
-                            lastFn = shimController(data, transation, spans, pool[key])
+                            if (key !== "hasOwnProperty") {
+                                shimController(data, transation, pool[key], fragments)
+                            }
                         }
-                        lastFn.parent = parent
-                        lastFn.node = data.endRepeat || null
-                        parent.insertBefore(transation, lastFn.node)
-                        for (var i = 0, el; el = spans[i++]; ) {
-                            scanTag(el, data.vmodels)
+                        data.proxySize = keys.length
+                        parent.insertBefore(transation, data.element.nextSibling)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
                         }
-                        spans = null
+                        calculateFragmentGroup(data)
                         break
                 }
-                iteratorCallback.call(data, arguments)
+                var callback = data.renderedCallback || noop, args = arguments
+                checkScan(parent, function() {
+                    callback.apply(parent, args)
+                    if (parent.tagName === "SELECT" && method == "index") {//fix #503
+                        avalon(parent).val(parent.oldValue.split(","))
+                    }
+                })
             }
         },
         "html": function(val, elem, data) {
             val = val == null ? "" : val
-            if (!elem) {
-                elem = data.element = data.node.parentNode
-            }
-            if (data.replaceNodes) {
+            var parent = "group" in data ? elem.parentNode : elem
+            if ("group" in data) {
                 var fragment, nodes
+                //将值转换为文档碎片，原值可以为元素节点，文档碎片，NodeList，字符串
                 if (val.nodeType === 11) {
                     fragment = val
                 } else if (val.nodeType === 1 || val.item) {
@@ -1949,62 +2007,63 @@
                 } else {
                     fragment = avalon.parseHTML(val)
                 }
-                var replaceNodes = avalon.slice(fragment.childNodes)
-                elem.insertBefore(fragment, data.replaceNodes[0] || null)
-                for (var i = 0, node; node = data.replaceNodes[i++]; ) {
-                    elem.removeChild(node)
+                nodes = avalon.slice(fragment.childNodes)
+                if (nodes.length == 0) {
+                    var comment = DOC.createComment("ms-html")
+                    fragment.appendChild(comment)
+                    nodes = [comment]
+                }
+                parent.insertBefore(fragment, elem) //fix IE6-8 insertBefore的第2个参数只能为节点或null
+                var length = data.group
+                while (elem) {
+                    var nextNode = elem.nextSibling
+                    parent.removeChild(elem)
+                    length--
+                    if (length == 0 || nextNode === null)
+                        break
+                    elem = nextNode
                 }
-                data.replaceNodes = replaceNodes
+                data.element = nodes[0]
+                data.group = nodes.length
             } else {
-                avalon.innerHTML(elem, val)
+                avalon.innerHTML(parent, val)
             }
             avalon.nextTick(function() {
-                scanNodes(elem, data.vmodels)
+                scanNodeList(parent, data.vmodels)
             })
         },
         "if": function(val, elem, data) {
-            var placehoder = data.placehoder
             if (val) { //插回DOM树
-                if (!data.msInDocument) {
-                    data.msInDocument = true
-                    try {
-                        placehoder.parentNode.replaceChild(elem, placehoder)
-                    } catch (e) {
-                        log("debug: ms-if " + e.message)
-                    }
+                if (elem.nodeType === 8) {
+                    elem.parentNode.replaceChild(data.template, elem)
+                    elem = data.element = data.template
                 }
-                if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                if (elem.getAttribute(data.name)) {
+                    elem.removeAttribute(data.name)
                     scanAttr(elem, data.vmodels)
                 }
-            } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置
-                if (data.msInDocument) {
-                    data.msInDocument = false
-                    elem.parentNode.replaceChild(placehoder, elem)
-                    placehoder.elem = elem
-                    ifSanctuary.appendChild(elem)
+            } else { //移出DOM树，并用注释节点占据原位置
+                if (elem.nodeType === 1) {
+                    var node = data.element = DOC.createComment("ms-if")
+                    elem.parentNode.replaceChild(node, elem)
+                    data.template = elem
+                    head.appendChild(elem)
                 }
             }
         },
         "on": function(callback, elem, data) {
-            var fn = data.evaluator
-            var args = data.args
-            var vmodels = data.vmodels
-            if (!data.hasArgs) {
-                callback = function(e) {
-                    return fn.apply(0, args).call(this, e)
-                }
-            } else {
-                callback = function(e) {
-                    return fn.apply(this, args.concat(e))
-                }
-            }
-            elem.$vmodel = vmodels[0]
-            elem.$vmodels = vmodels
-            data.param = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
-            if (typeof data.specialBind === "function") {
+            data.type = "on"
+            callback = function(e) {
+                var fn = data.evaluator || noop
+                return fn.apply(this, data.args.concat(e))
+            }
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (eventType === "scan") {
+                callback.call(elem, {type: eventType})
+            } else if (typeof data.specialBind === "function") {
                 data.specialBind(elem, callback)
             } else {
-                var removeFn = avalon.bind(elem, data.param, callback)
+                var removeFn = avalon.bind(elem, eventType, callback)
             }
             data.rollback = function() {
                 if (typeof data.specialUnbind === "function") {
@@ -2013,20 +2072,12 @@
                     avalon.unbind(elem, data.param, removeFn)
                 }
             }
-            data.evaluator = data.handler = noop
         },
-        "text": function(val, elem, data) {
+        "text": function(val, elem) {
             val = val == null ? "" : val //不在页面上显示undefined null
-            var node = data.node
-            if (data.nodeType === 3) { //绑定在文本节点上
-                try {//IE对游离于DOM树外的节点赋值会报错
-                    node.data = val
-                } catch (e) {
-                }
+            if (elem.nodeType === 3) { //绑定在文本节点上
+                elem.data = val
             } else { //绑定在特性节点上
-                if (!elem) {
-                    elem = data.element = node.parentNode
-                }
                 elem.textContent = val
             }
         },
@@ -2035,6 +2086,20 @@
         },
         "widget": noop
     }
+
+    var rdash = /\(([^)]*)\)/
+    function parseDisplay(nodeName, val) {
+        //用于取得此类标签的默认display值
+        var key = "_" + nodeName
+        if (!parseDisplay[key]) {
+            var node = DOC.createElement(nodeName)
+            root.appendChild(node)
+            val = getComputedStyle(node, null).display
+            root.removeChild(node)
+            parseDisplay[key] = val
+        }
+        return parseDisplay[key]
+    }
     //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
     var bindingHandlers = avalon.bindingHandlers = {
         //这是一个字符串属性绑定的范本, 方便你在title, alt,  src, href, include, css添加插值表达式
@@ -2114,81 +2179,57 @@
             }
         },
         "repeat": function(data, vmodels) {
-            var type = data.type,
-                    list
+            var type = data.type
             parseExpr(data.value, vmodels, data)
-            if (type !== "repeat") {
-                log("warning:建议使用ms-repeat代替ms-each, ms-with, ms-repeat只占用一个标签并且性能更好")
-            }
-            var elem = data.callbackElement = data.parent = data.element //用于判定当前元素是否位于DOM树
-            data.getter = function() {
-                return this.evaluator.apply(0, this.args || [])
-            }
-
             data.proxies = []
-            var freturn = true
+            var freturn = false
             try {
-                list = data.getter()
-                if (rcomplextype.test(avalon.type(list))) {
-                    freturn = false
+                var $repeat = data.$repeat = data.evaluator.apply(0, data.args || [])
+                var xtype = avalon.type($repeat)
+                if (xtype !== "object" && xtype !== "array") {
+                    freturn = true
+                    avalon.log("warning:" + data.value + "对应类型不正确")
                 }
             } catch (e) {
-                var obj = vmodels[0].$accessors
-                obj.array = [data]
-            }
-            var template = hyperspace.cloneNode(false)
-            if (type === "repeat") {
-                var startRepeat = DOC.createComment("ms-repeat-start")
-                var endRepeat = DOC.createComment("ms-repeat-end")
-                data.element = data.parent = elem.parentNode
-                data.startRepeat = startRepeat
-                data.endRepeat = endRepeat
-                elem.removeAttribute(data.name)
-                data.parent.replaceChild(endRepeat, elem)
-                data.parent.insertBefore(startRepeat, endRepeat)
-                template.appendChild(elem)
+                freturn = true
+                avalon.log("warning:" + data.value + "编译出错")
+            }
+            var elem = data.element
+
+            data.sortedCallback = getBindingCallback(elem, "data-with-sorted", vmodels)
+            data.renderedCallback = getBindingCallback(elem, "data-" + type + "-rendered", vmodels)
+
+            var comment = data.element = DOC.createComment("ms-repeat")
+            if (type === "each" || type == "with") {
+                data.template = elem.innerHTML.trim()
+                avalon.clearHTML(elem).appendChild(comment)
             } else {
-                var node
-                while (node = elem.firstChild) {
-                    if (node.nodeType === 3 && rwhitespace.test(node.data)) {
-                        elem.removeChild(node)
-                    } else {
-                        template.appendChild(node)
-                    }
-                }
+                elem.removeAttribute(data.name)
+                data.template = elem.outerHTML.trim()
+                data.group = 1
+                elem.parentNode.replaceChild(comment, elem)
             }
-            data.template = template
-            data.rollback = function() {
+
+            data.rollback = function() {//只用于list为对象的情况
                 bindingExecutors.repeat.call(data, "clear")
-                var endRepeat = data.endRepeat
-                var parent = data.parent
-                parent.insertBefore(data.template, endRepeat || null)
-                if (endRepeat) {
-                    parent.removeChild(endRepeat)
-                    parent.removeChild(data.startRepeat)
-                    data.element = data.callbackElement
-                }
-            }
-            var arr = data.value.split(".") || []
-            if (arr.length > 1) {
-                arr.pop()
-                var n = arr[0]
-                for (var i = 0, v; v = vmodels[i++]; ) {
-                    if (v && v.hasOwnProperty(n) && v[n][subscribers]) {
-                        v[n][subscribers].push(data)
-                        break
-                    }
-                }
+                var elem = data.element
+                var parentNode = elem.parentNode
+                var content = avalon.parseHTML(data.template)
+                var target = content.firstChild
+                parentNode.replaceChild(content, elem)
+                target = data.element = data.type === "repeat" ? target : parentNode
+                target.setAttribute(data.name, data.value)
             }
+
             if (freturn) {
                 return
             }
-            data.callbackName = "data-" + type + "-rendered"
+
             data.handler = bindingExecutors.repeat
             data.$outer = {}
             var check0 = "$key",
                     check1 = "$val"
-            if (Array.isArray(list)) {
+            if (Array.isArray($repeat)) {
                 check0 = "$first"
                 check1 = "$last"
             }
@@ -2198,72 +2239,57 @@
                     break
                 }
             }
-            node = template.firstChild
-            data.fastRepeat = !!node && node.nodeType === 1 && template.lastChild === node && !node.attributes["ms-controller"] && !node.attributes["ms-important"]
-            list[subscribers] && list[subscribers].push(data)
-            if (!Array.isArray(list) && type !== "each") {
-                var pool = withProxyPool[list.$id]
+            if (!Array.isArray($repeat) && type !== "each") {
+                var pool = withProxyPool[$repeat.$id]
                 if (!pool) {
                     withProxyCount++
-                    pool = withProxyPool[list.$id] = {}
-                    for (var key in list) {
-                        if (list.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                    pool = withProxyPool[$repeat.$id] = {}
+                    for (var key in $repeat) {
+                        if ($repeat.hasOwnProperty(key) && key !== "hasOwnProperty") {
                             (function(k, v) {
                                 pool[k] = createWithProxy(k, v, {})
                                 pool[k].$watch("$val", function(val) {
-                                    list[k] = val //#303
+                                    $repeat[k] = val //#303
                                 })
-                            })(key, list[key])
+                            })(key, $repeat[key])
                         }
                     }
                 }
-                data.handler("append", list, pool)
+                data.handler("append", $repeat, pool)
             } else {
-                data.handler("add", 0, list)
+                data.handler("add", 0, $repeat)
             }
         },
         "html": function(data, vmodels) {
             parseExprProxy(data.value, vmodels, data)
         },
-        "if": function(data, vmodels) {
-            var elem = data.element
-            elem.removeAttribute(data.name)
-            if (!data.placehoder) {
-                data.msInDocument = data.placehoder = DOC.createComment("ms-if")
-            }
-            data.vmodels = vmodels
-            parseExprProxy(data.value, vmodels, data)
-        },
         "on": function(data, vmodels) {
-            var value = data.value,
-                    four = "$event"
+            var value = data.value
             if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
                 var matched = (value.match(rdash) || ["", ""])[1].trim()
                 if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
-                    four = void 0
                     value = value.replace(rdash, "")
                 }
-            } else {
-                four = void 0
             }
-            data.hasArgs = four
-            parseExprProxy(value, vmodels, data, four)
+            parseExprProxy(value, vmodels, data)
         },
         "visible": function(data, vmodels) {
-            var elem = data.element
-            if (!supportDisplay && !root.contains(elem)) { //fuck firfox 全家！
-                var display = parseDisplay(elem.tagName)
-            }
-            function callback() {//防止元素还没有应用样式就被取值，导致结果不正确
-                display = display || avalon(elem).css("display")
-                data.display = display === "none" ? parseDisplay(elem.tagName) : display
-                parseExprProxy(data.value, vmodels, data)
-            }
-            if (elem.style.display == "") {
-                avalon.nextTick(callback)
-            } else {
-                callback()
-            }
+            var elem = avalon(data.element)
+            var display = elem.css("display")
+            if (display === "none") {
+                var style = elem[0].style
+                var has = /visibility/i.test(style.cssText)
+                var visible = elem.css("visibility")
+                style.display = ""
+                style.visibility = "hidden"
+                display = elem.css("display")
+                if (display === "none") {
+                    display = parseDisplay(elem[0].nodeName)
+                }
+                style.visibility = has ? visible : ""
+            }
+            data.display = display
+            parseExprProxy(data.value, vmodels, data)
         },
         "widget": function(data, vmodels) {
             var args = data.value.match(rword)
@@ -2302,18 +2328,19 @@
                     vmodel.$init()
                 }
                 if (vmodel.hasOwnProperty("$remove")) {
-                    var offTree = function() {
-                        vmodel.$remove()
-                        elem.msData = {}
-                        delete VMODELS[vmodel.$id]
-                    }
-                    elem.addEventListener("DOMNodeRemoved", function(e) {
-                        if (e.target === this && !this.msRetain &&
-                                //#441 chrome浏览器对文本域进行Ctrl+V操作，会触发DOMNodeRemoved事件
-                                        (window.chrome ? this.tagName === "INPUT" && e.relatedNode.nodeType === 1 : 1)) {
-                            offTree()
+                    function offTree() {
+                        if (!elem.msRetain && !root.contains(elem)) {
+                            vmodel.$remove()
+                            elem.msData = {}
+                            delete VMODELS[vmodel.$id]
+                            return false
                         }
-                    })
+                    }
+                    if (window.chrome) {
+                        elem.addEventListener("DOMNodeRemovedFromDocument", offTree)
+                    } else {
+                        avalon.tick(offTree)
+                    }
                 }
             } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
                 elem.vmodels = vmodels
@@ -2330,7 +2357,7 @@
         bindingHandlers[name] = bindingHandlers.repeat
     })
 
-    bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+    bindingHandlers["if"] = bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
     //============================= string preperty binding =======================
     //与href绑定器 用法差不多的其他字符串属性的绑定器
     //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
@@ -2406,11 +2433,10 @@
                 if ($elem.data("duplex-observe") !== false) {
                     var method = element.checked ? "ensure" : "remove"
                     var array = evaluator()
-                    if (Array.isArray(array)) {
-                        avalon.Array[method](array, element.value)
-                    } else {
-                        avalon.error("ms-duplex位于checkbox时要求对应一个数组")
+                    if (!Array.isArray(array)) {
+                        array = [array]
                     }
+                    avalon.Array[method](array, element.value)
                     callback.call(element, array)
                 }
             }
@@ -2431,8 +2457,13 @@
             }
         }
         element.oldValue = element.value
-        element.onTree = onTree
-        launch(element)
+        launch(function() {
+            if (avalon.contains(root, element)) {
+                onTree.call(element)
+            } else if (!element.msRetain) {
+                return false
+            }
+        })
         registerSubscriber(data)
         var timer = setTimeout(function() {
             if (!firstTigger) {
@@ -2458,24 +2489,22 @@
         }
     }
 
+    avalon.tick = function(fn) {
+        if (ribbon.push(fn) === 1) {
+            TimerID = requestAnimationFrame(ticker)
+        }
+    }
     function ticker() {
         for (var n = ribbon.length - 1; n >= 0; n--) {
             var el = ribbon[n]
-            if (avalon.contains(root, el)) {
-                el.onTree && el.onTree()
-            } else if (!el.msRetain) {
-                el.offTree && el.offTree()
+            if (el() === false) {
                 ribbon.splice(n, 1)
             }
         }
-        if (!ribbon.length) {
-            clearInterval(TimerID)
-        }
-    }
-
-    function launchImpl(el) {
-        if (ribbon.push(el) === 1) {
-            TimerID = setInterval(ticker, 30)
+        cancelAnimationFrame(TimerID)
+        TimerID = null
+        if (ribbon.length) {
+            TimerID = requestAnimationFrame(ticker)
         }
     }
 
@@ -2493,11 +2522,11 @@
             configurable: true
         })
     } catch (e) {
-        launch = launchImpl
+        launch = avalon.tick
     }
+
     duplexBinding.SELECT = function(element, evaluator, data) {
         var $elem = avalon(element)
-
         function updateVModel() {
             if ($elem.data("duplex-observe") !== false) {
                 var val = $elem.val() //字符串或字符串数组
@@ -2561,18 +2590,17 @@
     function Collection(model) {
         var array = []
         array.$id = generateID()
-        array[subscribers] = []
-        array.$accessors = {}
-        array.$model = model
+        array.$model = model   //数据模型
         array.$events = {}
+        array.$events[subscribers] = []
         array._ = modelFactory({
             length: model.length
         })
         array._.$watch("length", function(a, b) {
             array.$fire("length", a, b)
         })
-        for (var i in Observable) {
-            array[i] = Observable[i]
+        for (var i in EventManager) {
+            array[i] = EventManager[i]
         }
         avalon.mix(array, CollectionPrototype)
         return array
@@ -2582,6 +2610,9 @@
     var _splice = ap.splice
     var CollectionPrototype = {
         _splice: _splice,
+        _fire: function(method, a, b) {
+            notifySubscribers(this.$events[subscribers], method, a, b)
+        },
         _add: function(arr, pos) {
             var oldLength = this.length
             pos = typeof pos === "number" ? pos : oldLength
@@ -2591,7 +2622,7 @@
             }
             _splice.apply(this, [pos, 0].concat(added))
 
-            notifySubscribers(this, "add", pos, added)
+            this._fire("add", pos, added)
             if (!this._stopFireLength) {
                 return this._.length = this.length
             }
@@ -2599,7 +2630,7 @@
         _del: function(pos, n) {
             var ret = this._splice(pos, n)
             if (ret.length) {
-                notifySubscribers(this, "del", pos, n)
+                this._fire("del", pos, n)
                 if (!this._stopFireLength) {
                     this._.length = this.length
                 }
@@ -2609,7 +2640,7 @@
         push: function() {
             ap.push.apply(this.$model, arguments)
             var n = this._add(arguments)
-            notifySubscribers(this, "index", n > 2 ? n - 2 : 0)
+            this._fire("index", n > 2 ? n - 2 : 0)
             return n
         },
         pushArray: function(array) {
@@ -2618,13 +2649,13 @@
         unshift: function() {
             ap.unshift.apply(this.$model, arguments)
             var ret = this._add(arguments, 0) //返回长度
-            notifySubscribers(this, "index", arguments.length)
+            this._fire("index", arguments.length)
             return ret
         },
         shift: function() {
             var el = this.$model.shift()
             this._del(0, 1)
-            notifySubscribers(this, "index", 0)
+            this._fire("index", 0)
             return el //返回被移除的元素
         },
         pop: function() {
@@ -2651,7 +2682,7 @@
             this._stopFireLength = false
             this._.length = this.length
             if (change) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return ret //返回被移除的元素
         },
@@ -2669,7 +2700,7 @@
         },
         clear: function() {
             this.$model.length = this.length = this._.length = 0 //清空数组
-            notifySubscribers(this, "clear", 0)
+            this._fire("clear", 0)
             return this
         },
         removeAll: function(all) { //移除N个元素
@@ -2712,7 +2743,7 @@
                 } else if (target !== val) {
                     this[index] = val
                     this.$model[index] = val
-                    notifySubscribers(this, "set", index, val)
+                    this._fire("set", index, val)
                 }
             }
             return this
@@ -2734,12 +2765,12 @@
                     var remove2 = bbb.splice(index, 1)[0]
                     this._splice(i, 0, remove)
                     bbb.splice(i, 0, remove2)
-                    notifySubscribers(this, "move", index, i)
+                    this._fire("move", index, i)
                 }
             }
             bbb = void 0
             if (sorted) {
-                notifySubscribers(this, "index", 0)
+                this._fire("index", 0)
             }
             return this
         }
@@ -2748,114 +2779,70 @@
     function convert(val) {
         var type = avalon.type(val)
         if (rcomplextype.test(type)) {
-            val = val.$id ? val : modelFactory(val, val)
+            val = val.$id ? val : modelFactory(val)
         }
         return val
     }
 
     //============ each/repeat/with binding 用到的辅助函数与对象 ======================
-    /*得到某一元素节点或文档碎片对象下的所有注释节点*/
-    var queryComments = function(parent) {
-        var tw = DOC.createTreeWalker(parent, NodeFilter.SHOW_COMMENT, null, null),
-                comment, ret = []
-        while (comment = tw.nextNode()) {
-            ret.push(comment)
-        }
-        return ret
-    }
-    var deleteRange = DOC.createRange()
-
-    /*将通过ms-if移出DOM树放进ifSanctuary的元素节点移出来，以便垃圾回收*/
-
-    function expelFromSanctuary(parent) {
-        var comments = queryComments(parent)
-        for (var i = 0, comment; comment = comments[i++]; ) {
-            if (comment.nodeValue == "ms-if") {
-                cinerator.appendChild(comment.elem)
-            }
-        }
-        while (comment = parent.firstChild) {
-            cinerator.appendChild(comment)
-        }
-        cinerator.innerHTML = ""
-    }
-
-    function iteratorCallback(args) {
-        var callback = getBindingCallback(this.callbackElement, this.callbackName, this.vmodels)
-        if (callback) {
-            var parent = this.parent
-            checkScan(parent, function() {
-                callback.apply(parent, args)
-            })
-        }
-    }
-
     //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
-    function shimController(data, transation, spans, proxy) {
-        var tview = data.template.cloneNode(true)
-        var id = proxy.$id
-        var span = tview.firstChild
-        if (!data.fastRepeat) {
-            span = DOC.createElement("msloop")
-            span.style.display = "none"
-            span.appendChild(tview)
-        }
-        span.setAttribute("ms-controller", id)
-        spans.push(span)
-        transation.appendChild(span)
+    function shimController(data, transation, proxy, fragments) {
+        var dom = avalon.parseHTML(data.template)
+        var nodes = avalon.slice(dom.childNodes)
+        transation.appendChild(dom)
         proxy.$outer = data.$outer
-        VMODELS[id] = proxy
-
-        function fn() {
-            delete VMODELS[id]
-            data.group = 1
-            if (!data.fastRepeat) {
-                data.group = span.childNodes.length
-                span.parentNode.removeChild(span)
-                while (span.firstChild) {
-                    transation.appendChild(span.firstChild)
-                }
-                if (fn.node !== void 0) {
-                    fn.parent.insertBefore(transation, fn.node)
+        var fragment = {
+            nodes: nodes,
+            vmodels: [proxy].concat(data.vmodels)
+        }
+        fragments.push(fragment)
+    }
+    // 取得用于定位的节点。比如group = 3,  结构为
+    // <div><!--ms-repeat--><br id="first"><br/><br/><br id="second"><br/><br/></div>
+    // 当pos为0时,返回 br#first
+    // 当pos为1时,返回 br#second
+    // 当pos为2时,返回 null
+    function locateFragment(data, pos) {
+        if (data.type == "repeat") {//ms-repeat，group为1
+            var node = data.element.nextSibling
+            for (var i = 0, n = pos; i < n; i++) {
+                if (node) {
+                    node = node.nextSibling
+                } else {
+                    break
                 }
             }
+        } else {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var group = data.group || nodes.length / data.proxies.length
+            node = nodes[group * pos]
         }
-        return span.patchRepeat = fn
+        return node || null
     }
-    // 取得用于定位的节点。在绑定了ms-each, ms-with属性的元素里，它的整个innerHTML都会视为一个子模板先行移出DOM树，
-    // 然后如果它的元素有多少个（ms-each）或键值对有多少双（ms-with），就将它复制多少份(多少为N)，再经过扫描后，重新插入该元素中。
-    // 这时该元素的孩子将分为N等分，每等份的第一个节点就是这个用于定位的节点，
-    // 方便我们根据它算出整个等分的节点们，然后整体移除或移动它们。
 
-    function getLocatedNode(parent, data, pos) {
-        if (data.startRepeat) {
-            var ret = data.startRepeat,
-                    end = data.endRepeat
-            pos += 1
-            for (var i = 0; i < pos; i++) {
-                ret = ret.nextSibling
-                if (ret == end)
-                    return end
+    function removeFragment(node, group, pos) {
+        var n = group * (pos || 1)
+        var nodes = [node], i = 1
+        var view = hyperspace
+        while (i < n) {
+            node = node.nextSibling
+            if (node) {
+                nodes[i++] = node
             }
-            return ret
-        } else {
-            return parent.childNodes[data.group * pos] || null
         }
-    }
-
-    function removeView(node, group, n) {
-        var length = group * (n || 1)
-        var view = hyperspace //.cloneNode(false)//???
-        while (--length >= 0) {
-            var nextSibling = node.nextSibling
+        for (var i = 0; node = nodes[i++]; ) {
             view.appendChild(node)
-            node = nextSibling
-            if (!node) {
-                break
-            }
         }
         return view
     }
+
+    function calculateFragmentGroup(data) {
+        if (!isFinite(data.group)) {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var n = "proxySize" in data ? data.proxySize : data.proxies.length
+            data.group = nodes.length / n
+        }
+    }
     // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
     var watchEachOne = oneObject("$index,$first,$last")
 
@@ -2864,11 +2851,11 @@
             $key: key,
             $outer: $outer,
             $val: val
-        }, 0, {
+        }, {
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
         return proxy
     }
     var eachProxyPool = []
@@ -2876,7 +2863,7 @@
         var param = data.param || "el", proxy
         var source = {
             $remove: function() {
-                return data.getter().removeAt(proxy.$index)
+                return data.$repeat.removeAt(proxy.$index)
             },
             $itemName: param,
             $index: index,
@@ -2888,8 +2875,8 @@
         for (var i = 0, n = eachProxyPool.length; i < n; i++) {
             var proxy = eachProxyPool[i]
             if (proxy.hasOwnProperty(param)) {
-                for (var i in source) {
-                    proxy[i] = source[i]
+                for (var k in source) {
+                    proxy[k] = source[k]
                 }
                 eachProxyPool.splice(i, 1)
                 return proxy
@@ -2899,19 +2886,26 @@
         if (type === "object" || type === "function") {
             source.$skipArray = [param]
         }
-        proxy = modelFactory(source, 0, watchEachOne)
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy = modelFactory(source, watchEachOne)
+        proxy.$watch(param, function(val) {
+            data.$repeat.set(proxy.$index, val)
+        })
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
         return proxy
     }
+
+    function recycleEachProxies(array) {
+        for (var i = 0, el; el = array[i++]; ) {
+            recycleEachProxy(el)
+        }
+        array.length = 0
+    }
+
     function recycleEachProxy(proxy) {
-        var obj = proxy.$accessors, name = proxy.$itemName;
-        ["$index", "$last", "$first"].forEach(function(prop) {
-            if (obj[prop]) {
-                obj[prop].length = 0
+        for (var i in proxy.$events) {
+            if (Array.isArray(proxy.$events[i])) {
+                proxy.$events[i].length = 0
             }
-        })
-        if (proxy[name]) {
-            proxy[name].length = 0;
         }
         if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
             eachProxyPool.pop()
@@ -3321,7 +3315,7 @@
                 function onerror(a, b) {
                     b && avalon.error(url + "对应资源不存在或没有开启 CORS")
                     setTimeout(function() {
-                        head.removeChild(link)
+                        link.remove()//☆
                     })
                 }
                 link.onerror = onerror
@@ -3403,7 +3397,7 @@
             node.onload = node.onerror = null
             if (onError) {
                 setTimeout(function() {
-                    head.removeChild(node)
+                    node.remove()//☆
                 })
                 log("debug: 加载 " + id + " 失败" + onError + " " + (!modules[id].state))
             } else {
diff --git a/examples/$fire.html b/examples/$fire.html
new file mode 100644
index 000000000..4be803b6b
--- /dev/null
+++ b/examples/$fire.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>by 司徒正美</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <script src="../avalon.js"></script>
+        <script>
+            avalon.define("ancestor", function(vm) {
+                vm.aaa = '1111111111'
+                vm.$watch("aaa", function(v) {
+                    avalon.log(v)
+                    avalon.log("ancestor.aaa事件被触发了")
+                })
+                vm.click = function() {
+                    avalon.log("向下广播")
+                    vm.$fire("down!aaa", "capture")
+                }
+            })
+            avalon.define("parent", function(vm) {
+                vm.text = "222222222"
+                vm.aaa = '3333333333'
+                vm.$watch("aaa", function(v) {
+                    avalon.log(v)
+                    avalon.log("parent.aaa事件被触发了")
+                })
+                vm.click = function() {
+                    console.log("全局扩播")
+                    vm.$fire("all!aaa", "broadcast")
+                }
+            })
+            avalon.define("son", function(vm) {
+                vm.$watch("aaa", function(v) {
+                    avalon.log(v)
+                    avalon.log("son.aaa事件被触发了")
+                })
+                vm.click = function() {
+                    console.log("向上冒泡")
+                    vm.$fire("up!aaa", "bubble")
+                }
+            })
+        </script>
+        <style>
+ 
+        </style>
+    </head>
+    <body class="ms-controller"   ms-controller="ancestor">
+        <h3>avalon vm.$fire的升级版 </h3>
+        <button type="button" ms-click="click">
+            capture
+        </button>
+        <div ms-controller="parent">
+            <button type="button" ms-click="click">broadcast</button>
+            <div ms-controller="son">
+                <button type="button" ms-click="click">
+                    bubble
+                </button>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/examples/$watch.html b/examples/$watch.html
new file mode 100644
index 000000000..9d199eb40
--- /dev/null
+++ b/examples/$watch.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js" ></script>
+        <script>
+            var model = avalon.define({
+                $id: "test",
+                aaa: "2",
+                bbb: "2",
+                $ccc: "1",
+                ddd: "1",
+                $skipArray: ["ddd"],
+                click: function(a) {
+                    model[a] = new Date - 0
+                }
+            })
+            model.$watch("aaa", function(a, b) {
+                console.log("aaa", a, b)
+            })
+            model.$watch("bbb", function(a, b) {
+                console.log("bbb", a, b)
+            })
+            model.$watch("$ccc", function(a, b) {
+                console.log("$ccc", a, b)
+            })
+            model.$watch("ddd", function(a, b) {
+                console.log("ddd", a, b)
+            })
+        </script>
+        <style>
+            .ms-hover div:hover{
+                background:yellowgreen;
+            }
+        </style>
+    </head>
+    <body ms-controller="test" class='ms-hover'>
+        <div ms-click="click('aaa')">{{aaa}}</div>
+        <div ms-click="click('bbb')">{{bbb}}</div>
+        <div ms-click="click('$ccc')">{{$ccc}}</div>
+        <div ms-click="click('ddd')">{{ddd}}</div>
+    </body>
+</html>
diff --git a/examples/aa1.html b/examples/aa1.html
deleted file mode 100644
index 380ce1ee8..000000000
--- a/examples/aa1.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title></title>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <script src="../avalon.js"></script>
-    </head>
-    <body>
-        <div ms-controller="box">
-            <div>
-                {{$maps[name] | html}}
-            </div>
-            <input ms-duplex="name"/>
-            <em>{{oo.xx}}</em> <em>{{oo}}</em>
-        </div>
-        <div ms-controller="box2">
-            <div ms-include-src="name">
-
-            </div>
-            <input ms-duplex="name"/>
-
-        </div>
-        <script>
-
-avalon.define("box", function(vm) {
-    vm.$maps = {
-        a: "dddd<b>{{name}}</b>dddddd",
-        b: "2222222222",
-        c: "<em>333333</em>"
-    }
-    vm.oo = {
-        xx: "ddddddd"
-    }
-    vm.name = "a"
-})
-
-avalon.mix(avalon.templateCache,
-        {
-            a: "dddd<b>{{name}}</b>dddddd",
-            b: "2222222222",
-            c: "<em>333333</em>"
-        })
-
-avalon.define("box2", function(vm) {
-    vm.name = "a"
-})
-
-        </script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/examples/aa2.html b/examples/aa2.html
deleted file mode 100644
index f462b15f4..000000000
--- a/examples/aa2.html
+++ /dev/null
@@ -1,134 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>by 司徒正美</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <script src="../avalon.js"></script>
-        <style>
-            .wrapper {
-                overflow-y: scroll;
-                border: 1px solid green;
-                height: 210px;
-                position: relative;
-            }
-            .wrapperInner{
-                height: 2378px
-            }
-            table{
-                border:1px solid blueviolet;
-                border-collapse: collapse;
-                position: absolute;
-                width:100%;
-            }
-            tr{
-                height: 20px;   
-            }
-            td{
-                border:1px solid  blueviolet;
-            }
-
-        </style>
-        <script>
-            var array = avalon.range(0, 1000)
-
-            var startIndex = 0
-            var endIndex = 10
-            var vmodel = avalon.define("grid", function(vm) {
-                vm.data = array
-                vm.top = 0
-                vm.$skipArray = ["data"]
-                vm._data = array.slice(startIndex, endIndex)
-            })
-
-            var requestAnimationFrame = window.requestAnimationFrame ||
-                    window.webkitRequestAnimationFrame ||
-                    window.mozRequestAnimationFrame ||
-                    function(callback) {
-                        return window.setTimeout(callback, 1000 / 60);
-                    }
-            var cancelAnimationFrame = window.cancelAnimationFrame ||
-                    window.webkitCancelRequestAnimationFrame ||
-                    window.mozCancelAnimationFrame ||
-                    function(id) {
-                        clearTimeout(id)
-                    }
-
-            avalon.ready(function() {
-                var wrapperInner = document.getElementById("wrapperInner")
-                var wrapper = document.getElementById("wrapper")
-                var table = document.getElementById("table")
-
-                var tableHeight = table.offsetHeight
-                var trHeight = Math.ceil(tableHeight / vmodel._data.size())
-                wrapperInner.style.height = trHeight * (vmodel.data.length + 2) + "px"
-                var prevScrollTop = 0
-                var lastRenderedScrollTop = 0
-                var requestID
-                var reRenderTbody = function() {
-                    var scrollTop = wrapper.scrollTop
-                    var scrollDir = scrollTop > prevScrollTop ? "down" : "up"
-                    prevScrollTop = scrollTop
-                    var distance = Math.abs(lastRenderedScrollTop - scrollTop)
-                    if (distance >= trHeight) {
-                        var linage = distance / trHeight
-                        var integer = Math.floor(linage)//取得整数部分
-                        var decimal = linage - integer//取得小数部分
-                        if (decimal > 0.55) {//四舍五入
-                            integer += 1 //要添加或删除的行数
-                        }
-                        var length = vmodel.data.length, count = 0
-                        if (scrollDir === "down") {
-                            //    console.log("下拉 " + integer + "行")
-                            while (endIndex < length) {
-                                endIndex += 1
-                                startIndex += 1
-                                count += 1
-                                var el = vmodel.data[endIndex]
-                                vmodel._data.push(el)
-                                vmodel._data.shift()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        } else {
-                            //  console.log("上移 " + integer + "行")
-                            while (startIndex >= 0) {
-                                endIndex -= 1
-                                startIndex -= 1
-                                count += 1
-                                var el = vmodel.data[startIndex]
-                                vmodel._data.unshift(el)
-                                vmodel._data.pop()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        }
-                        lastRenderedScrollTop = wrapper.scrollTop = vmodel.top = startIndex * trHeight
-                    }
-                }
-                avalon.bind(wrapper, "scroll", function(e) {
-                    vmodel.top = wrapper.scrollTop
-                    cancelAnimationFrame(requestID)
-                    requestID = requestAnimationFrame(reRenderTbody)
-                })
-
-            })
-        </script>
-
-    </head>
-    <body>
-        <div ms-controller="grid">
-            <div class="wrapper" id="wrapper">
-                <div class="wrapperInner" id="wrapperInner">
-                    <table ms-css-top="top" id="table">
-                        <tbody>
-                            <tr ms-repeat="_data"><td width="30%">表格1</td><td width="30%">第{{el}}行</td><td>表格3</td></tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-    </body> 
-</html>
\ No newline at end of file
diff --git a/examples/aa3.html b/examples/aa3.html
deleted file mode 100644
index dc4fc700e..000000000
--- a/examples/aa3.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>by 司徒正美</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <script src="../avalon.js"></script>
-    </head>
-    <body>
-        <div ms-controller="test">
-            <input ms-repeat="arr"  type="radio" name="sss"ms-click="fn($index)">
-        </div>
-
-        <script>
-
-            var model = avalon.define('test', function(vm) {
-                vm.arr = [0, 1, 2]
-                vm.fn = function(a) {
-                    var arr = [false, false, false]
-                    arr[a] = true
-                    console.log(arr)
-                }
-            });
-
-        </script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/examples/aa4.html b/examples/aa4.html
deleted file mode 100644
index c53a2f757..000000000
--- a/examples/aa4.html
+++ /dev/null
@@ -1,130 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>by 司徒正美</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <script src="../avalon.js"></script>
-        <style>
-            .wrapper {
-                overflow-y: scroll;
-                border: 1px solid green;
-                height: 210px;
-                position: relative;
-            }
-            .wrapperInner{
-                height: 2378px
-            }
-            table{
-                border:1px solid blueviolet;
-                border-collapse: collapse;
-                position: absolute;
-                width:100%;
-            }
-            tr{
-                height: 20px;   
-            }
-            td{
-                border:1px solid  blueviolet;
-            }
-
-        </style>
-        <script>
-            var array = avalon.range(0, 1000)
-
-            var startIndex = 0
-            var endIndex = 10
-            var vmodel = avalon.define("grid", function(vm) {
-                vm.data = array
-                vm.top = 0
-                vm.$skipArray = ["data"]
-                vm._data = array.slice(startIndex, endIndex)
-            })
-
-            var requestAnimationFrame = window.requestAnimationFrame ||
-                    function(callback) {
-                        return window.setTimeout(callback, 1000 / 60);
-                    }
-            var cancelAnimationFrame = window.cancelAnimationFrame ||
-                    function(id) {
-                        clearTimeout(id)
-                    }
-
-            avalon.ready(function() {
-                var wrapperInner = document.getElementById("wrapperInner")
-                var wrapper = document.getElementById("wrapper")
-                var table = document.getElementById("table")
-
-                var tableHeight = table.offsetHeight
-                var trHeight = Math.ceil(tableHeight / vmodel._data.size())
-                wrapperInner.style.height = trHeight * (vmodel.data.length + 2) + "px"
-                var prevScrollTop = 0
-                var lastRenderedScrollTop = 0
-                var requestID
-                var reRenderTbody = function() {
-                    var scrollTop = wrapper.scrollTop
-                    var scrollDir = scrollTop > prevScrollTop ? "down" : "up"
-                    prevScrollTop = scrollTop
-                    var distance = Math.abs(lastRenderedScrollTop - scrollTop)
-                    if (distance >= trHeight) {
-                        var linage = distance / trHeight
-                        var integer = Math.floor(linage)//取得整数部分
-                        var decimal = linage - integer//取得小数部分
-                        if (decimal > 0.55) {//四舍五入
-                            integer += 1 //要添加或删除的行数
-                        }
-                        var length = vmodel.data.length, count = 0
-                        if (scrollDir === "down") {
-                            //    console.log("下拉 " + integer + "行")
-                            while (endIndex+1 < length) {
-                                endIndex += 1
-                                startIndex += 1
-                                count += 1
-                                var el = vmodel.data[endIndex]
-                                vmodel._data.push(el)
-                                vmodel._data.shift()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        } else {
-                            //  console.log("上移 " + integer + "行")
-                            while (startIndex >= 0) {
-                                endIndex -= 1
-                                startIndex -= 1
-                                count += 1
-                                var el = vmodel.data[startIndex]
-                                vmodel._data.unshift(el)
-                                vmodel._data.pop()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        }
-                        lastRenderedScrollTop = wrapper.scrollTop = vmodel.top = startIndex * trHeight
-                    }
-                }
-                avalon.bind(wrapper, "scroll", function(e) {
-                    vmodel.top = wrapper.scrollTop
-                    cancelAnimationFrame(requestID)
-                    requestID = requestAnimationFrame(reRenderTbody)
-                })
-
-            })
-        </script>
-
-    </head>
-    <body>
-        <div ms-controller="grid">
-            <div class="wrapper" id="wrapper">
-                <div class="wrapperInner" id="wrapperInner">
-                    <table ms-css-top="top" id="table">
-                        <tbody>
-                            <tr ms-repeat="_data"><td width="30%">表格1</td><td width="30%">第{{el}}行</td><td>表格3</td></tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-    </body> 
-</html>
\ No newline at end of file
diff --git a/examples/architecture.html b/examples/architecture.html
new file mode 100644
index 000000000..64d5126e7
--- /dev/null
+++ b/examples/architecture.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <style>
+            .layer{
+                width:680px;
+                padding:10px 10px 10px 10px;
+                overflow: hidden;
+            }
+
+            .section{
+                width:300px;
+                float:left;
+                margin:10px;
+                background:blueviolet;
+                padding:10px;
+                color:white;
+            }
+
+
+        </style>
+    </head>
+    <body>
+        <div class="layer" style="background: black;color:white;">
+            <h2>披荆斩棘</h2>
+            <div class="section" style="height:258px" >
+                语言底层的修复<br/>
+                String.prototype.trim<br/>
+                Object.keys<br/>
+                Object.defineProperties<br/>
+                Function.prototype.bind<br/>
+                Array.prototype.indexOf<br/>
+                Array.prototype.lastIndexOf<br/>
+                Array.prototype.forEach<br/>
+                Array.prototype.filter<br/>
+                Array.prototype.map<br/>
+                Array.prototype.every<br/>
+                Array.prototype.some<br/>
+                JSON.parse的代替品parseData(未公开)<br/>
+                JSON.stringify的代替品quote(未公开)
+            </div>
+            <div class="section" style="height:258px" >
+                DOM底层的修复<br/>
+                Node.prototype.contains<br/>
+                Element.prototype.classList<br/>
+                HTMLElement.prototype.outerHTML<br/>
+                SVGElement.prototype.innerHTML<br/>
+                SVGElement.prototype.outerHTML
+            </div>
+
+        </div>
+        <div class="layer" style="background:darkred">
+            <h2>青铜时代</h2>
+            <div class="section" style="height:295px">
+                常用工具函数<br/>
+                avalon.type<br/>
+                avalon.isWindow<br/>
+                avalon.isPlainObject<br/>
+                avalon.mix<br/>
+                avalon.slice<br/>
+                avalon.oneObject<br/>
+                avalon.error<br/>
+                avalon.log<br/>
+                avalon.noop<br/>
+                avalon.range<br/>
+                avalon.each<br/>
+                avalon.Array.ensure<br/>
+                avalon.Array.removeAt<br/>
+                avalon.Array.remove<br/>
+                avalon.nextTick
+            </div>
+            <div class="section" style="height:295px">
+                DOM的高级封装<br/>
+                avalon.css<br/>
+                avalon.bind<br/>
+                avalon.unbind<br/>
+                <dl>
+                    <dt>更多事件的支持</dt>
+                    <dd>input</dd>
+                    <dd>mouseener</dd>
+                    <dd>mouseleave</dd>
+                    <dd>mousewheel</dd>
+                    <dd>animationend</dd>
+                </dl>
+                avalon.parseHTML<br/>
+                avalon.innerHTML<br/>
+                avalon.clearHTML<br/>
+                fixCloneNode
+            </div>
+        </div>
+        <div class="layer" style="background:orange;">
+            <h2>光彩年华</h2>
+            <div class="section" style="height:390px">
+                <b>设计模式的应用</b><br/>
+                事件管理系统: EventManager<br/>
+                心跳检测：avalon.tick<br/>
+                缓存系统：createCache<br/>
+                <dl>
+                    <dt>过滤器集</dt>
+                    <dd>uppercase</dd>
+                    <dd>lowercase</dd>
+                    <dd>truncate</dd>
+                    <dd>camelize</dd>
+                    <dd>sanitize</dd>
+                    <dd>escape</dd>
+                    <dd>currency</dd>
+                    <dd>number</dd>
+                    <dd>date</dd>
+                </dl>
+            </div>
+            <div class="section" style="height:390px">
+                <b>DOM的优雅封装<b><br/>
+                avalon.fn.bind<br/>
+                avalon.fn.unbind<br/>
+                avalon.fn.data<br/>
+                avalon.fn.attr<br/>
+                avalon.fn.val<br/>
+                avalon.fn.css<br/>
+                avalon.fn.offset<br/>
+                avalon.fn.offsetParent<br/>
+                avalon.fn.scrollLeft<br/>
+                avalon.fn.scrollTop<br/>     
+                avalon.fn.addClass<br/>
+                avalon.fn.hasClass<br/>
+                avalon.fn.removeClass<br/>
+                avalon.fn.toggleClass<br/>
+                avalon.fn.width<br/>
+                avalon.fn.height<br/>
+                avalon.fn.innerWidth<br/>
+                avalon.fn.innerHeight<br/>
+                avalon.fn.innerWidth<br/>
+                avalon.fn.innerHeight<br/>
+            </div>
+
+        </div>
+        <div class="layer" style="background:gold;">
+            <h2>鼎盛王朝</h2>
+            <div class="section" style="height:356px">
+                <b>数据之域</b><br/>
+                <dl>
+                    <dt>两个VM工厂</dt>
+                    <dd>modelFactory</dd>
+                    <dd>Collection</dd>
+                </dl>
+                <dl>
+                    <dt>三个创建代理VM的作坊 </dt>
+                    <dd>getEachPrxoy</dd>
+                    <dd>getWithProxy</dd>
+                    <dd>recycleEachProxy</dd>
+                </dl>
+                <dl>
+                    <dt>两个池子 </dt>
+                    <dd>eachProxyPool</dd>
+                    <dd>withProxyPool</dd>
+                </dl>
+                <dl>
+                    <dt>依赖调度系统 </dt>
+                    <dd>registerSubscriber</dd>
+                    <dd>notifySubscribers</dd>
+                    <dd>collectSubscribers</dd>
+                </dl>
+            </div>
+            <div class="section" style="height:356px">
+                <b>视图之领</b><br/>
+                <dl>
+                    <dt>扫描系统 </dt>
+                    <dd>avalon.scan</dd>
+                    <dd>scanTag</dd>
+                    <dd>scanAttr</dd>
+                    <dd>scanText</dd>
+                    <dd>scanExpr</dd>
+                    <dd>scanNodes</dd>
+                    <dd>executeBindings</dd>
+                </dl>
+                <dl>
+                    <dt>双向绑定系统</dt>
+                    <dd>avalon.bindingExecutors</dd>
+                    <dd>avalon.bindingHandlers</dd>
+                    <dd>avalon.parseExprProxy</dd>
+                </dl>
+            </div>
+        </div>
+        <div class="layer" style="background:yellow">
+            <h2>天下大同</h2>
+            <div class="section" style="width:640px">
+                <dl>
+                    <dt>编译系统</dt>
+                    <dd>getVariables（抽取用户变量）</dd>
+                    <dd>addAssign（拼接赋值语句）</dd>
+                    <dd>parseExpr（转换为求值函数）</dd>
+                </dl>
+                <dl>
+                    <dt>外挂</dt>
+                    <dd>AMD加载器</dd>
+                    <dd>DOMReady模块</dd>
+                </dl>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/examples/attr.html b/examples/attr.html
new file mode 100644
index 000000000..c7ef0eaa5
--- /dev/null
+++ b/examples/attr.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>ms-attr-*</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js"></script>
+
+        <script>
+            avalon.define("ms-attr-*", function(vm) {
+                vm.aaa = true
+                vm.click = function() {
+                    vm.aaa = !vm.aaa
+                }
+                vm.bbb = "@@@"
+                vm.ccc = "&&&"
+                vm.active = "active"
+            })
+            var nextTick = (function() {
+                // linked list of tasks (single, with head node)
+                var head = {task: void 0, next: null};
+                var tail = head;
+                var flushing = false;
+                var requestTick = void 0;
+           
+                function flush() {
+                    while (head.next) {
+                        head = head.next;
+                        var task = head.task;
+                        head.task = void 0;
+                       
+                        try {
+                            task();
+
+                        } catch (e) {
+
+                            // In browsers, uncaught exceptions are not fatal.
+                            // Re-throw them asynchronously to avoid slow-downs.
+                            setTimeout(function() {
+                                throw e;
+                            }, 0);
+
+                        }
+                    }
+
+                    flushing = false;
+                }
+
+                nextTick = function(task) {
+                    tail = tail.next = {
+                        task: task,
+                        next: null
+                    };
+
+                    if (!flushing) {
+                        flushing = true;
+                        requestTick();
+                    }
+                };
+
+                if (typeof setImmediate === "function") {
+                   
+                        requestTick = setImmediate.bind(window, flush);
+                  
+                } else if (typeof MessageChannel !== "undefined") {
+                    // modern browsers
+                    // http://www.nonblocking.io/2011/06/windownexttick.html
+                    var channel = new MessageChannel();
+                    // At least Safari Version 6.0.5 (8536.30.1) intermittently cannot create
+                    // working message ports the first time a page loads.
+                    channel.port1.onmessage = function() {
+                        requestTick = requestPortTick;
+                        channel.port1.onmessage = flush;
+                        flush();
+                    };
+                    var requestPortTick = function() {
+                        // Opera requires us to provide a message payload, regardless of
+                        // whether we use it.
+                        channel.port2.postMessage(0);
+                    };
+                    requestTick = function() {
+                        setTimeout(flush, 0);
+                        requestPortTick();
+                    };
+
+                } else {
+                    // old browsers
+                    requestTick = function() {
+                        setTimeout(flush, 0);
+                    };
+                }
+
+                return nextTick;
+            })();
+        </script>
+        <style>
+            .active {
+                background: goldenrod;
+            }
+            .readonly{
+                border:1px solid blueviolet;
+            }
+        </style>
+
+    </head>
+    <body>
+        <form method="get" action="aaa.html" ms-controller="ms-attr-*">
+            <input ms-enabled="aaa" name="a1" value="12345"/>
+            <input ms-disabled="aaa" name="a2" value="67890"/>
+            <input ms-readonly="aaa" name="a3" ms-class="readonly: aaa" value="readonly" />
+
+            <input ms-duplex-radio="aaa" type="checkbox" value="checkbox" name="a4"/>
+            <select name="a5">
+                <option>222</option>
+                <option ms-selected="aaa">555</option>
+            </select>
+            <p>
+                <input ms-attr-value="其他内容  {{ccc}}" name="a6" value="改"/>
+                <input ms-attr-value="'其他内容 '+ccc" name="a7" value="改" />
+                <input ms-value="其他内容  {{ccc}}" name="a8" value="改"/>
+            </p>
+            <button type="button" ms-click="click" ms-attr-class="active">
+                点我
+            </button>
+            <input type="submit" value="提交" />
+            <svg width="100" height="100">
+            <circle ms-attr-cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
+            </svg>
+        </form>
+    </body>
+</html>
diff --git a/examples/avalon.$events.js b/examples/avalon.$events.js
new file mode 100644
index 000000000..f36aeceb1
--- /dev/null
+++ b/examples/avalon.$events.js
@@ -0,0 +1,4922 @@
+/*==================================================
+ Copyright 2013-2014 司徒正美 and other contributors
+ http://www.cnblogs.com/rubylouvre/
+ https://github.com/RubyLouvre
+ http://weibo.com/jslouvre/
+ 
+ Released under the MIT license
+ avalon 1.4 2014.10.5
+ ==================================================*/
+(function(DOC) {
+    /*********************************************************************
+     *                    全局变量及方法                                  *
+     **********************************************************************/
+    var expose = new Date - 0
+    var subscribers = "$" + expose
+    //http://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/
+    var window = this || (0, eval)("this")
+    var otherRequire = window.require
+    var otherDefine = window.define
+    var stopRepeatAssign = false
+    var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
+    var rnative = /\[native code\]/  //判定是否原生函数
+    var rcomplexType = /^(?:object|array)$/
+    var rsvg = /^\[object SVG\w*Element\]$/
+    var rwindow = /^\[object (?:Window|DOMWindow|global)\]$/
+    var oproto = Object.prototype
+    var ohasOwn = oproto.hasOwnProperty
+    var serialize = oproto.toString
+    var ap = Array.prototype
+    var aslice = ap.slice
+    var W3C = window.dispatchEvent
+    var root = DOC.documentElement
+    var head = DOC.getElementsByTagName("head")[0] //HEAD元素
+    var hyperspace = DOC.createDocumentFragment()
+    var cinerator = DOC.createElement("div")
+    var class2type = {}
+    "Boolean Number String Function Array Date RegExp Object Error".replace(rword, function(name) {
+        class2type["[object " + name + "]"] = name.toLowerCase()
+    })
+
+    var isFunction = typeof alert === "object" ? function(fn) {
+        try {
+            return /^\s*\bfunction\b/.test(fn + "")
+        } catch (e) {
+            return false
+        }
+    } : function(fn) {
+        return serialize.call(fn) == "[object Function]"
+    }
+
+    function noop() {
+    }
+
+    function log() {
+        if (window.console && avalon.config.debug) {
+            // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+            Function.apply.call(console.log, console, arguments)
+        }
+    }
+
+
+    function oneObject(array, val) {
+        if (typeof array === "string") {
+            array = array.match(rword) || []
+        }
+        var result = {},
+                value = val !== void 0 ? val : 1
+        for (var i = 0, n = array.length; i < n; i++) {
+            result[array[i]] = value
+        }
+        return result
+    }
+
+//生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
+    function generateID() {
+        return "avalon" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
+    }
+    /*********************************************************************
+     *                 avalon的静态方法定义区                              *
+     **********************************************************************/
+    avalon = function(el) { //创建jQuery式的无new 实例化结构
+        return new avalon.init(el)
+    }
+
+    avalon.init = function(el) {
+        this[0] = this.element = el
+    }
+    avalon.isFunction = isFunction
+    avalon.fn = avalon.prototype = avalon.init.prototype
+
+    avalon.type = function(obj) {//取得目标的类型
+        if (obj == null) {
+            return String(obj)
+        }
+        // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
+        return typeof obj === "object" || typeof obj === "function" ?
+                class2type[serialize.call(obj)] || "object" :
+                typeof obj
+    }
+
+    avalon.isWindow = function(obj) {
+        if (!obj)
+            return false
+        // 利用IE678 window == document为true,document == window竟然为false的神奇特性
+        // 标准浏览器及IE9，IE10等使用 正则检测
+        return obj == obj.document && obj.document != obj
+    }
+
+    function isWindow(obj) {
+        return rwindow.test(serialize.call(obj))
+    }
+    if (isWindow(window)) {
+        avalon.isWindow = isWindow
+    }
+    var enu
+    for (enu in avalon({})) {
+        break
+    }
+    var enumerateBUG = enu !== "0"//IE6下为true, 其他为false
+    /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
+    avalon.isPlainObject = function(obj, key) {
+        if (!obj || avalon.type(obj) !== "object" || obj.nodeType || avalon.isWindow(obj)) {
+            return false;
+        }
+        try {//IE内置对象没有constructor
+            if (obj.constructor &&
+                    !ohasOwn.call(obj, "constructor") &&
+                    !ohasOwn.call(obj.constructor.prototype, "isPrototypeOf")) {
+                return false;
+            }
+        } catch (e) {//IE8 9会在这里抛错
+            return false;
+        }
+        if (enumerateBUG) {
+            for (key in obj) {
+                return ohasOwn.call(obj, key)
+            }
+        }
+        for (key in obj) {
+        }
+        return key === void 0 || ohasOwn.call(obj, key);
+    }
+    if (rnative.test(Object.getPrototypeOf)) {
+        avalon.isPlainObject = function(obj) {
+            return !!obj && typeof obj === "object" && Object.getPrototypeOf(obj) === oproto
+        }
+    }
+//与jQuery.extend方法，可用于浅拷贝，深拷贝
+    avalon.mix = avalon.fn.mix = function() {
+        var options, name, src, copy, copyIsArray, clone,
+                target = arguments[0] || {},
+                i = 1,
+                length = arguments.length,
+                deep = false
+
+        // 如果第一个参数为布尔,判定是否深拷贝
+        if (typeof target === "boolean") {
+            deep = target
+            target = arguments[1] || {}
+            i++
+        }
+
+//确保接受方为一个复杂的数据类型
+        if (typeof target !== "object" && !isFunction(target)) {
+            target = {}
+        }
+
+//如果只有一个参数，那么新成员添加于mix所在的对象上
+        if (i === length) {
+            target = this
+            i--
+        }
+
+        for (; i < length; i++) {
+//只处理非空参数
+            if ((options = arguments[i]) != null) {
+                for (name in options) {
+                    src = target[name]
+                    try {
+                        copy = options[name]//当options为VBS对象时报错
+                    } catch (e) {
+                        continue
+                    }
+
+                    // 防止环引用
+                    if (target === copy) {
+                        continue
+                    }
+                    if (deep && copy && (avalon.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
+
+                        if (copyIsArray) {
+                            copyIsArray = false
+                            clone = src && Array.isArray(src) ? src : []
+
+                        } else {
+                            clone = src && avalon.isPlainObject(src) ? src : {}
+                        }
+
+                        target[name] = avalon.mix(deep, clone, copy)
+                    } else if (copy !== void 0) {
+                        target[name] = copy
+                    }
+                }
+            }
+        }
+        return target
+    }
+
+    function _number(a, len) { //用于模拟slice, splice的效果
+        a = Math.floor(a) || 0
+        return a < 0 ? Math.max(len + a, 0) : Math.min(a, len);
+    }
+    avalon.mix({
+        rword: rword,
+        subscribers: subscribers,
+        version: 1.4,
+        ui: {},
+        log: log,
+        slice: W3C ? function(nodes, start, end) {
+            return aslice.call(nodes, start, end)
+        } : function(nodes, start, end) {
+            var ret = []
+            var len = nodes.length
+            if (end === void 0)
+                end = len
+            if (typeof end === "number" && isFinite(end)) {
+                start = _number(start, len)
+                end = _number(end, len)
+                for (var i = start; i < end; ++i) {
+                    ret[i - start] = nodes[i]
+                }
+            }
+            return ret
+        },
+        noop: noop,
+        /*如果不用Error对象封装一下，str在控制台下可能会乱码*/
+        error: function(str, e) {
+            throw new (e || Error)(str)
+        },
+        /*将一个以空格或逗号隔开的字符串或数组,转换成一个键值都为1的对象*/
+        oneObject: oneObject,
+        /* avalon.range(10)
+         => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+         avalon.range(1, 11)
+         => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+         avalon.range(0, 30, 5)
+         => [0, 5, 10, 15, 20, 25]
+         avalon.range(0, -10, -1)
+         => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
+         avalon.range(0)
+         => []*/
+        range: function(start, end, step) { // 用于生成整数数组
+            step || (step = 1)
+            if (end == null) {
+                end = start || 0
+                start = 0
+            }
+            var index = -1,
+                    length = Math.max(0, Math.ceil((end - start) / step)),
+                    result = Array(length)
+            while (++index < length) {
+                result[index] = start
+                start += step
+            }
+            return result
+        },
+        eventHooks: {},
+        /*绑定事件*/
+        bind: function(el, type, fn, phase) {
+            var hooks = avalon.eventHooks
+            var hook = hooks[type]
+            if (typeof hook === "object") {
+                type = hook.type
+                if (hook.deel) {
+                    fn = hook.deel(el, fn)
+                }
+            }
+            var callback = W3C ? fn : function(e) {
+                fn.call(el, fixEvent(e));
+            }
+            if (W3C) {
+                el.addEventListener(type, callback, !!phase)
+            } else {
+                el.attachEvent("on" + type, callback)
+            }
+            return callback
+        },
+        /*卸载事件*/
+        unbind: function(el, type, fn, phase) {
+            var hooks = avalon.eventHooks
+            var hook = hooks[type]
+            var callback = fn || noop
+            if (typeof hook === "object") {
+                type = hook.type
+            }
+            if (W3C) {
+                el.removeEventListener(type, callback, !!phase)
+            } else {
+                el.detachEvent("on" + type, callback)
+            }
+        },
+        /*读写删除元素节点的样式*/
+        css: function(node, name, value) {
+            if (node instanceof avalon) {
+                node = node[0]
+            }
+            var prop = /[_-]/.test(name) ? camelize(name) : name
+            name = avalon.cssName(prop) || prop
+            if (value === void 0 || typeof value === "boolean") { //获取样式
+                var fn = cssHooks[prop + ":get"] || cssHooks["@:get"]
+                var val = fn(node, name)
+                return value === true ? parseFloat(val) || 0 : val
+            } else if (value === "") { //请除样式
+                node.style[name] = ""
+            } else { //设置样式
+                if (value == null || value !== value) {
+                    return
+                }
+                if (isFinite(value) && !avalon.cssNumber[prop]) {
+                    value += "px"
+                }
+                fn = cssHooks[prop + ":set"] || cssHooks["@:set"]
+                fn(node, name, value)
+            }
+        },
+        /*遍历数组与对象,回调的第一个参数为索引或键名,第二个或元素或键值*/
+        each: function(obj, fn) {
+            if (obj) { //排除null, undefined
+                var i = 0
+                if (isArrayLike(obj)) {
+                    for (var n = obj.length; i < n; i++) {
+                        fn(i, obj[i])
+                    }
+                } else {
+                    for (i in obj) {
+                        if (obj.hasOwnProperty(i)) {
+                            fn(i, obj[i])
+                        }
+                    }
+                }
+            }
+        },
+        //收集元素的data-{{prefix}}-*属性，并转换为对象
+        getWidgetData: function(elem, prefix) {
+            var raw = avalon(elem).data()
+            var result = {}
+            for (var i in raw) {
+                if (i.indexOf(prefix) === 0) {
+                    result[i.replace(prefix, "").replace(/\w/, function(a) {
+                        return a.toLowerCase()
+                    })] = raw[i]
+                }
+            }
+            return result
+        },
+        Array: {
+            /*只有当前数组不存在此元素时只添加它*/
+            ensure: function(target, item) {
+                if (target.indexOf(item) === -1) {
+                    return target.push(item)
+                }
+            },
+            /*移除数组中指定位置的元素，返回布尔表示成功与否*/
+            removeAt: function(target, index) {
+                return !!target.splice(index, 1).length
+            },
+            /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
+            remove: function(target, item) {
+                var index = target.indexOf(item)
+                if (~index)
+                    return avalon.Array.removeAt(target, index)
+                return false
+            }
+        }
+    })
+
+    /*判定类数组,如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
+    function isArrayLike(obj) {
+        if (obj && typeof obj === "object" && !avalon.isWindow(obj)) {
+            var n = obj.length
+            if (+n === n && !(n % 1) && n >= 0) { //检测length属性是否为非负整数
+                try {
+                    if ({}.propertyIsEnumerable.call(obj, "length") === false) { //如果是原生对象
+                        return Array.isArray(obj) || /^\s?function/.test(obj.item || obj.callee)
+                    }
+                    return true
+                } catch (e) { //IE的NodeList直接抛错
+                    return true
+                }
+            }
+        }
+        return false
+    }
+    //from Q.js
+    avalon.nextTick = (function() {
+        // linked list of tasks (single, with head node)
+        var head = {task: void 0, next: null}
+        var tail = head
+        var flushing = false
+        var requestTick = void 0
+
+        function flush() {
+            while (head.next) {
+                head = head.next
+                var task = head.task
+                head.task = void 0
+                try {
+                    task()
+                } catch (e) {
+                    // In browsers, uncaught exceptions are not fatal.
+                    // Re-throw them asynchronously to avoid slow-downs.
+                    setTimeout(function() {
+                        throw e
+                    }, 0)
+                }
+            }
+            flushing = false
+        }
+
+        nextTick = function(task) {
+            tail = tail.next = {
+                task: task,
+                next: null
+            }
+            if (!flushing) {
+                flushing = true
+                requestTick()
+            }
+        }
+        if (typeof setImmediate === "function") {//IE10-11
+            requestTick = setImmediate.bind(window, flush)
+        } else if (typeof MessageChannel !== "undefined") { // W3C
+            // http://www.nonblocking.io/2011/06/windownexttick.html
+            var channel = new MessageChannel();
+            channel.port1.onmessage = function() {
+                requestTick = requestPortTick
+                channel.port1.onmessage = flush
+                flush()
+            }
+            var requestPortTick = function() {
+                channel.port2.postMessage(0);
+            }
+            requestTick = function() {
+                setTimeout(flush, 0)
+                requestPortTick()
+            }
+        } else if (window.VBArray) {//IE6-9
+            requestTick = function() {
+                var node = DOC.createElement("script")
+                node.onreadystatechange = function() {
+                    flush() //在interactive阶段就触发
+                    node.onreadystatechange = null
+                    head.removeChild(node)
+                    node = null
+                }
+                head.appendChild(node)
+            }
+        } else { // old W3C
+            requestTick = function() {
+                setTimeout(flush, 0)
+            }
+        }
+        return nextTick
+    })()
+    /*********************************************************************
+     *                           modelFactory                             *
+     **********************************************************************/
+    //avalon最核心的方法的两个方法之一（另一个是avalon.scan），返回一个ViewModel(VM)
+    var VMODELS = avalon.vmodels = {}//所有vmodel都储存在这里
+    avalon.define = function(id, factory) {
+        var $id = id.$id || id
+        if (!$id) {
+            log("warning: vm必须指定$id")
+        }
+        if (VMODELS[id]) {
+            log("warning: " + $id + " 已经存在于avalon.vmodels中")
+        }
+        if (typeof id === "object") {
+            var model = modelFactory(id)
+        } else {
+            var scope = {
+                $watch: noop
+            }
+            factory(scope) //得到所有定义
+            model = modelFactory(scope) //偷天换日，将scope换为model
+            stopRepeatAssign = true
+            factory(model)
+            stopRepeatAssign = false
+        }
+        model.$id = $id
+        return VMODELS[$id] = model
+    }
+    //一些不需要被监听的属性
+    var $$skipArray = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray").match(rword)
+    function isObservable(name, value, $skipArray) {
+        if (isFunction(value) || value && value.nodeType) {
+            return false
+        }
+        if ($skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        if ($$skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        var $special = $skipArray.$special
+        if (name && name.charAt(0) === "$" && !$special[name]) {
+            return false
+        }
+        return true
+    }
+    var rthis = /\bthis\./g
+
+    function modelFactory($scope, $special, $model) {
+        if (Array.isArray($scope)) {
+            var arr = $scope.concat()
+            $scope.length = 0
+            var collection = Collection($scope)
+            collection.pushArray(arr)
+            return collection
+        }
+        if (typeof $scope.nodeType === "number") {
+            return $scope
+        }
+        if ($scope.$id && $scope.$model && $scope.$events) {//fix IE6-8 createWithProxy $val: val引发的BUG
+            return $scope
+        }
+        if (!Array.isArray($scope.$skipArray)) {
+            $scope.$skipArray = []
+        }
+        $scope.$skipArray.$special = $special || {}//强制要监听的属性
+        var $vmodel = {} //要返回的对象, 它在IE6-8下可能被偷龙转凤
+        $model = $model || {}  //vmodels.$model属性
+        var watchedProperties = {} //监控属性
+        var computedProperties = []  //计算属性
+        var $events = {}
+        for (var i in $scope) {
+            (function(name, val) {
+                $model[name] = val
+                if (!isObservable(name, val, $scope.$skipArray)) {
+                    return  //过滤所有非监控属性
+                }
+                //总共产生三种accessor
+                var accessor
+                var valueType = avalon.type(val)
+                $events[name] = []
+                if (valueType === "object" && isFunction(val.get) && Object.keys(val).length <= 2) {
+                    var setter = val.set
+                    var getter = val.get
+                    //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
+                    accessor = function(newValue) {
+                        var $events = $vmodel.$events
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (isFunction(setter)) {
+                                var backup = $events[name]
+                                $events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
+                                setter.call($vmodel, newValue)
+                                $events[name] = backup
+                            }
+                        }
+                        newValue = $model[name] = getter.call($vmodel) //同步$model
+                        if (!isEqual(oldValue, newValue)) {
+                            withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步循环绑定中的代理VM
+                            notifySubscribers($events[name]) //同步视图
+                            safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                        }
+                        return newValue
+                    }
+                    computedProperties.push(function() {
+                        var data = {
+                            evaluator: accessor,
+                            element: head,
+                            type: "computed::" + name,
+                            handler: noop,
+                            args: []
+                        }
+                        var vars = getVariables(getter.toString().replace(rthis, "")).concat()
+                        if (vars.length) {//计算依赖
+                            addAssign(vars, $vmodel, name, data)
+                        }
+                        accessor()//强逼计算自身
+                    })
+                } else if (rcomplexType.test(valueType)) {
+                    //第2种对应子ViewModel或监控数组 
+                    accessor = function(newValue) {
+                        var childVmodel = accessor.child
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (!isEqual(oldValue, newValue)) {
+                                childVmodel = accessor.child = updateChild($vmodel, name, newValue, valueType)
+                                newValue = $model[name] = childVmodel.$model //同步$model
+                                var fn = rebindings[childVmodel.$id]
+                                fn && fn() //同步视图
+                                safeFire($vmodel, name, newValue, oldValue)  //触发$watch回调
+                            }
+                        } else {
+                            return childVmodel
+                        }
+                    }
+                    var childVmodel = accessor.child = modelFactory(val, 0, $model[name])
+                    childVmodel.$events[subscribers] = $events[name]
+                } else {
+                    //第3种对应简单的数据类型，自变量，监控属性
+                    accessor = function(newValue) {
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (!isEqual(oldValue, newValue)) {
+                                $model[name] = newValue //同步$model
+                                withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步代理VM
+                                notifySubscribers($vmodel.$events[name]) //同步视图
+                                safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                            }
+                        } else {
+                            return oldValue
+                        }
+                    }
+                }
+                watchedProperties[name] = accessor
+            })(i, $scope[i])
+        }
+
+        $$skipArray.forEach(function(name) {
+            delete $scope[name]
+            delete $model[name]  //这些特殊属性不应该在$model中出现
+        })
+
+        $vmodel = defineProperties($vmodel, descriptorFactory(watchedProperties), $scope) //生成一个空的ViewModel
+        for (var name in $scope) {
+            if (!watchedProperties[name]) {
+                $vmodel[name] = $scope[name]
+            }
+        }
+        //添加$id, $model, $events, $watch, $unwatch, $fire
+        $vmodel.$id = generateID()
+        $vmodel.$model = $model
+        $vmodel.$events = $events
+        for (var i in EventManager) {
+            var fn = EventManager [i]
+            if (!W3C) { //在IE6-8下，VB对象的方法里的this并不指向自身，需要用bind处理一下
+                fn = fn.bind($vmodel)
+            }
+            $vmodel[i] = fn
+        }
+
+        $vmodel.hasOwnProperty = function(name) {
+            return name in $vmodel.$model
+        }
+        computedProperties.forEach(function(collect) {
+            collect()//收集依赖
+        })
+        return $vmodel
+    }
+
+    //比较两个值是否相等
+    var isEqual = Object.is || function(v1, v2) {
+        if (v1 === 0 && v2 === 0) {
+            return 1 / v1 === 1 / v2
+        } else if (v1 !== v1) {
+            return v2 !== v2
+        } else {
+            return v1 === v2
+        }
+    }
+
+    function safeFire(a, b, c, d) {
+        if (a.$events) {
+            EventManager.$fire.call(a, b, c, d)
+        }
+    }
+    var descriptorFactory = W3C ? function(obj) {
+        var descriptors = {}
+        for (var i in obj) {
+            descriptors[i] = {
+                get: obj[i],
+                set: obj[i],
+                enumerable: true,
+                configurable: true
+            }
+        }
+        return descriptors
+    } : function(a) {
+        return a
+    }
+
+    //ms-with, ms-repeat绑定生成的代理对象储存池
+    var withProxyPool = {}
+    var withProxyCount = 0
+    var rebindings = {}
+
+    function updateWithProxy($id, name, val) {
+        var pool = withProxyPool[$id]
+        if (pool && pool[name]) {
+            pool[name].$val = val
+        }
+    }
+    //应用于第2种accessor
+    function updateChild(parent, name, value, valueType) {
+        //a为原来的VM， b为新数组或新对象
+        var son = parent[name]
+        if (valueType === "array") {
+            if (!Array.isArray(value) || son === value) {
+                return son //fix https://github.com/RubyLouvre/avalon/issues/261
+            }
+            son.clear()
+            son.pushArray(value.concat())
+            return son
+        } else {
+            var iterators = parent.$events[name]
+            if (withProxyPool[son.$id]) {
+                withProxyCount--
+                delete withProxyPool[son.$id]
+            }
+            var ret = modelFactory(value)
+            rebindings[ret.$id] = function(data) {
+                while (data = iterators.shift()) {
+                    (function(el) {
+                        if (el.type) { //重新绑定
+                            avalon.nextTick(function() {
+                                el.rollback && el.rollback() //还原 ms-with ms-on
+                                bindingHandlers[el.type](el, el.vmodels)
+                            })
+                        }
+                    })(data)
+                }
+                delete rebindings[ret.$id]
+            }
+            return ret
+        }
+    }
+
+    //===================修复浏览器对Object.defineProperties的支持=================
+    var defineProperty = Object.defineProperty
+    //如果浏览器不支持ecma262v5的Object.defineProperties或者存在BUG，比如IE8
+    //标准浏览器使用__defineGetter__, __defineSetter__实现
+    try {
+        defineProperty({}, "_", {
+            value: "x"
+        })
+        var defineProperties = Object.defineProperties
+    } catch (e) {
+        if ("__defineGetter__" in avalon) {
+            defineProperty = function(obj, prop, desc) {
+                if ('value' in desc) {
+                    obj[prop] = desc.value
+                }
+                if ("get" in desc) {
+                    obj.__defineGetter__(prop, desc.get)
+                }
+                if ('set' in desc) {
+                    obj.__defineSetter__(prop, desc.set)
+                }
+                return obj
+            }
+            defineProperties = function(obj, descs) {
+                for (var prop in descs) {
+                    if (descs.hasOwnProperty(prop)) {
+                        defineProperty(obj, prop, descs[prop])
+                    }
+                }
+                return obj
+            }
+        }
+    }
+    //IE6-8使用VBScript类的set get语句实现
+    if (!defineProperties && window.VBArray) {
+        window.execScript([
+            "Function parseVB(code)",
+            "\tExecuteGlobal(code)",
+            "End Function",
+            "Dim VBClassBodies",
+            "Set VBClassBodies=CreateObject(\"Scripting.Dictionary\")",
+            "Function findOrDefineVBClass(name,body)",
+            "\tDim found",
+            "\tfound=\"\"",
+            "\tFor Each key in VBClassBodies",
+            "\t\tIf body=VBClassBodies.Item(key) Then",
+            "\t\t\tfound=key",
+            "\t\t\tExit For",
+            "\t\tEnd If",
+            "\tnext",
+            "\tIf found=\"\" Then",
+            "\t\tparseVB(\"Class \" + name + body)",
+            "\t\tVBClassBodies.Add name, body",
+            "\t\tfound=name",
+            "\tEnd If",
+            "\tfindOrDefineVBClass=found",
+            "End Function"
+        ].join("\n"), "VBScript")
+
+        function VBMediator(accessingProperties, name, value) {
+            var accessor = accessingProperties[name]
+            if (typeof accessor === "function") {
+                if (arguments.length === 3) {
+                    accessor(value)
+                } else {
+                    return accessor()
+                }
+            }
+        }
+        defineProperties = function(name, accessors, properties) {
+            var className = "VBClass" + setTimeout("1"),
+                    buffer = []
+            buffer.push(
+                    "\r\n\tPrivate [__data__], [__proxy__]",
+                    "\tPublic Default Function [__const__](d, p)",
+                    "\t\tSet [__data__] = d: set [__proxy__] = p",
+                    "\t\tSet [__const__] = Me", //链式调用
+                    "\tEnd Function")
+            //添加普通属性,因为VBScript对象不能像JS那样随意增删属性，必须在这里预先定义好
+            for (name in properties) {
+                if (!accessors.hasOwnProperty(name)) {
+                    buffer.push("\tPublic [" + name + "]")
+                }
+            }
+            $$skipArray.forEach(function(name) {
+                if (!accessors.hasOwnProperty(name)) {
+                    buffer.push("\tPublic [" + name + "]")
+                }
+            })
+            buffer.push("\tPublic [" + 'hasOwnProperty' + "]")
+            //添加访问器属性 
+            for (name in accessors) {
+                buffer.push(
+                        //由于不知对方会传入什么,因此set, let都用上
+                        "\tPublic Property Let [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Set [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Get [" + name + "]", //getter
+                        "\tOn Error Resume Next", //必须优先使用set语句,否则它会误将数组当字符串返回
+                        "\t\tSet[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tIf Err.Number <> 0 Then",
+                        "\t\t[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tEnd If",
+                        "\tOn Error Goto 0",
+                        "\tEnd Property")
+
+            }
+
+            buffer.push("End Class")
+            var code = buffer.join("\r\n"),
+                    realClassName = window['findOrDefineVBClass'](className, code) //如果该VB类已定义，返回类名。否则用className创建一个新类。
+            if (realClassName === className) {
+                window.parseVB([
+                    "Function " + className + "Factory(a, b)", //创建实例并传入两个关键的参数
+                    "\tDim o",
+                    "\tSet o = (New " + className + ")(a, b)",
+                    "\tSet " + className + "Factory = o",
+                    "End Function"
+                ].join("\r\n"))
+            }
+            var ret = window[realClassName + "Factory"](accessors, VBMediator) //得到其产品
+            return ret //得到其产品
+        }
+    }
+    /*********************************************************************
+     *                         javascript 底层补丁                       *
+     **********************************************************************/
+    if (!"司徒正美".trim) {
+        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g
+        String.prototype.trim = function() {
+            return this.replace(rtrim, "")
+        }
+    }
+    var hasDontEnumBug = !({'toString': null}).propertyIsEnumerable('toString'),
+            hasProtoEnumBug = (function() {
+            }).propertyIsEnumerable('prototype'),
+            dontEnums = [
+                "toString",
+                "toLocaleString",
+                "valueOf",
+                "hasOwnProperty",
+                "isPrototypeOf",
+                "propertyIsEnumerable",
+                "constructor"
+            ],
+            dontEnumsLength = dontEnums.length;
+    if (!Object.keys) {
+        Object.keys = function(object) { //ecma262v5 15.2.3.14
+            var theKeys = [];
+            var skipProto = hasProtoEnumBug && typeof object === "function"
+            if (typeof object === "string" || (object && object.callee)) {
+                for (var i = 0; i < object.length; ++i) {
+                    theKeys.push(String(i))
+                }
+            } else {
+                for (var name in object) {
+                    if (!(skipProto && name === "prototype") && ohasOwn.call(object, name)) {
+                        theKeys.push(String(name))
+                    }
+                }
+            }
+
+            if (hasDontEnumBug) {
+                var ctor = object.constructor,
+                        skipConstructor = ctor && ctor.prototype === object;
+                for (var j = 0; j < dontEnumsLength; j++) {
+                    var dontEnum = dontEnums[j]
+                    if (!(skipConstructor && dontEnum === "constructor") && ohasOwn.call(object, dontEnum)) {
+                        theKeys.push(dontEnum)
+                    }
+                }
+            }
+            return theKeys
+        }
+    }
+    if (!Array.isArray) {
+        Array.isArray = function(a) {
+            return serialize.call(a) === "[object Array]"
+        }
+    }
+
+    if (!noop.bind) {
+        Function.prototype.bind = function(scope) {
+            if (arguments.length < 2 && scope === void 0)
+                return this
+            var fn = this,
+                    argv = arguments
+            return function() {
+                var args = [],
+                        i
+                for (i = 1; i < argv.length; i++)
+                    args.push(argv[i])
+                for (i = 0; i < arguments.length; i++)
+                    args.push(arguments[i])
+                return fn.apply(scope, args)
+            }
+        }
+    }
+
+    function iterator(vars, body, ret) {
+        var fun = 'for(var ' + vars + 'i=0,n = this.length; i < n; i++){' + body.replace('_', '((i in this) && fn.call(scope,this[i],i,this))') + '}' + ret
+        return Function("fn,scope", fun)
+    }
+    if (!rnative.test([].map)) {
+        avalon.mix(ap, {
+            //定位操作，返回数组中第一个等于给定参数的元素的索引值。
+            indexOf: function(item, index) {
+                var n = this.length,
+                        i = ~~index
+                if (i < 0)
+                    i += n
+                for (; i < n; i++)
+                    if (this[i] === item)
+                        return i
+                return -1
+            },
+            //定位操作，同上，不过是从后遍历。
+            lastIndexOf: function(item, index) {
+                var n = this.length,
+                        i = index == null ? n - 1 : index
+                if (i < 0)
+                    i = Math.max(0, n + i)
+                for (; i >= 0; i--)
+                    if (this[i] === item)
+                        return i
+                return -1
+            },
+            //迭代操作，将数组的元素挨个儿传入一个函数中执行。Prototype.js的对应名字为each。
+            forEach: iterator("", '_', ""),
+            //迭代类 在数组中的每个项上运行一个函数，如果此函数的值为真，则此元素作为新数组的元素收集起来，并返回新数组
+            filter: iterator('r=[],j=0,', 'if(_)r[j++]=this[i]', 'return r'),
+            //收集操作，将数组的元素挨个儿传入一个函数中执行，然后把它们的返回值组成一个新数组返回。Prototype.js的对应名字为collect。
+            map: iterator('r=[],', 'r[i]=_', 'return r'),
+            //只要数组中有一个元素满足条件（放进给定函数返回true），那么它就返回true。Prototype.js的对应名字为any。
+            some: iterator("", 'if(_)return true', 'return false'),
+            //只有数组中的元素都满足条件（放进给定函数返回true），它才返回true。Prototype.js的对应名字为all。
+            every: iterator("", 'if(!_)return false', 'return true')
+        })
+    }
+    /*********************************************************************
+     *                           DOM 底层补丁                             *
+     **********************************************************************/
+    function fixContains(a, b) {
+        if (b) {
+            while ((b = b.parentNode)) {
+                if (b === a) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
+    if (!root.contains) {
+        Node.prototype.contains = function(arg) {
+            return !!(this.compareDocumentPosition(arg) & 16)
+        }
+    }
+    //IE6-11的文档对象没有contains
+    if (!DOC.contains) {
+        DOC.contains = function(b) {
+            return fixContains(DOC, b)
+        }
+    }
+    function outerHTML() {
+        return new XMLSerializer().serializeToString(this)
+    }
+
+
+    if (window.SVGElement) {
+        var svgns = "http://www.w3.org/2000/svg"
+        var svg = document.createElementNS(svgns, "svg")
+        svg.innerHTML = '<circle cx="50" cy="50" r="40" fill="yellow" />'
+        if (!rsvg.test(svg.firstChild)) {// #409
+            function enumerateNode(node, targetNode) {
+                if (node && node.childNodes) {
+                    var nodes = node.childNodes
+                    for (var i = 0, el; el = nodes[i++]; ) {
+                        if (el.tagName) {
+                            var svg = document.createElementNS(svgns,
+                                    el.tagName.toLowerCase())
+                            ap.forEach.call(el.attributes, function(attr) {
+                                svg.setAttribute(attr.name, attr.value)//复制属性
+                            })
+                            // 递归处理子节点
+                            enumerateNode(el, svg)
+                            targetNode.appendChild(svg)
+                        }
+                    }
+                }
+            }
+            Object.defineProperties(SVGElement.prototype, {
+                "outerHTML": {//IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
+                    enumerable: true,
+                    configurable: true,
+                    get: outerHTML,
+                    set: function(html) {
+                        var tagName = this.tagName.toLowerCase(),
+                                par = this.parentNode,
+                                frag = avalon.parseHTML(html)
+                        // 操作的svg，直接插入
+                        if (tagName === "svg") {
+                            par.insertBefore(frag, this)
+                            // svg节点的子节点类似
+                        } else {
+                            var newFrag = document.createDocumentFragment()
+                            enumerateNode(frag, newFrag)
+                            par.insertBefore(newFrag, this)
+                        }
+                        par.removeChild(this)
+                    }
+                },
+                "innerHTML": {
+                    enumerable: true,
+                    configurable: true,
+                    get: function() {
+                        var s = this.outerHTML
+                        var ropen = new RegExp("<" + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>', "i")
+                        var rclose = new RegExp("<\/" + this.nodeName + ">$", "i")
+                        return  s.replace(ropen, "").replace(rclose, "")
+                    },
+                    set: function(html) {
+                        if (avalon.clearHTM) {
+                            avalon.clearHTML(this)
+                            var frag = avalon.parseHTML(html)
+                            enumerateNode(frag, this)
+                        }
+                    }
+                }
+            })
+        }
+    }
+    if (!root.outerHTML && window.HTMLElement) { //firefox 到11时才有outerHTML
+        HTMLElement.prototype.__defineGetter__("outerHTML", outerHTML);
+    }
+
+    /*********************************************************************
+     *                   LRU缓存工厂，代替之前的createCache               *
+     **********************************************************************/
+    var avalonCaches = {}
+    function cacheFactory(cacheId, capacity) {
+        if (cacheId in avalonCaches) {
+            throw Error(cacheId + "已经存在")
+        }
+        var size = 0,
+                data = {},
+                lruHash = {},
+                freshEnd = null,
+                staleEnd = null
+        capacity = typeof capacity === "number" ? capacity : Number.MAX_VALUE
+        //生成一个LRU缓体实体
+        return avalonCaches[cacheId] = {
+            set: function(key, value) {
+                if (capacity < Number.MAX_VALUE) {
+                    var lruEntry = lruHash[key] || (lruHash[key] = {key: key})
+                    refresh(lruEntry)
+                }
+
+                if (value === void 0)
+                    return
+                if (!(key in data))
+                    size++
+                data[key] = value
+                if (size > capacity) {
+                    this.remove(staleEnd.key)
+                }
+
+                return value
+            },
+            get: function(key) {
+                if (capacity < Number.MAX_VALUE) {
+                    var lruEntry = lruHash[key]
+                    if (!lruEntry)
+                        return
+                    refresh(lruEntry)
+                }
+
+                return data[key]
+            },
+            remove: function(key) {
+                if (capacity < Number.MAX_VALUE) {
+                    var lruEntry = lruHash[key]
+                    if (!lruEntry)
+                        return
+                    if (lruEntry == freshEnd)
+                        freshEnd = lruEntry.p
+                    if (lruEntry == staleEnd)
+                        staleEnd = lruEntry.n
+                    link(lruEntry.n, lruEntry.p)
+                    delete lruHash[key]
+                }
+
+                delete data[key]
+                size--
+            }
+        };
+
+        function refresh(entry) {
+            if (entry != freshEnd) {
+                if (!staleEnd) {
+                    staleEnd = entry
+                } else if (staleEnd == entry) {
+                    staleEnd = entry.n
+                }
+
+                link(entry.n, entry.p)
+                link(entry, freshEnd)
+                freshEnd = entry
+                freshEnd.n = null
+            }
+        }
+
+        function link(nextEntry, prevEntry) {
+            if (nextEntry != prevEntry) {
+                if (nextEntry)
+                    nextEntry.p = prevEntry //p stands for previous, 'prev' didn't minify
+                if (prevEntry)
+                    prevEntry.n = nextEntry //n stands for next, 'next' didn't minify
+            }
+        }
+    }
+
+
+    /*********************************************************************
+     *                           配置系统                                 *
+     **********************************************************************/
+    function kernel(settings) {
+        for (var p in settings) {
+            if (!ohasOwn.call(settings, p))
+                continue
+            var val = settings[p]
+            if (typeof kernel.plugins[p] === "function") {
+                kernel.plugins[p](val)
+            } else if (typeof kernel[p] === "object") {
+                avalon.mix(kernel[p], val)
+            } else {
+                kernel[p] = val
+            }
+        }
+        return this
+    }
+    var openTag, closeTag, rexpr, rexprg, rbind, rregexp = /[-.*+?^${}()|[\]\/\\]/g
+
+    function escapeRegExp(target) {
+        //http://stevenlevithan.com/regex/xregexp/
+        //将字符串安全格式化为正则表达式的源码
+        return (target + "").replace(rregexp, "\\$&")
+    }
+    var plugins = {
+        loader: function(builtin) {
+            window.define = builtin ? innerRequire.define : otherDefine
+            window.require = builtin ? innerRequire : otherRequire
+        },
+        interpolate: function(array) {
+            openTag = array[0]
+            closeTag = array[1]
+            if (openTag === closeTag) {
+                throw new SyntaxError("openTag!==closeTag")
+            } else if (array + "" === "<!--,-->") {
+                kernel.commentInterpolate = true
+            } else {
+                var test = openTag + "test" + closeTag
+                cinerator.innerHTML = test
+                if (cinerator.innerHTML !== test && cinerator.innerHTML.indexOf("&lt;") >= 0) {
+                    throw new SyntaxError("此定界符不合法")
+                }
+                cinerator.innerHTML = ""
+            }
+            var o = escapeRegExp(openTag),
+                    c = escapeRegExp(closeTag)
+            rexpr = new RegExp(o + "(.*?)" + c)
+            rexprg = new RegExp(o + "(.*?)" + c, "g")
+            rbind = new RegExp(o + ".*?" + c + "|\\sms-")
+        }
+    }
+
+    kernel.debug = true
+    kernel.plugins = plugins
+    kernel.plugins['interpolate'](["{{", "}}"])
+    kernel.paths = {}
+    kernel.shim = {}
+    kernel.maxRepeatSize = 100
+    avalon.config = kernel
+
+    /*********************************************************************
+     *                  avalon的原型方法定义区                            *
+     **********************************************************************/
+
+    function hyphen(target) {
+        //转换为连字符线风格
+        return target.replace(/([a-z\d])([A-Z]+)/g, "$1-$2").toLowerCase()
+    }
+
+    function camelize(target) {
+        //转换为驼峰风格
+        if (target.indexOf("-") < 0 && target.indexOf("_") < 0) {
+            return target //提前判断，提高getStyle等的效率
+        }
+        return target.replace(/[-_][^-_]/g, function(match) {
+            return match.charAt(1).toUpperCase()
+        })
+    }
+
+    var ClassListMethods = {
+        _toString: function() {
+            var node = this.node//IE6,7元素节点不存在hasAttribute方法
+            var cls = node.className
+            var str = typeof cls === "string" ? cls : cls.baseVal
+            return str.split(/\s+/).join(" ")
+        },
+        _contains: function(cls) {
+            return (" " + this + " ").indexOf(" " + cls + " ") > -1
+        },
+        _add: function(cls) {
+            if (!this.contains(cls)) {
+                this._set(this + " " + cls)
+            }
+        },
+        _remove: function(cls) {
+            this._set((" " + this + " ").replace(" " + cls + " ", " ").trim())
+        },
+        __set: function(cls) {
+            var node = this.node
+            if (typeof node.className === "string") {
+                node.className = cls
+            } else {//SVG元素的className是一个对象 SVGAnimatedString { baseVal="", animVal=""}，只能通过set/getAttribute操作
+                node.setAttribute("class", cls)
+            }
+        }//toggle存在版本差异，因此不使用它
+    }
+    function ClassList(node) {
+        if (!("classList" in node)) {
+            node.classList = {
+                node: node
+            }
+            for (var k in ClassListMethods) {
+                node.classList[k.slice(1)] = ClassListMethods[k]
+            }
+        }
+        return node.classList
+    }
+
+
+    "add,remove".replace(rword, function(method) {
+        avalon.fn[method + "Class"] = function(cls) {
+            var el = this[0]
+            //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
+            if (cls && typeof cls === "string" && el && el.nodeType === 1) {
+                cls.replace(/\S+/g, function(c) {
+                    ClassList(el)[method](c)
+                })
+            }
+            return this
+        }
+    })
+    avalon.fn.mix({
+        hasClass: function(cls) {
+            var el = this[0] || {}
+            return el.nodeType === 1 && ClassList(el).contains(cls)
+        },
+        toggleClass: function(value, stateVal) {
+            var className, i = 0
+            var classNames = value.split(/\s+/)
+            var isBool = typeof stateVal === "boolean"
+            while ((className = classNames[i++])) {
+                var state = isBool ? stateVal : !this.hasClass(className)
+                this[state ? "addClass" : "removeClass"](className)
+            }
+            return this
+        },
+        attr: function(name, value) {
+            if (arguments.length === 2) {
+                this[0].setAttribute(name, value)
+                return this
+            } else {
+                return this[0].getAttribute(name)
+            }
+        },
+        data: function(name, value) {
+            name = "data-" + hyphen(name || "")
+            switch (arguments.length) {
+                case 2:
+                    this.attr(name, value)
+                    return this
+                case 1:
+                    var val = this.attr(name)
+                    return parseData(val)
+                case 0:
+                    var ret = {}
+                    ap.forEach.call(this[0].attributes, function(attr) {
+                        if (attr) {
+                            name = attr.name
+                            if (!name.indexOf("data-")) {
+                                name = camelize(name.slice(5))
+                                ret[name] = parseData(attr.value)
+                            }
+                        }
+                    })
+                    return ret
+            }
+        },
+        removeData: function(name) {
+            name = "data-" + hyphen(name)
+            this[0].removeAttribute(name)
+            return this
+        },
+        css: function(name, value) {
+            if (avalon.isPlainObject(name)) {
+                for (var i in name) {
+                    avalon.css(this, i, name[i])
+                }
+            } else {
+                var ret = avalon.css(this, name, value)
+            }
+            return ret !== void 0 ? ret : this
+        },
+        position: function() {
+            var offsetParent, offset,
+                    elem = this[0],
+                    parentOffset = {
+                        top: 0,
+                        left: 0
+                    }
+            if (!elem) {
+                return
+            }
+            if (this.css("position") === "fixed") {
+                offset = elem.getBoundingClientRect()
+            } else {
+                offsetParent = this.offsetParent() //得到真正的offsetParent
+                offset = this.offset() // 得到正确的offsetParent
+                if (offsetParent[0].tagName !== "HTML") {
+                    parentOffset = offsetParent.offset()
+                }
+                parentOffset.top += avalon.css(offsetParent[0], "borderTopWidth", true)
+                parentOffset.left += avalon.css(offsetParent[0], "borderLeftWidth", true)
+            }
+            return {
+                top: offset.top - parentOffset.top - avalon.css(elem, "marginTop", true),
+                left: offset.left - parentOffset.left - avalon.css(elem, "marginLeft", true)
+            }
+        },
+        offsetParent: function() {
+            var offsetParent = this[0].offsetParent || root
+            while (offsetParent && (offsetParent.tagName !== "HTML") && avalon.css(offsetParent, "position") === "static") {
+                offsetParent = offsetParent.offsetParent
+            }
+            return avalon(offsetParent || root)
+        },
+        bind: function(type, fn, phase) {
+            if (this[0]) { //此方法不会链
+                return avalon.bind(this[0], type, fn, phase)
+            }
+        },
+        unbind: function(type, fn, phase) {
+            if (this[0]) {
+                avalon.unbind(this[0], type, fn, phase)
+            }
+            return this
+        },
+        val: function(value) {
+            var node = this[0]
+            if (node && node.nodeType === 1) {
+                var get = arguments.length === 0
+                var access = get ? ":get" : ":set"
+                var fn = valHooks[getValType(node) + access]
+                if (fn) {
+                    var val = fn(node, value)
+                } else if (get) {
+                    return (node.value || "").replace(/\r/g, "")
+                } else {
+                    node.value = value
+                }
+            }
+            return get ? val : this
+        }
+    })
+
+    function parseData(data) {
+        try {
+            data = data === "true" ? true :
+                    data === "false" ? false :
+                    data === "null" ? null : +data + "" === data ? +data : rbrace.test(data) ? avalon.parseJSON(data) : data
+        } catch (e) {
+        }
+        return data
+    }
+    var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+            rvalidchars = /^[\],:{}\s]*$/,
+            rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+            rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+            rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g
+    avalon.parseJSON = window.JSON ? JSON.parse : function(data) {
+        if (typeof data === "string") {
+            data = data.trim()
+            if (data) {
+                if (rvalidchars.test(data.replace(rvalidescape, "@")
+                        .replace(rvalidtokens, "]")
+                        .replace(rvalidbraces, ""))) {
+                    return (new Function("return " + data))()
+                }
+            }
+            avalon.error("Invalid JSON: " + data)
+        }
+    }
+
+    //生成avalon.fn.scrollLeft, avalon.fn.scrollTop方法
+    avalon.each({
+        scrollLeft: "pageXOffset",
+        scrollTop: "pageYOffset"
+    }, function(method, prop) {
+        avalon.fn[method] = function(val) {
+            var node = this[0] || {}, win = getWindow(node),
+                    top = method === "scrollTop"
+            if (!arguments.length) {
+                return win ? (prop in win) ? win[prop] : root[method] : node[method]
+            } else {
+                if (win) {
+                    win.scrollTo(!top ? val : avalon(win).scrollLeft(), top ? val : avalon(win).scrollTop())
+                } else {
+                    node[method] = val
+                }
+            }
+        }
+    })
+
+    function getWindow(node) {
+        return node.window && node.document ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false
+    }
+    //=============================css相关=======================
+    var cssHooks = avalon.cssHooks = {}
+    var prefixes = ["", "-webkit-", "-o-", "-moz-", "-ms-"]
+    var cssMap = {
+        "float": "cssFloat",
+        background: "backgroundColor"
+    }
+    avalon.cssNumber = oneObject("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom")
+
+    avalon.cssName = function(name, host, camelCase) {
+        if (cssMap[name]) {
+            return cssMap[name]
+        }
+        host = host || root.style
+        for (var i = 0, n = prefixes.length; i < n; i++) {
+            camelCase = camelize(prefixes[i] + name)
+            if (camelCase in host) {
+                return (cssMap[name] = camelCase)
+            }
+        }
+        return null
+    }
+    cssHooks["@:set"] = function(node, name, value) {
+        try { //node.style.width = NaN;node.style.width = "xxx";node.style.width = undefine 在旧式IE下会抛异常
+            node.style[name] = value
+        } catch (e) {
+        }
+    }
+    if (window.getComputedStyle) {
+        cssHooks["@:get"] = function(node, name) {
+            if (!node || !node.style) {
+                throw new Error("getComputedStyle要求传入一个节点 " + node)
+            }
+            var ret, computed = getComputedStyle(node, null)
+            if (computed) {
+                ret = name === "filter" ? computed.getPropertyValue(name) : computed[name]
+                if (ret === "") {
+                    ret = node.style[name] //其他浏览器需要我们手动取内联样式
+                }
+            }
+            return ret
+        }
+        cssHooks["opacity:get"] = function(node) {
+            var ret = cssHooks["@:get"](node, "opacity")
+            return ret === "" ? "1" : ret
+        }
+    } else {
+        var rnumnonpx = /^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i
+        var rposition = /^(top|right|bottom|left)$/
+        var ie8 = !!window.XDomainRequest
+        var salpha = "DXImageTransform.Microsoft.Alpha"
+        var border = {
+            thin: ie8 ? '1px' : '2px',
+            medium: ie8 ? '3px' : '4px',
+            thick: ie8 ? '5px' : '6px'
+        }
+        cssHooks["@:get"] = function(node, name) {
+            //取得精确值，不过它有可能是带em,pc,mm,pt,%等单位
+            var currentStyle = node.currentStyle
+            var ret = currentStyle[name]
+            if ((rnumnonpx.test(ret) && !rposition.test(ret))) {
+                //①，保存原有的style.left, runtimeStyle.left,
+                var style = node.style,
+                        left = style.left,
+                        rsLeft = node.runtimeStyle.left
+                //②由于③处的style.left = xxx会影响到currentStyle.left，
+                //因此把它currentStyle.left放到runtimeStyle.left，
+                //runtimeStyle.left拥有最高优先级，不会style.left影响
+                node.runtimeStyle.left = currentStyle.left
+                //③将精确值赋给到style.left，然后通过IE的另一个私有属性 style.pixelLeft
+                //得到单位为px的结果；fontSize的分支见http://bugs.jquery.com/ticket/760
+                style.left = name === 'fontSize' ? '1em' : (ret || 0)
+                ret = style.pixelLeft + "px"
+                //④还原 style.left，runtimeStyle.left
+                style.left = left
+                node.runtimeStyle.left = rsLeft
+            }
+            if (ret === "medium") {
+                name = name.replace("Width", "Style")
+                //border width 默认值为medium，即使其为0"
+                if (currentStyle[name] === "none") {
+                    ret = "0px"
+                }
+            }
+            return ret === "" ? "auto" : border[ret] || ret
+        }
+        cssHooks["opacity:set"] = function(node, name, value) {
+            var style = node.style
+            var filter = style.filter || ""
+            if (filter.indexOf(salpha) === -1) {
+                style.filter += "progid:" + salpha + "(opacity=100)"
+            }
+            var alpha = node.filters[salpha] || {}
+            if (value <= 1 && isFinite(value)) {
+                style.zoom = alpha.enabled = 1
+                alpha.opacity = value * 100
+            } else {
+                alpha.enabled = 0
+            }
+        }
+        cssHooks["opacity:get"] = function(node) {
+            //这是最快的获取IE透明值的方式，不需要动用正则了！
+            var alpha = node.filters.alpha || node.filters[salpha],
+                    op = alpha && alpha.enabled ? alpha.opacity : 100
+            return (op / 100) + "" //确保返回的是字符串
+        }
+    }
+
+    "top,left".replace(rword, function(name) {
+        cssHooks[name + ":get"] = function(node) {
+            var computed = cssHooks["@:get"](node, name)
+            return /px$/.test(computed) ? computed :
+                    avalon(node).position()[name] + "px"
+        }
+    })
+
+    var cssShow = {
+        position: "absolute",
+        visibility: "hidden",
+        display: "block"
+    }
+
+    var rdisplayswap = /^(none|table(?!-c[ea]).+)/
+
+    function showHidden(node, array) {
+        //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
+        if (node.offsetWidth <= 0) { //opera.offsetWidth可能小于0
+            if (rdisplayswap.test(cssHooks["@:get"](node, "display"))) {
+                var obj = {
+                    node: node
+                }
+                for (var name in cssShow) {
+                    obj[name] = node.style[name]
+                    node.style[name] = cssShow[name]
+                }
+                array.push(obj)
+            }
+            var parent = node.parentNode
+            if (parent && parent.nodeType === 1) {
+                showHidden(parent, array)
+            }
+        }
+    }
+    "Width,Height".replace(rword, function(name) {//fix 481
+        var method = name.toLowerCase(),
+                clientProp = "client" + name,
+                scrollProp = "scroll" + name,
+                offsetProp = "offset" + name
+        cssHooks[method + ":get"] = function(node, which, override) {
+            var boxSizing = -4
+            if (typeof override === "number") {
+                boxSizing = override
+            }
+            which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
+            var ret = node[offsetProp]   // border-box 0
+            if (boxSizing === 2) {       // margin-box 2
+                return ret
+                        + avalon.css(node, "margin" + which[0], true)
+                        + avalon.css(node, "margin" + which[1], true)
+            }
+            if (boxSizing < 0) {        // padding-box  -2
+                ret = ret
+                        - avalon.css(node, "border" + which[0] + "Width", true)
+                        - avalon.css(node, "border" + which[1] + "Width", true)
+            }
+            if (boxSizing === -4) {     // content-box -4
+                ret = ret
+                        - avalon.css(node, "padding" + which[0], true)
+                        - avalon.css(node, "padding" + which[1], true)
+            }
+            return ret
+        }
+        cssHooks[method + "&get"] = function(node) {
+            var hidden = []
+            showHidden(node, hidden)
+            var val = cssHooks[method + ":get"](node)
+            for (var i = 0, obj; obj = hidden[i++]; ) {
+                node = obj.node
+                for (var n in obj) {
+                    if (typeof obj[n] === "string") {
+                        node.style[n] = obj[n]
+                    }
+                }
+            }
+            return val
+        }
+        avalon.fn[method] = function(value) { //会忽视其display
+            var node = this[0]
+            if (arguments.length === 0) {
+                if (node.setTimeout) { //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
+                    return node["inner" + name] || node.document.documentElement[clientProp]
+                }
+                if (node.nodeType === 9) { //取得页面尺寸
+                    var doc = node.documentElement
+                    //FF chrome    html.scrollHeight< body.scrollHeight
+                    //IE 标准模式 : html.scrollHeight> body.scrollHeight
+                    //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
+                    return Math.max(node.body[scrollProp], doc[scrollProp], node.body[offsetProp], doc[offsetProp], doc[clientProp])
+                }
+                return cssHooks[method + "&get"](node)
+            } else {
+                return this.css(method, value)
+            }
+        }
+        avalon.fn["inner" + name] = function() {
+            return cssHooks[method + ":get"](this[0], void 0, -2)
+        }
+        avalon.fn["outer" + name] = function(includeMargin) {
+            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
+        }
+    })
+    avalon.fn.offset = function() { //取得距离页面左右角的坐标
+        var node = this[0], box = {
+            left: 0,
+            top: 0
+        }
+        if (!node || !node.tagName || !node.ownerDocument) {
+            return box
+        }
+        var doc = node.ownerDocument,
+                body = doc.body,
+                root = doc.documentElement,
+                win = doc.defaultView || doc.parentWindow
+        if (!avalon.contains(root, node)) {
+            return box
+        }
+        //http://hkom.blog1.fc2.com/?mode=m&no=750 body的偏移量是不包含margin的
+        //我们可以通过getBoundingClientRect来获得元素相对于client的rect.
+        //http://msdn.microsoft.com/en-us/library/ms536433.aspx
+        if (node.getBoundingClientRect) {
+            box = node.getBoundingClientRect() // BlackBerry 5, iOS 3 (original iPhone)
+        }
+        //chrome/IE6: body.scrollTop, firefox/other: root.scrollTop
+        var clientTop = root.clientTop || body.clientTop,
+                clientLeft = root.clientLeft || body.clientLeft,
+                scrollTop = Math.max(win.pageYOffset || 0, root.scrollTop, body.scrollTop),
+                scrollLeft = Math.max(win.pageXOffset || 0, root.scrollLeft, body.scrollLeft)
+        // 把滚动距离加到left,top中去。
+        // IE一些版本中会自动为HTML元素加上2px的border，我们需要去掉它
+        // http://msdn.microsoft.com/en-us/library/ms533564(VS.85).aspx
+        return {
+            top: box.top + scrollTop - clientTop,
+            left: box.left + scrollLeft - clientLeft
+        }
+    }
+
+    //==================================val相关============================
+
+    function getValType(el) {
+        var ret = el.tagName.toLowerCase()
+        return ret === "input" && /checkbox|radio/.test(el.type) ? "checked" : ret
+    }
+    var roption = /^<option(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s+value[\s=]/i
+    var valHooks = {
+        "option:get": function(node) {
+            //在IE11及W3C，如果没有指定value，那么node.value默认为node.text（存在trim作），但IE9-10则是取innerHTML(没trim操作)
+            if (node.hasAttribute) {
+                return node.hasAttribute("value") ? node.value : node.text.trim()
+            }
+            //specified并不可靠，因此通过分析outerHTML判定用户有没有显示定义value
+            return roption.test(node.outerHTML) ? node.value : node.text
+        },
+        "select:get": function(node, value) {
+            var option, options = node.options,
+                    index = node.selectedIndex,
+                    getter = valHooks["option:get"],
+                    one = node.type === "select-one" || index < 0,
+                    values = one ? null : [],
+                    max = one ? index + 1 : options.length,
+                    i = index < 0 ? max : one ? index : 0
+            for (; i < max; i++) {
+                option = options[i]
+                //旧式IE在reset后不会改变selected，需要改用i === index判定
+                //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
+                //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
+                if ((option.selected || i === index) && !option.disabled) {
+                    value = getter(option)
+                    if (one) {
+                        return value
+                    }
+                    //收集所有selected值组成数组返回
+                    values.push(value)
+                }
+            }
+            return values
+        },
+        "select:set": function(node, values, optionSet) {
+            values = [].concat(values) //强制转换为数组
+            var getter = valHooks["option:get"]
+            for (var i = 0, el; el = node.options[i++]; ) {
+                if ((el.selected = values.indexOf(getter(el)) >= 0)) {
+                    optionSet = true
+                }
+            }
+            if (!optionSet) {
+                node.selectedIndex = -1
+            }
+        }
+    }
+
+    /************************************************************************
+     *            HTML处理(parseHTML, innerHTML, clearHTML)                  *
+     ************************************************************************/
+    var rtagName = /<([\w:]+)/,
+            //取得其tagName
+            rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+            rcreate = W3C ? /[^\d\D]/ : /(<(?:script|link|style|meta|noscript))/ig,
+            scriptTypes = oneObject("text/javascript", "text/ecmascript", "application/ecmascript", "application/javascript", "text/vbscript"),
+            //需要处理套嵌关系的标签
+            rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/
+    //parseHTML的辅助变量
+    var tagHooks = {
+        area: [1, "<map>"],
+        param: [1, "<object>"],
+        col: [2, "<table><tbody></tbody><colgroup>", "</table>"],
+        legend: [1, "<fieldset>"],
+        option: [1, "<select multiple='multiple'>"],
+        thead: [1, "<table>", "</table>"],
+        tr: [2, "<table><tbody>"],
+        td: [3, "<table><tbody><tr>"],
+        text: [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">', '</svg>'],
+        //IE6-8在用innerHTML生成节点时，不能直接创建no-scope元素与HTML5的新标签
+        _default: W3C ? [0, ""] : [1, "X<div>"] //div可以不用闭合
+    }
+    tagHooks.optgroup = tagHooks.option
+    tagHooks.tbody = tagHooks.tfoot = tagHooks.colgroup = tagHooks.caption = tagHooks.thead
+    tagHooks.th = tagHooks.td
+    tagHooks.circle = tagHooks.ellipse = tagHooks.line = tagHooks.path = //处理SVG
+            tagHooks.polygon = tagHooks.polyline = tagHooks.rect = tagHooks.text
+    var script = DOC.createElement("script")
+    avalon.parseHTML = function(html) {
+        if (typeof html !== "string") {
+            html = html + ""
+        }
+        html = html.replace(rxhtml, "<$1></$2>").trim()
+        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase(),
+                //取得其标签名
+                wrap = tagHooks[tag] || tagHooks._default,
+                fragment = hyperspace.cloneNode(false),
+                wrapper = cinerator,
+                firstChild, neo
+        if (!W3C) { //fix IE
+            html = html.replace(rcreate, "<br class=msNoScope>$1") //在link style script等标签之前添加一个补丁
+        }
+        wrapper.innerHTML = wrap[1] + html + (wrap[2] || "")
+        var els = wrapper.getElementsByTagName("script")
+        if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
+            for (var i = 0, el; el = els[i++]; ) {
+                if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
+                    neo = script.cloneNode(false) //FF不能省略参数
+                    ap.forEach.call(el.attributes, function(attr) {
+                        if (attr && attr.specified) {
+                            neo[attr.name] = attr.value //复制其属性
+                        }
+                    })
+                    neo.text = el.text //必须指定,因为无法在attributes中遍历出来
+                    el.parentNode.replaceChild(neo, el) //替换节点
+                }
+            }
+        }
+        //移除我们为了符合套嵌关系而添加的标签
+        for (i = wrap[0]; i--; wrapper = wrapper.lastChild) {
+        }
+        if (!W3C) { //fix IE
+            for (els = wrapper["getElementsByTagName"]("br"), i = 0; el = els[i++]; ) {
+                if (el.className && el.className === "msNoScope") {
+                    el.parentNode.removeChild(el)
+                }
+            }
+            for (els = wrapper.all, i = 0; el = els[i++]; ) {//fix VML
+                if (isVML(el)) {
+                    fixVML(el)
+                }
+            }
+        }
+        while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上！
+            fragment.appendChild(firstChild)
+        }
+        return fragment
+    }
+
+    function isVML(src) {
+        var nodeName = src.nodeName
+        return  nodeName.toLowerCase() === nodeName && src.scopeName && src.outerText === ""
+    }
+    function fixVML(node) {
+        if (node.currentStyle.behavior !== "url(#default#VML)") {
+            node.style.behavior = "url(#default#VML)"
+            node.style.display = "inline-block"
+            node.style.zoom = 1 //hasLayout
+        }
+    }
+    avalon.innerHTML = function(node, html) {
+        if (!W3C && (!rcreate.test(html) && !rnest.test(html))) {
+            try {
+                node.innerHTML = html
+                return
+            } catch (e) {
+            }
+        }
+        var a = this.parseHTML(html)
+        this.clearHTML(node).appendChild(a)
+    }
+    avalon.clearHTML = function(node) {
+        while (node.firstChild) {
+            node.removeChild(node.firstChild)
+        }
+        return node
+    }
+    /*********************************************************************
+     *                            事件管理器                            *
+     **********************************************************************/
+    var EventManager = {
+        $watch: function(type, callback) {
+            if (typeof callback === "function") {
+                var callbacks = this.$events[type]
+                if (callbacks) {
+                    callbacks.push(callback)
+                } else {
+                    this.$events[type] = [callback]
+                }
+            } else { //重新开始监听此VM的第一重简单属性的变动
+                this.$events = this.$watch.backup
+            }
+            return this
+        },
+        $unwatch: function(type, callback) {
+            var n = arguments.length
+            if (n === 0) { //让此VM的所有$watch回调无效化
+                this.$watch.backup = this.$events
+                this.$events = {}
+            } else if (n === 1) {
+                this.$events[type] = []
+            } else {
+                var callbacks = this.$events[type] || []
+                var i = callbacks.length
+                while (~--i < 0) {
+                    if (callbacks[i] === callback) {
+                        return callbacks.splice(i, 1)
+                    }
+                }
+            }
+            return this
+        },
+        $fire: function(type) {
+            var special
+            if (/^(\w+)!(\S+)$/.test(type)) {
+                special = RegExp.$1
+                type = RegExp.$2
+            }
+            var events = this.$events
+            var callbacks = events[type] || []
+            var all = events.$all || []
+            var args = aslice.call(arguments, 1)
+            for (var i = 0, callback; callback = callbacks[i++]; ) {
+                if (typeof callback === "function")
+                    callback.apply(this, args)
+            }
+            for (var i = 0, callback; callback = all[i++]; ) {
+                if (typeof callback === "function")
+                    callback.apply(this, arguments)
+            }
+            var element = events.expr && findNode(events.expr)
+            if (element) {
+                var detail = [type].concat(args)
+                if (special === "up" || special === "down" || special === "all") {
+                    for (var i in avalon.vmodels) {
+                        var v = avalon.vmodels[i]
+                        if (v && v.$events && v.$events.expr) {
+                            if (v !== this) {
+                                var node = findNode(v.$events.expr)
+                                if (!node) {
+                                    continue
+                                }
+                                var ok = special === "all" ? 1 : //全局广播
+                                        special === "down" ? element.contains(node) : //向下捕获
+                                        node.contains(element)//向上冒泡
+                                if (ok) {
+                                    node._avalon = v//符合条件的加一个标识
+                                }
+                            }
+                        }
+                    }
+                    var nodes = document.getElementsByTagName("*")//实现节点排序
+                    var alls = []
+                    Array.prototype.forEach.call(nodes, function(el) {
+                        if (el._avalon) {
+                            alls.push(el._avalon)
+                            el._avalon = ""
+                            el.removeAttribute("_avalon")
+                        }
+                    })
+                    if (special === "up") {
+                        alls.reverse()
+                    }
+                    alls.forEach(function(v) {
+                        v.$fire.apply(v, detail)
+                    })
+                }
+            }
+        }
+    }
+    var ravalon = /(\w+)\[(avalonid)="(\S+)"\]/
+    var findNode = document.querySelector ? function(str) {
+        return  document.querySelector(str)
+    } : function(str) {
+        var match = str.match(ravalon)
+        var all = document.getElementsByTagName(match[1])
+        for (var i = 0, el; el = all[i++]; ) {
+            if (el.getAttribute(match[2]) === match[3]) {
+                return el
+            }
+        }
+    }
+    /*********************************************************************
+     *                           依赖调度系统                             *
+     **********************************************************************/
+
+    var ronduplex = /^(duplex|on)$/
+    function registerSubscriber(data, val) {
+        var fn = data.evaluator
+        if (fn) { //如果是求值函数
+            try {
+                var c = ronduplex.test(data.type) ? data : fn.apply(0, data.args)
+                data.handler(c, data.element, data)
+            } catch (e) {
+                log("warning:exception throwed in [registerSubscriber] " + e)
+                delete data.evaluator
+                var node = data.element
+                if (node.nodeType === 3) {
+                    var parent = node.parentNode
+                    if (kernel.commentInterpolate) {
+                        parent.replaceChild(DOC.createComment(data.value), node)
+                    } else {
+                        node.data = openTag + data.value + closeTag
+                    }
+                }
+            }
+        }
+    }
+
+    function collectSubscribers(scope, prop, data) {//收集依赖于这个访问器的订阅者
+        var obj = scope.$events
+        if (obj) {
+            var list = obj[prop] || (obj[prop] = [])
+            if (avalon.Array.ensure(list, data) && data.element) {
+                $$subscribers.push({
+                    data: data, list: list
+                })
+            }
+        }
+    }
+
+
+    var $$subscribers = [], $startIndex = 0, $maxIndex = 300
+    function removeSubscribers() {
+        for (var i = $startIndex, n = $startIndex + $maxIndex; i < n; i++) {
+            var obj = $$subscribers[i]
+            if (!obj) {
+                break
+            }
+            var data = obj.data
+            var el = data.element
+            var remove = el === null ? 1 : (el.nodeType === 1 ? typeof el.sourceIndex === "number" ?
+                    el.sourceIndex === 0 : !root.contains(el) : !avalon.contains(root, el))
+            if (remove) { //如果它没有在DOM树
+                $$subscribers.splice(i, 1)
+                avalon.Array.remove(obj.list, data)
+                // log("debug: remove " + data.type)
+                if (data.type === "if" && data.template && data.template.parentNode === head) {
+                    head.removeChild(data.template)
+                }
+                for (var key in data) {
+                    data[key] = null
+                }
+                obj.data = obj.list = null
+                i--
+                n--
+            }
+        }
+        obj = $$subscribers[i]
+        if (obj) {
+            $startIndex = n
+        } else {
+            $startIndex = 0
+        }
+    }
+
+    var beginTime = new Date(), removeID
+    function notifySubscribers(list) {
+        clearTimeout(removeID)
+        if (new Date() - beginTime > 333) {
+            removeSubscribers()
+            beginTime = new Date()
+        } else {
+            removeID = setTimeout(removeSubscribers, 333)
+        }
+        if (list && list.length) {
+            var args = aslice.call(arguments, 1)
+            for (var i = list.length, fn; fn = list[--i]; ) {
+                if (fn.$repeat) {
+                    fn.handler.apply(fn, args) //处理监控数组的方法
+                } else if (fn.element && fn.type !== "on") {//事件绑定只能由用户触发,不能由程序触发
+                    var fun = fn.evaluator || noop
+                    fn.handler(fun.apply(0, fn.args || []), fn.element, fn)
+                }
+            }
+        }
+    }
+
+    /*********************************************************************
+     *                           扫描系统                                 *
+     **********************************************************************/
+    avalon.scan = function(elem, vmodel) {
+        elem = elem || root
+        var vmodels = vmodel ? [].concat(vmodel) : []
+        scanTag(elem, vmodels)
+    }
+
+    //http://www.w3.org/TR/html5/syntax.html#void-elements
+    var stopScan = oneObject("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea".toUpperCase())
+
+    //确保元素的内容被完全扫描渲染完毕才调用回调
+    var interval = W3C ? 15 : 50
+
+    function checkScan(elem, callback) {
+        var innerHTML = NaN,
+                id = setInterval(function() {
+                    var currHTML = elem.innerHTML
+                    if (currHTML === innerHTML) {
+                        clearInterval(id)
+                        callback()
+                    } else {
+                        innerHTML = currHTML
+                    }
+                }, interval)
+    }
+    function addId(elem, value) {
+        if (typeof elem.getAttribute("avalonid") !== "string") {
+            elem.setAttribute("avalonid", value)
+        }
+    }
+
+    function scanTag(elem, vmodels, node) {
+        //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
+        //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后
+        var a = elem.getAttribute("ms-skip")
+        //#360 在旧式IE中 Object标签在引入Flash等资源时,可能出现没有getAttributeNode,innerHTML的情形
+        if (!elem.getAttributeNode) {
+            return log("warning " + elem.tagName + " no getAttributeNode method")
+        }
+        var b = elem.getAttributeNode("ms-important")
+        var c = elem.getAttributeNode("ms-controller")
+        if (typeof a === "string") {
+            return
+        } else if (node = b || c) {
+            var newVmodel = VMODELS[node.value]
+            if (!newVmodel) {
+                return
+            }
+            //ms-important不包含父VM，ms-controller相反
+            vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
+            var name = node.name
+            elem.removeAttribute(name) //removeAttributeNode不会刷新[ms-controller]样式规则
+            addId(elem, node.value)
+            newVmodel.$events.expr = elem.tagName + '[avalonid="' + node.value + '"]'
+            avalon(elem).removeClass(name)
+
+        }
+        scanAttr(elem, vmodels) //扫描特性节点
+    }
+
+    function scanNodeList(parent, vmodels) {
+        var node = parent.firstChild
+        while (node) {
+            var nextNode = node.nextSibling
+            scanNode(node, node.nodeType, vmodels)
+            node = nextNode
+        }
+    }
+    function scanNodeArray(nodes, vmodels) {
+        for (var i = 0, node; node = nodes[i++]; ) {
+            scanNode(node, node.nodeType, vmodels)
+        }
+    }
+    function scanNode(node, nodeType, vmodels) {
+        if (nodeType === 1) {
+            scanTag(node, vmodels) //扫描元素节点
+        } else if (nodeType === 3 && rexpr.test(node.data)) {
+            scanText(node, vmodels) //扫描文本节点
+        } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+            scanText(node, vmodels) //扫描注释节点
+        }
+    }
+    function scanText(textNode, vmodels) {
+        var bindings = []
+        if (textNode.nodeType === 8) {
+            var leach = []
+            var value = trimFilter(textNode.nodeValue, leach)
+            var token = {
+                expr: true,
+                value: value
+            }
+            if (leach.length) {
+                token.filters = leach
+            }
+            var tokens = [token]
+        } else {
+            tokens = scanExpr(textNode.data)
+        }
+        if (tokens.length) {
+            for (var i = 0, token; token = tokens[i++]; ) {
+                var node = DOC.createTextNode(token.value) //将文本转换为文本节点，并替换原来的文本节点
+                if (token.expr) {
+                    var filters = token.filters
+                    var binding = {
+                        type: "text",
+                        element: node,
+                        value: token.value,
+                        filters: filters
+                    }
+                    if (filters && filters.indexOf("html") !== -1) {
+                        avalon.Array.remove(filters, "html")
+                        binding.type = "html"
+                        binding.group = 1
+                        if (!filters.length) {
+                            delete bindings.filters
+                        }
+                    }
+                    bindings.push(binding) //收集带有插值表达式的文本
+                }
+                hyperspace.appendChild(node)
+            }
+            textNode.parentNode.replaceChild(hyperspace, textNode)
+            if (bindings.length)
+                executeBindings(bindings, vmodels)
+        }
+    }
+
+    var rmsAttr = /ms-(\w+)-?(.*)/
+    var priorityMap = {
+        "if": 10,
+        "repeat": 90,
+        "data": 100,
+        "widget": 110,
+        "each": 1400,
+        "with": 1500,
+        "duplex": 2000,
+        "on": 3000
+    }
+    var events = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit")
+    function bindingSorter(a, b) {
+        return a.priority - b.priority
+    }
+    function scanAttr(elem, vmodels) {
+        //防止setAttribute, removeAttribute时 attributes自动被同步,导致for循环出错
+        var attributes = getAttributes ? getAttributes(elem) : avalon.slice(elem.attributes)
+        var bindings = [],
+                msData = {},
+                match
+        for (var i = 0, attr; attr = attributes[i++]; ) {
+            if (attr.specified) {
+                if (match = attr.name.match(rmsAttr)) {
+                    //如果是以指定前缀命名的
+                    var type = match[1]
+                    var param = match[2] || ""
+                    var value = attr.value
+                    var name = attr.name
+                    msData[name] = value
+                    if (events[type]) {
+                        param = type
+                        type = "on"
+                    } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
+                        type = "disabled"
+                        value = "!(" + value + ")"
+                    }
+                    //吃掉以下几个绑定,用ms-attr-*绑定代替
+                    if (type === "checked" || type === "selected" || type === "disabled" || type === "readonly") {
+                        param = type
+                        type = "attr"
+                        elem.removeAttribute(name)
+                        name = "ms-attr-" + param
+                        elem.setAttribute(name, value)
+                        match = [name]
+                        msData[name] = value
+                    }
+                    if (typeof bindingHandlers[type] === "function") {
+                        var binding = {
+                            type: type,
+                            param: param,
+                            element: elem,
+                            name: match[0],
+                            value: value,
+                            priority: type in priorityMap ? priorityMap[type] : type.charCodeAt(0) * 10 + (Number(param) || 0)
+                        }
+                        if (type === "if" && param.indexOf("loop") > -1) {
+                            binding.priority += 100
+                        }
+                        if (vmodels.length) {
+                            bindings.push(binding)
+                            if (type === "widget") {
+                                elem.msData = elem.msData || msData
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        bindings.sort(bindingSorter)
+        if (msData["ms-checked"] && msData["ms-duplex"]) {
+            log("warning!一个元素上不能同时定义ms-checked与ms-duplex")
+        }
+        var firstBinding = bindings[0] || {}
+        switch (firstBinding.type) {
+            case "if":
+            case "repeat":
+            case "widget":
+                executeBindings([firstBinding], vmodels)
+                break
+            default:
+                executeBindings(bindings, vmodels)
+                if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                    scanNodeList(elem, vmodels) //扫描子孙元素
+                }
+                break
+        }
+
+    }
+    //IE67下，在循环绑定中，一个节点如果是通过cloneNode得到，自定义属性的specified为false，无法进入里面的分支，
+    //但如果我们去掉scanAttr中的attr.specified检测，一个元素会有80+个特性节点（因为它不区分固有属性与自定义属性），很容易卡死页面
+    if (!"1" [0]) {
+        var cacheAttrs = cacheFactory("attrs", 256)
+        var rattrs = /\s+(ms-[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,
+                rquote = /^['"]/,
+                rtag = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/i,
+                ramp = /&amp;/g
+        //IE6-8解析HTML5新标签，会将它分解两个元素节点与一个文本节点
+        //<body><section>ddd</section></body>
+        //        window.onload = function() {
+        //            var body = document.body
+        //            for (var i = 0, el; el = body.children[i++]; ) {
+        //                avalon.log(el.outerHTML)
+        //            }
+        //        }
+        //依次输出<SECTION>, </SECTION>
+        var getAttributes = function(elem) {
+            var html = elem.outerHTML
+            //处理IE6-8解析HTML5新标签的情况，及<br>等半闭合标签outerHTML为空的情况
+            if (html.slice(0, 2) === "</" || !html.trim()) {
+                return []
+            }
+            var str = html.match(rtag)[0]
+            var attributes = [],
+                    match,
+                    k, v
+            var has = cacheAttrs.get(str)
+            if (has !== void 0) {
+                return has
+            }
+            while (k = rattrs.exec(str)) {
+                v = k[2]
+                if (v) {
+                    v = (rquote.test(v) ? v.slice(1, -1) : v).replace(ramp, "&")
+                }
+                var name = k[1].toLowerCase()
+                match = name.match(rmsAttr)
+                var binding = {
+                    name: name,
+                    specified: true,
+                    value: v || ""
+                }
+                attributes.push(binding)
+            }
+            return cacheAttrs.set(str, attributes)
+        }
+    }
+
+    function executeBindings(bindings, vmodels) {
+        for (var i = 0, data; data = bindings[i++]; ) {
+            data.vmodels = vmodels
+            bindingHandlers[data.type](data, vmodels)
+            if (data.evaluator && data.element && data.element.nodeType === 1) { //移除数据绑定，防止被二次解析
+                //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
+                data.element.removeAttribute(data.name)
+            }
+        }
+        bindings.length = 0
+    }
+
+
+    var rfilters = /\|\s*(\w+)\s*(\([^)]*\))?/g,
+            r11a = /\|\|/g,
+            r11b = /U2hvcnRDaXJjdWl0/g,
+            rlt = /&lt;/g,
+            rgt = /&gt;/g
+    function trimFilter(value, leach) {
+        if (value.indexOf("|") > 0) { // 抽取过滤器 先替换掉所有短路与
+            value = value.replace(r11a, "U2hvcnRDaXJjdWl0") //btoa("ShortCircuit")
+            value = value.replace(rfilters, function(c, d, e) {
+                leach.push(d + (e || ""))
+                return ""
+            })
+            value = value.replace(r11b, "||") //还原短路与
+        }
+        return value
+    }
+
+    function scanExpr(str) {
+        var tokens = [],
+                value, start = 0,
+                stop
+        do {
+            stop = str.indexOf(openTag, start)
+            if (stop === -1) {
+                break
+            }
+            value = str.slice(start, stop)
+            if (value) { // {{ 左边的文本
+                tokens.push({
+                    value: value,
+                    expr: false
+                })
+            }
+            start = stop + openTag.length
+            stop = str.indexOf(closeTag, start)
+            if (stop === -1) {
+                break
+            }
+            value = str.slice(start, stop)
+            if (value) { //处理{{ }}插值表达式
+                var leach = []
+                value = trimFilter(value, leach)
+                tokens.push({
+                    value: value,
+                    expr: true,
+                    filters: leach.length ? leach : void 0
+                })
+            }
+            start = stop + closeTag.length
+        } while (1)
+        value = str.slice(start)
+        if (value) { //}} 右边的文本
+            tokens.push({
+                value: value,
+                expr: false
+            })
+        }
+
+        return tokens
+    }
+    /*********************************************************************
+     *                          编译系统                                  *
+     **********************************************************************/
+    var keywords =
+            // 关键字
+            "break,case,catch,continue,debugger,default,delete,do,else,false"
+            + ",finally,for,function,if,in,instanceof,new,null,return,switch,this"
+            + ",throw,true,try,typeof,var,void,while,with"
+            // 保留字
+            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends"
+            + ",final,float,goto,implements,import,int,interface,long,native"
+            + ",package,private,protected,public,short,static,super,synchronized"
+            + ",throws,transient,volatile"
+            // ECMA 5 - use strict
+            + ",arguments,let,yield"
+            + ",undefined"
+    var robjectProperty = /([\w\.\_$])\s*\[['"]([^'"]+)['"]\]/
+    //处理注释及字符串
+    var rstringComment = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'/g
+    //处理加减乘除小括号等运算符
+    var roperator = /[^\w\.$]+/g
+    //处理数字
+    var rnumber = /\b\d[^,]*/g
+    //处理最前面或最后面逗号
+    var rcommaOfFirstOrLast = /^,+|,+$/g
+    //处理位于中间的逗号
+    var rcommaInMiddle = /,+/
+    //去掉所有关键字保留字
+    var rkeywords = new RegExp(["\\b" + keywords.replace(/,/g, '\\b|\\b') + "\\b"].join('|'), 'g')
+    var cacheVars = cacheFactory("vars", 128)
+    var getVariables = function(str) {
+        var key = "," + str.trim()
+        var has = cacheVars.get(key)
+        if (has !== void 0) {
+            return has
+        }
+        while (robjectProperty.test(str)) {
+            str = str.replace(robjectProperty, function(match, obj, prop) {
+                return obj + '.' + prop
+            })
+        }
+        var vars = str.replace(rstringComment, "")
+                .replace(roperator, ",")
+                .replace(rkeywords, ",")
+                .replace(rnumber, ",")
+                .replace(rcommaOfFirstOrLast, "")
+                .split(rcommaInMiddle)
+        return cacheVars.set(key, uniqSet(vars))
+    }
+
+    function uniqSet(array) {
+        var ret = [], unique = {}
+        for (var i = 0; i < array.length; i++) {
+            var el = array[i]
+            var id = el && typeof el.$id === "string" ? el.$id : el
+            if (!unique[id]) {
+                unique[id] = ret.push(el)
+            }
+        }
+        return ret
+    }
+
+    void function() {
+        var test = [1, 2, 3, 1]
+        if (typeof Set === "function" && (new Set(test)).size === 3) {
+            var uniqSet = function(arr) {//重写uniqSet
+                var set = new Set(arr), ret = []
+                set.forEach(function(el) {
+                    ret.push(el)
+                })
+                return ret
+            }
+        }
+    }()
+
+
+    function inObject(obj, array) {
+        if (!obj.hasOwnProperty(array[0])) {
+            return 0
+        }
+        for (var i = 1, el; el = array[i++]; ) {
+            if (!obj.hasOwnProperty(el)) {
+                return (obj && typeof obj === "object") ? 1 : 0
+            } else {
+                obj = obj[el]
+            }
+        }
+        return 2
+    }
+    /*添加赋值语句*/
+    var rvariable = /[$\w][$\w]*\./g
+    function addAssign(vars, scope, name, data) {
+        var ret = [],
+                prefix = " = " + name + "."
+        for (var i = vars.length, path; path = vars[--i]; ) {
+            var arr = path.split(".")
+            var flag = inObject(scope, arr)
+            if (flag) {
+                var prop = arr.shift()
+                if (typeof scope[prop] === "function") {
+                    var _vars = getVariables(scope[prop].toString().replace(rvariable, "")).concat()
+                    avalon.Array.remove(_vars, prop)
+                    addAssign(_vars, scope, name, data)
+                } else {
+                    collectSubscribers(scope, prop, data)
+                }
+                ret.push(prop + prefix + prop)
+                if (data.type === "duplex") {
+                    vars.get = name + "." + prop
+                }
+                var subscope = scope
+                do {//处理子对象
+                    var parentList = scope.$events[prop]
+                    var parentName = prop
+                    subscope = subscope[prop]
+                    if (subscope && typeof subscope === "object") {
+                        prop = arr.shift()
+                        if ((prop === void 0 || prop === "length") && Array.isArray(subscope)) {
+                            var sonEvents = subscope.$events
+                            if (!sonEvents)
+                                continue
+//                            var sonList = sonEvents[subscribers]
+//                            if (sonList !== parentList) {
+//                                if (sonList && sonList.length) {
+//                                    for (var j = 0, fn; fn = sonList[j++]; ) {
+//                                        avalon.Array.ensure(parentList, fn)
+//                                    }
+//                                }
+//                                sonEvents[subscribers] = parentList
+//                                prop = subscribers
+//                            }
+                            prop = subscribers
+                        }
+                        collectSubscribers(subscope, prop, data)
+                    } else {
+                        break
+                    }
+                } while (arr.length)
+                if (flag > 0)
+                    vars.splice(i, 1)
+            }
+        }
+        return ret
+    }
+
+
+    //缓存求值函数，以便多次利用
+    var cacheExprs = cacheFactory("epxrs", 124)
+    //取得求值函数及其传参
+    var rduplex = /\w\[.*\]|\w\.\w/
+    var rproxy = /(\$proxy\$[a-z]+)\d+$/
+
+    function parseExpr(code, scopes, data) {
+        var dataType = data.type
+        var filters = data.filters ? data.filters.join("") : ""
+        var exprId = scopes.map(function(el) {
+            return el.$id.replace(rproxy, "$1")
+        }) + code + dataType + filters
+        var vars = getVariables(code).concat(),
+                assigns = [],
+                names = [],
+                args = [],
+                prefix = ""
+        //args 是一个对象数组， names 是将要生成的求值函数的参数
+        scopes = uniqSet(scopes)
+        for (var i = 0, sn = scopes.length; i < sn; i++) {
+            if (vars.length) {
+                var name = "vm" + expose + "_" + i
+                names.push(name)
+                args.push(scopes[i])
+                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, data))
+            }
+        }
+        if (!assigns.length && dataType === "duplex") {
+            return
+        }
+        //---------------args----------------
+        if (filters) {
+            args.push(avalon.filters)
+        }
+        data.args = args
+        //---------------cache----------------
+        var fn = cacheExprs.get(exprId) //直接从缓存，免得重复生成
+        if (fn) {
+            data.evaluator = fn
+            return
+        }
+        var prefix = assigns.join(", ")
+        if (prefix) {
+            prefix = "var " + prefix
+        }
+        if (filters) { //文本绑定，双工绑定才有过滤器
+            code = "\nvar ret" + expose + " = " + code
+            var textBuffer = [],
+                    fargs
+            textBuffer.push(code, "\r\n")
+            for (var i = 0, fname; fname = data.filters[i++]; ) {
+                var start = fname.indexOf("(")
+                if (start !== -1) {
+                    fargs = fname.slice(start + 1, fname.lastIndexOf(")")).trim()
+                    fargs = "," + fargs
+                    fname = fname.slice(0, start).trim()
+                } else {
+                    fargs = ""
+                }
+                textBuffer.push(" if(filters", expose, ".", fname, "){\n\ttry{\nret", expose,
+                        " = filters", expose, ".", fname, "(ret", expose, fargs, ")\n\t}catch(e){} \n}\n")
+            }
+            code = textBuffer.join("")
+            code += "\nreturn ret" + expose
+            names.push("filters" + expose)
+        } else if (dataType === "duplex") { //双工绑定
+            var _body = "'use strict';\nreturn function(vvv){\n\t" +
+                    prefix +
+                    ";\n\tif(!arguments.length){\n\t\treturn " +
+                    code +
+                    "\n\t}\n\t" + (!rduplex.test(code) ? vars.get : code) +
+                    "= vvv;\n} "
+            try {
+                fn = Function.apply(noop, names.concat(_body))
+                data.evaluator = cacheExprs.set(exprId, fn)
+
+            } catch (e) {
+                log("debug: parse error," + e.message)
+            }
+            return
+        } else if (dataType === "on") { //事件绑定
+            if (code.indexOf("(") === -1) {
+                code += ".call(this, $event)"
+            } else {
+                code = code.replace("(", ".call(this,")
+            }
+            names.push("$event")
+            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
+            var lastIndex = code.lastIndexOf("\nreturn")
+            var header = code.slice(0, lastIndex)
+            var footer = code.slice(lastIndex)
+            code = header + "\n" + footer
+        } else { //其他绑定
+            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
+        }
+        try {
+            fn = Function.apply(noop, names.concat("'use strict';\n" + prefix + code))
+            data.evaluator = cacheExprs.set(exprId, fn)
+        } catch (e) {
+            log("debug: parse error," + e.message)
+        } finally {
+            vars = textBuffer = names = null //释放内存
+        }
+    }
+
+    var meta = {
+        '\b': '\\b',
+        '\t': '\\t',
+        '\n': '\\n',
+        '\f': '\\f',
+        '\r': '\\r',
+        '"': '\\"',
+        '\\': '\\\\'
+    };
+    var quote = window.JSON && JSON.stringify || function(str) {
+        return   '"' + str.replace(/[\\\"\x00-\x1f]/g, function(a) {
+            var c = meta[a]
+            return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4)
+        }) + '"'
+    }
+    //parseExpr的智能引用代理
+    function parseExprProxy(code, scopes, data, tokens) {
+        if (Array.isArray(tokens)) {
+            code = tokens.map(function(el) {
+                return el.expr ? "(" + el.value + ")" : quote(el.value)
+            }).join(" + ")
+        }
+        parseExpr(code, scopes, data)
+        if (data.evaluator) {
+            data.handler = bindingExecutors[data.handlerName || data.type]
+            data.evaluator.toString = function() {
+                return data.type + " binding to eval(" + code + ")"
+            }
+            //方便调试
+            //这里非常重要,我们通过判定视图刷新函数的element是否在DOM树决定
+            //将它移出订阅者列表
+            registerSubscriber(data)
+        }
+    }
+
+
+    avalon.parseExprProxy = parseExprProxy
+    /*********************************************************************
+     *                     绑定处理系统                                    *
+     **********************************************************************/
+    var propMap = {//属性名映射
+        "accept-charset": "acceptCharset",
+        "char": "ch",
+        "charoff": "chOff",
+        "class": "className",
+        "for": "htmlFor",
+        "http-equiv": "httpEquiv"
+    }
+
+    var anomaly = "accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,"
+            + "dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight,"
+            + "rowSpan,tabIndex,useMap,vSpace,valueType,vAlign"
+    anomaly.replace(rword, function(name) {
+        propMap[name.toLowerCase()] = name
+    })
+
+    var cssText = "<style id='avalonStyle'>.avalonHide{ display: none!important }</style>"
+    head.insertBefore(avalon.parseHTML(cssText), head.firstChild) //避免IE6 base标签BUG
+    var rnoscripts = /<noscript.*?>(?:[\s\S]+?)<\/noscript>/img
+    var rnoscriptText = /<noscript.*?>([\s\S]+?)<\/noscript>/im
+
+    var getXHR = function() {
+        return new (window.XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP")
+    }
+    var getBindingCallback = function(elem, name, vmodels) {
+        var callback = elem.getAttribute(name)
+        if (callback) {
+            for (var i = 0, vm; vm = vmodels[i++]; ) {
+                if (vm.hasOwnProperty(callback) && typeof vm[callback] === "function") {
+                    return vm[callback]
+                }
+            }
+        }
+    }
+    var cacheTmpls = avalon.templateCache = {}
+    avalon.contains = fixContains
+    var bools = "autofocus,autoplay,async,allowTransparency,checked,controls,declare,disabled,defer,defaultChecked,defaultSelected" +
+            "contentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected"
+    var boolMap = {}
+    bools.replace(rword, function(name) {
+        boolMap[name.toLowerCase()] = name
+    })
+
+    //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
+    var bindingExecutors = avalon.bindingExecutors = {
+        "attr": function(val, elem, data) {
+            var method = data.type,
+                    attrName = data.param
+            if (method === "css") {
+                avalon(elem).css(attrName, val)
+            } else if (method === "attr") {
+                // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
+                // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
+                // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
+                if (boolMap[attrName]) {
+                    var bool = boolMap[attrName]
+                    if (typeof elem[bool] === "boolean") {
+                        return elem[bool] = !!val
+                    }
+                }
+                var toRemove = (val === false) || (val === null) || (val === void 0)
+                if (!W3C && propMap[attrName]) {//旧式IE下需要进行名字映射
+                    attrName = propMap[attrName]
+                    var isInnate = true
+                }
+                if (toRemove) {
+                    return elem.removeAttribute(attrName)
+                }
+                if (window.VBArray && !isInnate) {//IE下需要区分固有属性与自定义属性
+                    if (isVML(elem)) {
+                        isInnate = true
+                    } else if (!rsvg.test(elem)) {
+                        var attrs = elem.attributes || {}
+                        var attr = attrs[attrName]
+                        isInnate = attr ? attr.expando === false : attr === null
+                    }
+                }
+                if (isInnate) {
+                    elem[attrName] = val
+                } else {
+                    elem.setAttribute(attrName, val)
+                }
+            } else if (method === "include" && val) {
+                var vmodels = data.vmodels
+                var rendered = getBindingCallback(elem, "data-include-rendered", vmodels)
+                var loaded = getBindingCallback(elem, "data-include-loaded", vmodels)
+
+                function scanTemplate(text) {
+                    if (loaded) {
+                        text = loaded.apply(elem, [text].concat(vmodels))
+                    }
+                    avalon.innerHTML(elem, text)
+                    scanNodeList(elem, vmodels)
+                    rendered && checkScan(elem, function() {
+                        rendered.call(elem)
+                    })
+                }
+                if (data.param === "src") {
+                    if (cacheTmpls[val]) {
+                        scanTemplate(cacheTmpls[val])
+                    } else {
+                        var xhr = getXHR()
+                        xhr.onreadystatechange = function() {
+                            if (xhr.readyState === 4) {
+                                var s = xhr.status
+                                if (s >= 200 && s < 300 || s === 304 || s === 1223) {
+                                    scanTemplate(cacheTmpls[val] = xhr.responseText)
+                                }
+                            }
+                        }
+                        xhr.open("GET", val, true)
+                        if ("withCredentials" in xhr) {
+                            xhr.withCredentials = true
+                        }
+                        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+                        xhr.send(null)
+                    }
+                } else {
+                    //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
+                    //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
+                    var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
+                    if (el) {
+                        if (el.tagName === "NOSCRIPT" && !(el.innerHTML || el.fixIE78)) { //IE7-8 innerText,innerHTML都无法取得其内容，IE6能取得其innerHTML
+                            var xhr = getXHR() //IE9-11与chrome的innerHTML会得到转义的内容，它们的innerText可以
+                            xhr.open("GET", location, false) //谢谢Nodejs 乱炖群 深圳-纯属虚构
+                            xhr.send(null)
+                            //http://bbs.csdn.net/topics/390349046?page=1#post-393492653
+                            var noscripts = DOC.getElementsByTagName("noscript")
+                            var array = (xhr.responseText || "").match(rnoscripts) || []
+                            var n = array.length
+                            for (var i = 0; i < n; i++) {
+                                var tag = noscripts[i]
+                                if (tag) { //IE6-8中noscript标签的innerHTML,innerText是只读的
+                                    tag.style.display = "none" //http://haslayout.net/css/noscript-Ghost-Bug
+                                    tag.fixIE78 = (array[i].match(rnoscriptText) || ["", "&nbsp;"])[1]
+                                }
+                            }
+                        }
+                        avalon.nextTick(function() {
+                            scanTemplate(el.fixIE78 || el.value || el.innerText || el.innerHTML)
+                        })
+                    }
+                }
+            } else {
+                if (!root.hasAttribute && typeof val === "string" && (method === "src" || method === "href")) {
+                    val = val.replace(/&amp;/g, "&") //处理IE67自动转义的问题
+                }
+                elem[method] = val
+                if (window.chrome && elem.tagName === "EMBED") {
+                    var parent = elem.parentNode//#525  chrome1-37下embed标签动态设置src不能发生请求
+                    var comment = document.createComment("ms-src")
+                    parent.replaceChild(comment, elem)
+                    parent.replaceChild(elem, comment)
+                }
+            }
+        },
+        "class": function(val, elem, data) {
+            var $elem = avalon(elem),
+                    method = data.type
+            if (method === "class" && data.oldStyle) { //如果是旧风格
+                $elem.toggleClass(data.oldStyle, !!val)
+            } else {
+                //如果存在冒号就有求值函数
+                data.toggleClass = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
+                data.newClass = data.immobileClass || val
+                if (data.oldClass && data.newClass !== data.oldClass) {
+                    $elem.removeClass(data.oldClass)
+                }
+                data.oldClass = data.newClass
+                switch (method) {
+                    case "class":
+                        $elem.toggleClass(data.newClass, data.toggleClass)
+                        break
+                    case "hover":
+                    case "active":
+                        if (!data.hasBindEvent) { //确保只绑定一次
+                            var activate = "mouseenter" //在移出移入时切换类名
+                            var abandon = "mouseleave"
+                            if (method === "active") {//在聚焦失焦中切换类名
+                                elem.tabIndex = elem.tabIndex || -1
+                                activate = "mousedown"
+                                abandon = "mouseup"
+                                $elem.bind("mouseleave", function() {
+                                    data.toggleClass && $elem.removeClass(data.newClass)
+                                })
+                            }
+                            $elem.bind(activate, function() {
+                                data.toggleClass && $elem.addClass(data.newClass)
+                            })
+                            $elem.bind(abandon, function() {
+                                data.toggleClass && $elem.removeClass(data.newClass)
+                            })
+                            data.hasBindEvent = true
+                        }
+                        break
+                }
+            }
+        },
+        "data": function(val, elem, data) {
+            var key = "data-" + data.param
+            if (val && typeof val === "object") {
+                elem[key] = val
+            } else {
+                elem.setAttribute(key, String(val))
+            }
+        },
+        "html": function(val, elem, data) {
+            val = val == null ? "" : val
+            var parent = "group" in data ? elem.parentNode : elem
+            if ("group" in data) {
+                var fragment, nodes
+                //将值转换为文档碎片，原值可以为元素节点，文档碎片，NodeList，字符串
+                if (val.nodeType === 11) {
+                    fragment = val
+                } else if (val.nodeType === 1 || val.item) {
+                    nodes = val.nodeType === 1 ? val.childNodes : val.item ? val : []
+                    fragment = hyperspace.cloneNode(true)
+                    while (nodes[0]) {
+                        fragment.appendChild(nodes[0])
+                    }
+                } else {
+                    fragment = avalon.parseHTML(val)
+                }
+                nodes = avalon.slice(fragment.childNodes)
+                if (nodes.length == 0) {
+                    var comment = DOC.createComment("ms-html")
+                    fragment.appendChild(comment)
+                    nodes = [comment]
+                }
+                parent.insertBefore(fragment, elem) //fix IE6-8 insertBefore的第2个参数只能为节点或null
+                var length = data.group
+                while (elem) {
+                    var nextNode = elem.nextSibling
+                    parent.removeChild(elem)
+                    length--
+                    if (length == 0 || nextNode === null)
+                        break
+                    elem = nextNode
+                }
+                data.element = nodes[0]
+                data.group = nodes.length
+            } else {
+                avalon.innerHTML(parent, val)
+            }
+            avalon.nextTick(function() {
+                scanNodeList(parent, data.vmodels)
+            })
+        },
+        "if": function(val, elem, data) {
+            if (val) { //插回DOM树
+                if (elem.nodeType === 8) {
+                    elem.parentNode.replaceChild(data.template, elem)
+                    elem = data.element = data.template
+                }
+                if (elem.getAttribute(data.name)) {
+                    elem.removeAttribute(data.name)
+                    scanAttr(elem, data.vmodels)
+                }
+            } else { //移出DOM树，并用注释节点占据原位置
+                if (elem.nodeType === 1) {
+                    var node = data.element = DOC.createComment("ms-if")
+                    elem.parentNode.replaceChild(node, elem)
+                    data.template = elem
+                    head.appendChild(elem)
+                }
+            }
+        },
+        "on": function(callback, elem, data) {
+            data.type = "on"
+            var fn = data.evaluator || noop
+            callback = function(e) {
+                //  var fn = data.evaluator || noop
+                return fn.apply(this, data.args.concat(e))
+            }
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (eventType === "scan") {
+                callback.call(elem, {type: eventType})
+            } else if (typeof data.specialBind === "function") {
+                data.specialBind(elem, callback)
+            } else {
+                var removeFn = avalon.bind(elem, eventType, callback)
+            }
+            data.rollback = function() {
+                if (typeof data.specialUnbind === "function") {
+                    data.specialUnbind()
+                } else {
+                    avalon.unbind(elem, eventType, removeFn)
+                }
+            }
+            data.evaluator = data.handler = noop
+        },
+        "text": function(val, elem) {
+            val = val == null ? "" : val //不在页面上显示undefined null
+            if (elem.nodeType === 3) { //绑定在文本节点上
+                try {//IE对游离于DOM树外的节点赋值会报错
+                    elem.data = val
+                } catch (e) {
+                }
+            } else { //绑定在特性节点上
+                if ("textContent" in elem) {
+                    elem.textContent = val
+                } else {
+                    elem.innerText = val
+                }
+            }
+        },
+        "visible": function(val, elem, data) {
+            elem.style.display = val ? data.display : "none"
+        },
+        "widget": noop
+    }
+
+    var rdash = /\(([^)]*)\)/
+    function parseDisplay(nodeName, val) {
+        //用于取得此类标签的默认display值
+        var key = "_" + nodeName
+        if (!parseDisplay[key]) {
+            var node = DOC.createElement(nodeName)
+            root.appendChild(node)
+            if (W3C) {
+                val = getComputedStyle(node, null).display
+            } else {
+                val = node.currentStyle.display
+            }
+            root.removeChild(node)
+            parseDisplay[key] = val
+        }
+        return parseDisplay[key]
+    }
+
+    avalon.parseDisplay = parseDisplay
+    //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
+    var bindingHandlers = avalon.bindingHandlers = {
+        //这是一个字符串属性绑定的范本, 方便你在title, alt, src, href, include, css添加插值表达式
+        //<a ms-href="{{url.hostname}}/{{url.pathname}}.html">
+        "attr": function(data, vmodels) {
+            var text = data.value.trim(),
+                    simple = true
+            if (text.indexOf(openTag) > -1 && text.indexOf(closeTag) > 2) {
+                simple = false
+                if (rexpr.test(text) && RegExp.rightContext === "" && RegExp.leftContext === "") {
+                    simple = true
+                    text = RegExp.$1
+                }
+            }
+            data.handlerName = "attr" //handleName用于处理多种绑定共用同一种bindingExecutor的情况
+            parseExprProxy(text, vmodels, data, (simple ? null : scanExpr(data.value)))
+        },
+        //根据VM的属性值或表达式的值切换类名，ms-class="xxx yyy zzz:flag" 
+        //http://www.cnblogs.com/rubylouvre/archive/2012/12/17/2818540.html
+        "class": function(data, vmodels) {
+            var oldStyle = data.param,
+                    text = data.value,
+                    rightExpr
+            data.handlerName = "class"
+            if (!oldStyle || isFinite(oldStyle)) {
+                data.param = "" //去掉数字
+                var noExpr = text.replace(rexprg, function(a) {
+                    return Math.pow(10, a.length - 1) //将插值表达式插入10的N-1次方来占位
+                })
+                var colonIndex = noExpr.indexOf(":") //取得第一个冒号的位置
+                if (colonIndex === -1) { // 比如 ms-class="aaa bbb ccc" 的情况
+                    var className = text
+                } else { // 比如 ms-class-1="ui-state-active:checked" 的情况 
+                    className = text.slice(0, colonIndex)
+                    rightExpr = text.slice(colonIndex + 1)
+                    parseExpr(rightExpr, vmodels, data) //决定是添加还是删除
+                    if (!data.evaluator) {
+                        log("debug: ms-class '" + (rightExpr || "").trim() + "' 不存在于VM中")
+                        return false
+                    } else {
+                        data._evaluator = data.evaluator
+                        data._args = data.args
+                    }
+                }
+                var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
+                if (!hasExpr) {
+                    data.immobileClass = className
+                }
+                parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
+            } else {
+                data.immobileClass = data.oldStyle = data.param
+                parseExprProxy(text, vmodels, data)
+            }
+        },
+        "duplex": function(data, vmodels) {
+            var elem = data.element,
+                    tagName = elem.tagName
+            if (typeof duplexBinding[tagName] === "function") {
+                data.changed = getBindingCallback(elem, "data-duplex-changed", vmodels) || noop
+                //由于情况特殊，不再经过parseExprProxy
+                parseExpr(data.value, vmodels, data)
+                if (data.evaluator && data.args) {
+                    var form = elem.form
+                    if (form && form.msValidate) {
+                        form.msValidate(elem)
+                    }
+                    data.msType = data.param || ""
+                    if (data.msType === "bool") {
+                        data.msType = "boolean"
+                        log("ms-duplex-bool已经更名为ms-duplex-boolean")
+                    } else if (data.msType === "text") {
+                        data.msType = "string"
+                        log("ms-duplex-text已经更名为ms-duplex-string")
+                    }
+                    if (data.msType === "radio") {
+                        log("ms-duplex-radio将在2.0废掉，请尽量不要用")
+                    }
+                    if (!/boolean|string|number/.test(data.msType)) {
+                        data.msType = ""
+                    }
+                    data.bound = function(type, callback) {
+                        if (elem.addEventListener) {
+                            elem.addEventListener(type, callback, false)
+                        } else {
+                            elem.attachEvent("on" + type, callback)
+                        }
+                        var old = data.rollback
+                        data.rollback = function() {
+                            avalon.unbind(elem, type, callback)
+                            old && old()
+                        }
+                    }
+                    duplexBinding[elem.tagName](elem, data.evaluator.apply(null, data.args), data)
+                }
+            }
+        },
+        "repeat": function(data, vmodels) {
+            var type = data.type
+            parseExpr(data.value, vmodels, data)
+            data.proxies = []
+            try {
+                var $repeat = data.$repeat = data.evaluator.apply(0, data.args || [])
+                var xtype = avalon.type($repeat)
+                if (xtype !== "object" && xtype !== "array") {
+                    return avalon.log("warning:" + data.value + "对应类型不正确")
+                }
+            } catch (e) {
+                return avalon.log("warning:" + data.value + "编译出错")
+            }
+            var elem = data.element
+            elem.removeAttribute(data.name)
+            data.sortedCallback = getBindingCallback(elem, "data-with-sorted", vmodels)
+            data.renderedCallback = getBindingCallback(elem, "data-" + type + "-rendered", vmodels)
+
+            var comment = data.element = DOC.createComment("ms-repeat")
+            if (type === "each" || type == "with") {
+                data.template = elem.innerHTML.trim()
+                avalon.clearHTML(elem).appendChild(comment)
+            } else {
+                data.template = elem.outerHTML.trim()
+                data.group = 1
+                elem.parentNode.replaceChild(comment, elem)
+            }
+
+            data.rollback = function() {//只用于list为对象的情况
+                bindingExecutors.repeat.call(data, "clear")
+                var elem = data.element
+                var parentNode = elem.parentNode
+                var content = avalon.parseHTML(data.template)
+                var target = content.firstChild
+                parentNode.replaceChild(content, elem)
+                target = data.element = data.type === "repeat" ? target : parentNode
+                data.group = null
+                target.setAttribute(data.name, data.value)
+            }
+
+            data.handler = bindingExecutors.repeat
+            data.$outer = {}
+            var check0 = "$key",
+                    check1 = "$val"
+            if (Array.isArray($repeat)) {
+                check0 = "$first"
+                check1 = "$last"
+            }
+            for (var i = 0, p; p = vmodels[i++]; ) {
+                if (p.hasOwnProperty(check0) && p.hasOwnProperty(check1)) {
+                    data.$outer = p
+                    break
+                }
+            }
+
+            if (!Array.isArray($repeat) && type !== "each") {
+                var pool = withProxyPool[$repeat.$id]
+                if (!pool) {
+                    withProxyCount++
+                    pool = withProxyPool[$repeat.$id] = {}
+                    for (var key in $repeat) {
+                        if ($repeat.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                            (function(k, v) {
+                                pool[k] = createWithProxy(k, v, {})
+                                pool[k].$watch("$val", function(val) {
+                                    $repeat[k] = val //#303
+                                })
+                            })(key, $repeat[key])
+                        }
+                    }
+                }
+                data.handler("append", $repeat, pool)
+            } else {
+                data.handler("add", 0, $repeat)
+            }
+        },
+        "html": function(data, vmodels) {
+            parseExprProxy(data.value, vmodels, data)
+        },
+        "on": function(data, vmodels) {
+            var value = data.value
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (typeof bindingHandlers.on[eventType + "Hook"] === "function") {
+                bindingHandlers.on[eventType + "Hook"](data)
+            }
+            if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
+                var matched = (value.match(rdash) || ["", ""])[1].trim()
+                if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
+                    value = value.replace(rdash, "")
+                }
+            }
+            parseExprProxy(value, vmodels, data)
+        },
+        "visible": function(data, vmodels) {
+            var elem = avalon(data.element)
+            var display = elem.css("display")
+            if (display === "none") {
+                var style = elem[0].style
+                var has = /visibility/i.test(style.cssText)
+                var visible = elem.css("visibility")
+                style.display = ""
+                style.visibility = "hidden"
+                display = elem.css("display")
+                if (display === "none") {
+                    display = parseDisplay(elem[0].nodeName)
+                }
+                style.visibility = has ? visible : ""
+            }
+            data.display = display
+            parseExprProxy(data.value, vmodels, data)
+        },
+        "widget": function(data, vmodels) {
+            var args = data.value.match(rword)
+            var elem = data.element
+            var widget = args[0]
+            if (args[1] === "$" || !args[1]) {
+                args[1] = widget + setTimeout("1")
+            }
+            data.value = args.join(",")
+            var constructor = avalon.ui[widget]
+            if (typeof constructor === "function") { //ms-widget="tabs,tabsAAA,optname"
+                vmodels = elem.vmodels || vmodels
+                var optName = args[2] || widget //尝试获得配置项的名字，没有则取widget的名字
+                for (var i = 0, v; v = vmodels[i++]; ) {
+                    if (v.hasOwnProperty(optName) && typeof v[optName] === "object") {
+                        var nearestVM = v
+                        break
+                    }
+                }
+                if (nearestVM) {
+                    var vmOptions = nearestVM[optName]
+                    vmOptions = vmOptions.$model || vmOptions
+                    var id = vmOptions[widget + "Id"]
+                    if (typeof id === "string") {
+                        args[1] = id
+                    }
+                }
+                var widgetData = avalon.getWidgetData(elem, args[0]) //抽取data-tooltip-text、data-tooltip-attr属性，组成一个配置对象
+                data[widget + "Id"] = args[1]
+                data[widget + "Options"] = avalon.mix({}, constructor.defaults, vmOptions || {}, widgetData)
+                elem.removeAttribute("ms-widget")
+                var vmodel = constructor(elem, data, vmodels) || {} //防止组件不返回VM
+                data.evaluator = noop
+                elem.msData["ms-widget-id"] = vmodel.$id || ""
+                if (vmodel.hasOwnProperty("$init")) {
+                    vmodel.$init()
+                }
+                if (vmodel.hasOwnProperty("$remove")) {
+                    function offTree() {
+                        if (!elem.msRetain && !root.contains(elem)) {
+                            vmodel.$remove()
+                            elem.msData = {}
+                            delete VMODELS[vmodel.$id]
+                            return false
+                        }
+                    }
+                    if (window.chrome) {
+                        elem.addEventListener("DOMNodeRemovedFromDocument", function() {
+                            setTimeout(offTree)
+                        })
+                    } else {
+                        avalon.tick(offTree)
+                    }
+                }
+            } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
+                elem.vmodels = vmodels
+            }
+        }
+    }
+    //============================ class preperty binding  =======================
+    "hover,active".replace(rword, function(method) {
+        bindingHandlers[method] = bindingHandlers["class"]
+    })
+    "with,each".replace(rword, function(name) {
+        bindingHandlers[name] = bindingHandlers.repeat
+    })
+    bindingHandlers["if"] = bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+    //============================= string preperty binding =======================
+    //与href绑定器 用法差不多的其他字符串属性的绑定器
+    //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
+    "title,alt,src,value,css,include,href".replace(rword, function(name) {
+        bindingHandlers[name] = bindingHandlers.attr
+    })
+    //============================= model binding =======================
+
+    //将模型中的字段与input, textarea的value值关联在一起
+    var duplexBinding = bindingHandlers.duplex
+    //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
+    //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
+    duplexBinding.INPUT = function(element, evaluator, data) {
+        var type = element.type,
+                bound = data.bound,
+                $elem = avalon(element),
+                firstTigger = false,
+                composing = false
+        function callback(value) {
+            firstTigger = true
+            data.changed.call(this, value)
+        }
+        function compositionStart() {
+            composing = true
+        }
+        function compositionEnd() {
+            composing = false
+        }
+        //当value变化时改变model的值
+        function updateVModel() {
+            if (composing)//处理中文输入法在minlengh下引发的BUG
+                return
+            var val = element.oldValue = element.value //防止递归调用形成死循环
+            var typedVal = getTypedValue(data, val)               //尝式转换为正确的格式
+            if ($elem.data("duplex-observe") !== false) {
+                evaluator(typedVal)
+                callback.call(element, typedVal)
+                if ($elem.data("duplex-focus")) {
+                    avalon.nextTick(function() {
+                        element.focus()
+                    })
+                }
+            }
+        }
+
+        //当model变化时,它就会改变value的值
+        data.handler = function() {
+            var val = evaluator()
+            val = val == null ? "" : val + ""
+            if (val !== element.value) {
+                element.value = val
+            }
+        }
+
+        if (type === "checkbox" && data.param === "radio") {
+            type = "radio"
+        }
+        if (type === "radio") {
+            var IE6 = !window.XMLHttpRequest
+            updateVModel = function() {
+                if ($elem.data("duplex-observe") !== false) {
+                    var val = element.value
+                    var typedValue = data.msType ? getTypedValue(data, val) : !element.oldValue
+                    evaluator(typedValue)
+                    callback.call(element, typedValue)
+                }
+            }
+            data.handler = function() {
+                var val = evaluator()
+                var checked = data.msType ? val + "" === element.value : !!val
+                element.oldValue = checked
+                if (IE6) {
+                    setTimeout(function() {
+                        //IE8 checkbox, radio是使用defaultChecked控制选中状态，
+                        //并且要先设置defaultChecked后设置checked
+                        //并且必须设置延迟
+                        element.defaultChecked = checked
+                        element.checked = checked
+                    }, 100)
+                } else {
+                    element.checked = checked
+                }
+            }
+            bound(IE6 ? "mouseup" : "click", updateVModel)
+        } else if (type === "checkbox") {
+            updateVModel = function() {
+                if ($elem.data("duplex-observe") !== false) {
+                    var method = element.checked ? "ensure" : "remove"
+                    var array = evaluator()
+                    if (!Array.isArray(array)) {
+                        log("ms-duplex应用于checkbox上要对应一个数组")
+                        array = [array]
+                    }
+                    var typedValue = getTypedValue(data, element.value)
+                    avalon.Array[method](array, typedValue)
+                    callback.call(element, array)
+                }
+            }
+
+            data.handler = function() {
+                var array = [].concat(evaluator()) //强制转换为数组
+                element.checked = array.indexOf(getTypedValue(data, element.value)) >= 0
+            }
+            bound(W3C ? "change" : "click", updateVModel)
+        } else {
+            var event = element.attributes["data-duplex-event"] || element.attributes["data-event"] || {}
+            event = event.value
+            if (event === "change") {
+                bound("change", updateVModel)
+            } else {
+                if (W3C) { //IE9+, W3C
+                    bound("input", updateVModel)
+                    bound("compositionstart", compositionStart)
+                    bound("compositionend", compositionEnd)
+                    if ("onselectionchange"in DOC) {//fix IE9 http://www.matts411.com/post/internet-explorer-9-oninput/
+                        function selectionchange(e) {
+                            if (e.type === "focus") {
+                                DOC.addEventListener("selectionchange", updateVModel, false);
+                            } else {
+                                DOC.removeEventListener("selectionchange", updateVModel, false);
+                            }
+                        }
+                        bound("focus", selectionchange)
+                        bound("blur", selectionchange)
+                    }
+                } else {
+                    var events = ["keyup", "paste", "cut", "change"]
+
+                    function removeFn(e) {
+                        var key = e.keyCode
+                        //    command            modifiers                   arrows
+                        if (key === 91 || (15 < key && key < 19) || (37 <= key && key <= 40))
+                            return
+                        if (e.type === "cut") {
+                            avalon.nextTick(updateVModel)
+                        } else {
+                            updateVModel()
+                        }
+                    }
+
+                    events.forEach(function(type) {
+                        element.attachEvent("on" + type, removeFn)
+                    })
+
+                    data.rollback = function() {
+                        events.forEach(function(type) {
+                            element.detachEvent("on" + type, removeFn)
+                        })
+                    }
+                }
+            }
+        }
+        element.oldValue = element.value
+        launch(function() {
+            if (avalon.contains(root, element)) {
+                onTree.call(element)
+            } else if (!element.msRetain) {
+                return false
+            }
+        })
+        registerSubscriber(data)
+        var timer = setTimeout(function() {
+            if (!firstTigger) {
+                callback.call(element, element.value)
+            }
+            clearTimeout(timer)
+        }, 31)
+    }
+    var TimerID, ribbon = [],
+            launch = noop
+    function W3CFire(el, name, detail) {
+        var event = DOC.createEvent("Events")
+        event.initEvent(name, true, true)
+        if (detail) {
+            event.detail = detail
+        }
+        el.dispatchEvent(event)
+    }
+
+    function onTree() { //disabled状态下改动不触发input事件
+        if (!this.disabled && this.oldValue !== this.value) {
+            if (W3C) {
+                W3CFire(this, "input")
+            } else {
+                this.fireEvent("onchange")
+            }
+        }
+    }
+
+    function getTypedValue(data, val) {
+        switch (data.msType) {
+            case "boolean":
+                return val === "true"
+            case "number":
+                return isFinite(val) || val === "" ? parseFloat(val) || 0 : val
+            default:
+                return val
+        }
+    }
+
+    avalon.tick = function(fn) {
+        if (ribbon.push(fn) === 1) {
+            TimerID = setInterval(ticker, 60)
+        }
+    }
+    function ticker() {
+        for (var n = ribbon.length - 1; n >= 0; n--) {
+            var el = ribbon[n]
+            if (el() === false) {
+                ribbon.splice(n, 1)
+            }
+        }
+        if (!ribbon.length) {
+            clearInterval(TimerID)
+        }
+    }
+
+    function newSetter(newValue) {
+        oldSetter.call(this, newValue)
+        if (newValue !== this.oldValue) {
+            W3CFire(this, "input")
+        }
+    }
+    try {
+        var inputProto = HTMLInputElement.prototype
+        Object.getOwnPropertyNames(inputProto)//故意引发IE6-8等浏览器报错
+        var oldSetter = Object.getOwnPropertyDescriptor(inputProto, "value").set //屏蔽chrome, safari,opera
+        Object.defineProperty(inputProto, "value", {
+            set: newSetter
+        })
+    } catch (e) {
+        launch = avalon.tick
+    }
+
+    duplexBinding.SELECT = function(element, evaluator, data) {
+        var $elem = avalon(element)
+        function updateVModel() {
+            if ($elem.data("duplex-observe") !== false) {
+                var val = $elem.val() //字符串或字符串数组
+                if (Array.isArray(val)) {
+                    val = val.map(function(v) {
+                        return getTypedValue(data, v)
+                    })
+                } else {
+                    val = getTypedValue(data, val)
+                }
+                if (val + "" !== element.oldValue) {
+                    evaluator(val)
+                }
+                data.changed.call(element, val)
+            }
+        }
+        data.handler = function() {
+            var val = evaluator()
+            val = val && val.$model || val
+            //必须变成字符串后才能比较
+            if (Array.isArray(val)) {
+                if (!element.multiple) {
+                    log("ms-duplex在<select multiple=true>上要求对应一个数组")
+                }
+            } else {
+                if (element.multiple) {
+                    log("ms-duplex在<select multiple=false>不能对应一个数组")
+                }
+            }
+            val = Array.isArray(val) ? val.map(String) : val + ""
+            if (val + "" !== element.oldValue) {
+                $elem.val(val)
+                element.oldValue = val + ""
+            }
+        }
+        data.bound("change", updateVModel)
+        var innerHTML = NaN
+        var id = setInterval(function() {
+            var currHTML = element.innerHTML
+            if (currHTML === innerHTML) {
+                clearInterval(id)
+                //先等到select里的option元素被扫描后，才根据model设置selected属性  
+                registerSubscriber(data)
+                data.changed.call(element, evaluator())
+            } else {
+                innerHTML = currHTML
+            }
+        }, 20)
+    }
+    duplexBinding.TEXTAREA = duplexBinding.INPUT
+    //============================= event binding =======================
+
+    function fixEvent(event) {
+        var ret = {}
+        for (var i in event) {
+            ret[i] = event[i]
+        }
+        var target = ret.target = event.srcElement
+        if (event.type.indexOf("key") === 0) {
+            ret.which = event.charCode != null ? event.charCode : event.keyCode
+        } else if (/mouse|click/.test(event.type)) {
+            var doc = target.ownerDocument || DOC
+            var box = doc.compatMode === "BackCompat" ? doc.body : doc.documentElement
+            ret.pageX = event.clientX + (box.scrollLeft >> 0) - (box.clientLeft >> 0)
+            ret.pageY = event.clientY + (box.scrollTop >> 0) - (box.clientTop >> 0)
+            ret.wheelDeltaY = ret.wheelDelta
+            ret.wheelDeltaX = 0
+        }
+        ret.timeStamp = new Date - 0
+        ret.originalEvent = event
+        ret.preventDefault = function() { //阻止默认行为
+            event.returnValue = false
+        }
+        ret.stopPropagation = function() { //阻止事件在DOM树中的传播
+            event.cancelBubble = true
+        }
+        return ret
+    }
+
+    var eventHooks = avalon.eventHooks
+    //针对firefox, chrome修正mouseenter, mouseleave
+    if (!("onmouseenter" in root)) {
+        avalon.each({
+            mouseenter: "mouseover",
+            mouseleave: "mouseout"
+        }, function(origType, fixType) {
+            eventHooks[origType] = {
+                type: fixType,
+                deel: function(elem, fn) {
+                    return function(e) {
+                        var t = e.relatedTarget
+                        if (!t || (t !== elem && !(elem.compareDocumentPosition(t) & 16))) {
+                            delete e.type
+                            e.type = origType
+                            return fn.call(elem, e)
+                        }
+                    }
+                }
+            }
+        })
+    }
+    //针对IE9+, w3c修正animationend
+    avalon.each({
+        AnimationEvent: "animationend",
+        WebKitAnimationEvent: "webkitAnimationEnd"
+    }, function(construct, fixType) {
+        if (window[construct] && !eventHooks.animationend) {
+            eventHooks.animationend = {
+                type: fixType
+            }
+        }
+    })
+    //针对IE6-8修正input
+    if (!("oninput" in document.createElement("input"))) {
+        eventHooks.input = {
+            type: "propertychange",
+            deel: function(elem, fn) {
+                return function(e) {
+                    if (e.propertyName === "value") {
+                        e.type = "input"
+                        return fn.call(elem, e)
+                    }
+                }
+            }
+        }
+    }
+    if (document.onmousewheel === void 0) {
+        /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
+         firefox DOMMouseScroll detail 下3 上-3
+         firefox wheel detlaY 下3 上-3
+         IE9-11 wheel deltaY 下40 上-40
+         chrome wheel deltaY 下100 上-100 */
+        var fixWheelType = document.onwheel !== void 0 ? "wheel" : "DOMMouseScroll"
+        var fixWheelDelta = fixWheelType === "wheel" ? "deltaY" : "detail"
+        eventHooks.mousewheel = {
+            type: fixWheelType,
+            deel: function(elem, fn) {
+                return function(e) {
+                    e.wheelDeltaY = e.wheelDelta = e[fixWheelDelta] > 0 ? -120 : 120
+                    e.wheelDeltaX = 0
+                    if (Object.defineProperty) {
+                        Object.defineProperty(e, "type", {
+                            value: "mousewheel"
+                        })
+                    }
+                    fn.call(elem, e)
+                }
+            }
+        }
+    }
+
+    /*********************************************************************
+     *          监控数组（与ms-each, ms-repeat配合使用）                     *
+     **********************************************************************/
+
+    function Collection(model) {
+        var array = []
+        array.$id = generateID() //它在父VM中的名字
+        array.$model = model   //数据模型
+        array.$events = {}
+        array.$events[subscribers] = []
+        //在监控数组中，它没有用处，只是基于VM的规范全部统一添加
+        array._ = modelFactory({
+            size: model.length
+        })
+        array._.$watch("size", function(a, b) {
+            array.$fire("length", a, b)
+        })
+        for (var i in EventManager) {
+            array[i] = EventManager[i]
+        }
+        avalon.mix(array, CollectionPrototype)
+        return array
+    }
+
+    var _splice = ap.splice
+    var CollectionPrototype = {
+        _splice: _splice,
+        _fire: function(method, a, b) {
+            notifySubscribers(this.$events[subscribers], method, a, b)
+        },
+        _add: function(arr, pos) { //在第pos个位置上，添加一组元素
+            var oldLength = this.length
+            pos = typeof pos === "number" ? pos : oldLength
+            var added = []
+            for (var i = 0, n = arr.length; i < n; i++) {
+                added[i] = convert(arr[i], this.$model[i])
+            }
+            _splice.apply(this, [pos, 0].concat(added))
+            this._fire("add", pos, added)
+            if (!this._stopFireLength) {
+                return this._.size = this.length
+            }
+        },
+        _del: function(pos, n) { //在第pos个位置上，删除N个元素
+            var ret = this._splice(pos, n)
+            if (ret.length) {
+                this._fire("del", pos, n)
+                if (!this._stopFireLength) {
+                    this._.size = this.length
+                }
+            }
+            return ret
+        },
+        push: function() {
+            ap.push.apply(this.$model, arguments)
+            var n = this._add(arguments)
+            this._fire("index", n > 2 ? n - 2 : 0)
+            return n
+        },
+        pushArray: function(array) {
+            return this.push.apply(this, array)
+        },
+        unshift: function() {
+            ap.unshift.apply(this.$model, arguments)
+            this._add(arguments, 0)
+            this._fire("index", arguments.length)
+            return this.$model.length //IE67的unshift不会返回长度
+        },
+        shift: function() {
+            var el = this.$model.shift()
+            this._del(0, 1)
+            this._fire("index", 0)
+            return el //返回被移除的元素
+        },
+        pop: function() {
+            var el = this.$model.pop()
+            this._del(this.length - 1, 1)
+            return el //返回被移除的元素
+        },
+        splice: function(a, b) {
+            // 必须存在第一个参数，需要大于-1, 为添加或删除元素的基点
+            a = _number(a, this.length)
+            var removed = _splice.apply(this.$model, arguments),
+                    ret = [], change
+            this._stopFireLength = true //确保在这个方法中 , $watch("length",fn)只触发一次
+            if (removed.length) {
+                ret = this._del(a, removed.length)
+                change = true
+            }
+            if (arguments.length > 2) {
+                this._add(aslice.call(arguments, 2), a)
+                change = true
+            }
+            this._stopFireLength = false
+            this._.size = this.length
+            if (change) {
+                this._fire("index", 0)
+            }
+            return ret //返回被移除的元素
+        },
+        contains: function(el) { //判定是否包含
+            return this.indexOf(el) !== -1
+        },
+        size: function() { //取得数组长度，这个函数可以同步视图，length不能
+            return this._.size
+        },
+        remove: function(el) { //移除第一个等于给定值的元素
+            return this.removeAt(this.indexOf(el))
+        },
+        removeAt: function(index) { //移除指定索引上的元素
+            return index >= 0 ? this.splice(index, 1) : []
+        },
+        clear: function() {
+            this.$model.length = this.length = this._.size = 0 //清空数组
+            this._fire("clear", 0)
+            return this
+        },
+        removeAll: function(all) { //移除N个元素
+            if (Array.isArray(all)) {
+                all.forEach(function(el) {
+                    this.remove(el)
+                }, this)
+            } else if (typeof all === "function") {
+                for (var i = this.length - 1; i >= 0; i--) {
+                    var el = this[i]
+                    if (all(el, i)) {
+                        this.splice(i, 1)
+                    }
+                }
+            } else {
+                this.clear()
+            }
+        },
+        ensure: function(el) {
+            if (!this.contains(el)) { //只有不存在才push
+                this.push(el)
+            }
+            return this
+        },
+        set: function(index, val) {
+            if (index >= 0) {
+                var valueType = avalon.type(val)
+                if (val && val.$model) {
+                    val = val.$model
+                }
+                var target = this[index]
+                if (valueType === "object") {
+                    for (var i in val) {
+                        if (target.hasOwnProperty(i)) {
+                            target[i] = val[i]
+                        }
+                    }
+                } else if (valueType === "array") {
+                    target.clear().push.apply(target, val)
+                } else if (target !== val) {
+                    this[index] = val
+                    this.$model[index] = val
+                    this._fire("set", index, val)
+                }
+            }
+            return this
+        }
+    }
+    "sort,reverse".replace(rword, function(method) {
+        CollectionPrototype[method] = function() {
+            var aaa = this.$model,
+                    bbb = aaa.slice(0),
+                    sorted = false
+            ap[method].apply(aaa, arguments) //先移动model
+            for (var i = 0, n = bbb.length; i < n; i++) {
+                var a = aaa[i],
+                        b = bbb[i]
+                if (!isEqual(a, b)) {
+                    sorted = true
+                    var index = bbb.indexOf(a, i)
+                    var remove = this._splice(index, 1)[0]
+                    var remove2 = bbb.splice(index, 1)[0]
+                    this._splice(i, 0, remove)
+                    bbb.splice(i, 0, remove2)
+                    this._fire("move", index, i)
+                }
+            }
+            bbb = void 0
+            if (sorted) {
+                this._fire("index", 0)
+            }
+            return this
+        }
+    })
+
+    function convert(val, $model) {
+        if (rcomplexType.test(avalon.type(val))) {
+            val = val.$id ? val : modelFactory(val, 0, $model)
+        }
+        return val
+    }
+
+
+    bindingExecutors.repeat = function(method, pos, el) {
+        if (method) {
+            var data = this
+            var parent = data.element.parentNode
+            var proxies = data.proxies
+            var transation = hyperspace.cloneNode(false)
+            if (method === "del" || method === "move") {
+                var locatedNode = locateFragment(data, pos)
+            }
+            var group = data.group
+            switch (method) {
+                case "add": //在pos位置后添加el数组（pos为数字，el为数组）
+                    var arr = el
+                    var last = data.$repeat.length - 1
+                    var fragments = []
+                    for (var i = 0, n = arr.length; i < n; i++) {
+                        var ii = i + pos
+                        var proxy = getEachProxy(ii, arr[i], data, last)
+                        proxies.splice(ii, 0, proxy)
+                        shimController(data, transation, proxy, fragments)
+                    }
+
+                    locatedNode = locateFragment(data, pos)
+                    parent.insertBefore(transation, locatedNode)
+
+                    for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                        scanNodeArray(fragment.nodes, fragment.vmodels)
+                        fragment.nodes = fragment.vmodels = null
+                    }
+                    calculateFragmentGroup(data)
+                    break
+                case "del": //将pos后的el个元素删掉(pos, el都是数字)
+                    var removed = proxies.splice(pos, el)
+                    var transation = removeFragment(locatedNode, group, el)
+                    avalon.clearHTML(transation)
+                    recycleEachProxies(removed)
+                    break
+                case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
+                    var last = proxies.length - 1
+                    for (; el = proxies[pos]; pos++) {
+                        el.$index = pos
+                        el.$first = pos === 0
+                        el.$last = pos === last
+                    }
+                    break
+                case "clear":
+                    var size = "proxySize" in data ? data.proxySize : proxies.length
+                    if (size) {
+                        var n = size * group, k = 0
+                        while (true) {
+                            var nextNode = data.element.nextSibling
+                            if (nextNode && k < n) {
+                                parent.removeChild(nextNode)
+                                k++
+                            } else {
+                                break
+                            }
+                        }
+                        recycleEachProxies(proxies)
+                    }
+                    break
+                case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
+                    var t = proxies.splice(pos, 1)[0]
+                    if (t) {
+                        proxies.splice(el, 0, t)
+                        transation = removeFragment(locatedNode, group)
+                        locatedNode = locateFragment(data, el)
+                        parent.insertBefore(transation, locatedNode)
+                    }
+                    break
+                case "set": //将proxies中的第pos个元素的VM设置为el（pos为数字，el任意）
+                    var proxy = proxies[pos]
+                    if (proxy) {
+                        proxy[proxy.$itemName] = el
+                    }
+                    break
+                case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
+                    var pool = el
+                    var keys = []
+                    var fragments = []
+                    for (var key in pos) { //得到所有键名
+                        if (pos.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                            keys.push(key)
+                        }
+                    }
+                    if (data.sortedCallback) { //如果有回调，则让它们排序
+                        var keys2 = data.sortedCallback.call(parent, keys)
+                        if (keys2 && Array.isArray(keys2) && keys2.length) {
+                            keys = keys2
+                        }
+                    }
+                    for (var i = 0, key; key = keys[i++]; ) {
+                        if (key !== "hasOwnProperty") {
+                            shimController(data, transation, pool[key], fragments)
+                        }
+                    }
+                    data.proxySize = keys.length
+                    parent.insertBefore(transation, data.element.nextSibling)
+                    for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                        scanNodeArray(fragment.nodes, fragment.vmodels)
+                        fragment.nodes = fragment.vmodels = null
+                    }
+                    calculateFragmentGroup(data)
+                    break
+            }
+            var callback = data.renderedCallback || noop, args = arguments
+            checkScan(parent, function() {
+                callback.apply(parent, args)
+                if (parent.oldValue && parent.tagName === "SELECT" && method === "index") {//fix #503
+                    avalon(parent).val(parent.oldValue.split(","))
+                }
+            })
+        }
+    }
+
+    //============ each/repeat/with binding 用到的辅助函数与对象 ======================
+    function shimController(data, transation, proxy, fragments) {
+        var dom = avalon.parseHTML(data.template)
+        var nodes = avalon.slice(dom.childNodes)
+        transation.appendChild(dom)
+        proxy.$outer = data.$outer
+        var fragment = {
+            nodes: nodes,
+            vmodels: [proxy].concat(data.vmodels)
+        }
+        fragments.push(fragment)
+    }
+    // 取得用于定位的节点。比如group = 3,  结构为
+    // <div><!--ms-repeat--><br id="first"><br/><br/><br id="second"><br/><br/></div>
+    // 当pos为0时,返回 br#first
+    // 当pos为1时,返回 br#second
+    // 当pos为2时,返回 null
+    function locateFragment(data, pos) {
+        if (data.type == "repeat") {//ms-repeat，group为1
+            var node = data.element.nextSibling
+            for (var i = 0, n = pos; i < n; i++) {
+                if (node) {
+                    node = node.nextSibling
+                } else {
+                    break
+                }
+            }
+        } else {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var group = data.group || nodes.length / data.proxies.length
+            node = nodes[group * pos]
+        }
+        return node || null
+    }
+
+    function removeFragment(node, group, pos) {
+        var n = group * (pos || 1)
+        var nodes = [node], i = 1
+        var view = hyperspace
+        while (i < n) {
+            node = node.nextSibling
+            if (node) {
+                nodes[i++] = node
+            }
+        }
+        for (var i = 0; node = nodes[i++]; ) {
+            view.appendChild(node)
+        }
+        return view
+    }
+    function calculateFragmentGroup(data) {
+        if (!isFinite(data.group)) {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var n = "proxySize" in data ? data.proxySize : data.proxies.length
+            data.group = nodes.length / n
+        }
+    }
+    // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
+    var watchEachOne = oneObject("$index,$first,$last")
+
+    function createWithProxy(key, val, $outer) {
+        var proxy = modelFactory({
+            $key: key,
+            $outer: $outer,
+            $val: val
+        }, {
+            $val: 1,
+            $key: 1
+        })
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
+        return proxy
+    }
+    var eachProxyPool = []
+    function getEachProxy(index, item, data, last) {
+        var param = data.param || "el", proxy
+        var source = {
+            $remove: function() {
+                return data.$repeat.removeAt(proxy.$index)
+            },
+            $itemName: param,
+            $index: index,
+            $outer: data.$outer,
+            $first: index === 0,
+            $last: index === last
+        }
+        source[param] = item
+        for (var i = 0, n = eachProxyPool.length; i < n; i++) {
+            var proxy = eachProxyPool[i]
+            if (proxy.hasOwnProperty(param)) {
+                for (var k in source) {
+                    proxy[k] = source[k]
+                }
+                eachProxyPool.splice(i, 1)
+                return proxy
+            }
+        }
+        if (rcomplexType.test(avalon.type(item))) {
+            source.$skipArray = [param]
+        }
+        proxy = modelFactory(source, watchEachOne)
+        proxy.$watch(param, function(val) {
+            data.$repeat.set(proxy.$index, val)
+        })
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
+        return proxy
+    }
+    function recycleEachProxies(array) {
+        for (var i = 0, el; el = array[i++]; ) {
+            recycleEachProxy(el)
+        }
+        array.length = 0
+    }
+
+    function recycleEachProxy(proxy) {
+        for (var i in proxy.$events) {
+            if (Array.isArray(proxy.$events[i])) {
+                proxy.$events[i].length = 0
+            }
+        }
+        if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
+            eachProxyPool.pop()
+        }
+    }
+    /*********************************************************************
+     *                             自带过滤器                            *
+     **********************************************************************/
+    var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
+    var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
+    var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
+    var rsanitize = {
+        a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig
+    }
+    var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
+    var rnoalphanumeric = /([^\#-~| |!])/g;
+    var filters = avalon.filters = {
+        uppercase: function(str) {
+            return str.toUpperCase()
+        },
+        lowercase: function(str) {
+            return str.toLowerCase()
+        },
+        truncate: function(target, length, truncation) {
+            //length，新字符串长度，truncation，新字符串的结尾的字段,返回新字符串
+            length = length || 30
+            truncation = truncation === void(0) ? "..." : truncation
+            return target.length > length ? target.slice(0, length - truncation.length) + truncation : String(target)
+        },
+        camelize: camelize,
+        //https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+        //    <a href="javasc&NewLine;ript&colon;alert('XSS')">chrome</a> 
+        //    <a href="data:text/html;base64, PGltZyBzcmM9eCBvbmVycm9yPWFsZXJ0KDEpPg==">chrome</a>
+        //    <a href="jav	ascript:alert('XSS');">IE67chrome</a>
+        //    <a href="jav&#x09;ascript:alert('XSS');">IE67chrome</a>
+        //    <a href="jav&#x0A;ascript:alert('XSS');">IE67chrome</a>
+        sanitize: function(str) {
+            return str.replace(rscripts, "").replace(ropen, function(a, b) {
+                var match = a.toLowerCase().match(/<(\w+)\s/)
+                if (match) {//处理a标签的href属性，img标签的src属性，form标签的action属性
+                    var reg = rsanitize[match[1]]
+                    if (reg) {
+                        a = a.replace(reg, function(s, name, value) {
+                            var quote = value.charAt(0)
+                            return  name + "=" + quote + "javascript:void(0)" + quote
+                        })
+                    }
+                }
+                return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
+            })
+        },
+        escape: function(html) {
+            //将字符串经过 html 转义得到适合在页面中显示的内容, 例如替换 < 为 &lt 
+            return String(html).
+                    replace(/&/g, '&amp;').
+                    replace(rsurrogate, function(value) {
+                        var hi = value.charCodeAt(0)
+                        var low = value.charCodeAt(1)
+                        return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';'
+                    }).
+                    replace(rnoalphanumeric, function(value) {
+                        return '&#' + value.charCodeAt(0) + ';'
+                    }).
+                    replace(/</g, '&lt;').
+                    replace(/>/g, '&gt;')
+        },
+        currency: function(number, symbol) {
+            symbol = symbol || "\uFFE5"
+            return symbol + avalon.filters.number(number)
+        },
+        number: function(number, decimals, dec_point, thousands_sep) {
+            //与PHP的number_format完全兼容
+            //number	必需，要格式化的数字
+            //decimals	可选，规定多少个小数位。
+            //dec_point	可选，规定用作小数点的字符串（默认为 . ）。
+            //thousands_sep	可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
+            // http://kevin.vanzonneveld.net
+            number = (number + "").replace(/[^0-9+\-Ee.]/g, "")
+            var n = !isFinite(+number) ? 0 : +number,
+                    prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
+                    sep = thousands_sep || ",",
+                    dec = dec_point || ".",
+                    s = "",
+                    toFixedFix = function(n, prec) {
+                        var k = Math.pow(10, prec)
+                        return "" + Math.round(n * k) / k
+                    }
+            // Fix for IE parseFloat(0.55).toFixed(0) = 0 
+            s = (prec ? toFixedFix(n, prec) : "" + Math.round(n)).split('.')
+            if (s[0].length > 3) {
+                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
+            }
+            if ((s[1] || "").length < prec) {
+                s[1] = s[1] || ""
+                s[1] += new Array(prec - s[1].length + 1).join("0")
+            }
+            return s.join(dec)
+        }
+    }
+    /*
+     'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010)
+     'yy': 2 digit representation of year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10)
+     'y': 1 digit representation of year, e.g. (AD 1 => 1, AD 199 => 199)
+     'MMMM': Month in year (January-December)
+     'MMM': Month in year (Jan-Dec)
+     'MM': Month in year, padded (01-12)
+     'M': Month in year (1-12)
+     'dd': Day in month, padded (01-31)
+     'd': Day in month (1-31)
+     'EEEE': Day in Week,(Sunday-Saturday)
+     'EEE': Day in Week, (Sun-Sat)
+     'HH': Hour in day, padded (00-23)
+     'H': Hour in day (0-23)
+     'hh': Hour in am/pm, padded (01-12)
+     'h': Hour in am/pm, (1-12)
+     'mm': Minute in hour, padded (00-59)
+     'm': Minute in hour (0-59)
+     'ss': Second in minute, padded (00-59)
+     's': Second in minute (0-59)
+     'a': am/pm marker
+     'Z': 4 digit (+sign) representation of the timezone offset (-1200-+1200)
+     format string can also be one of the following predefined localizable formats:
+     
+     'medium': equivalent to 'MMM d, y h:mm:ss a' for en_US locale (e.g. Sep 3, 2010 12:05:08 pm)
+     'short': equivalent to 'M/d/yy h:mm a' for en_US locale (e.g. 9/3/10 12:05 pm)
+     'fullDate': equivalent to 'EEEE, MMMM d,y' for en_US locale (e.g. Friday, September 3, 2010)
+     'longDate': equivalent to 'MMMM d, y' for en_US locale (e.g. September 3, 2010
+     'mediumDate': equivalent to 'MMM d, y' for en_US locale (e.g. Sep 3, 2010)
+     'shortDate': equivalent to 'M/d/yy' for en_US locale (e.g. 9/3/10)
+     'mediumTime': equivalent to 'h:mm:ss a' for en_US locale (e.g. 12:05:08 pm)
+     'shortTime': equivalent to 'h:mm a' for en_US locale (e.g. 12:05 pm)
+     */
+    new function() {
+        function toInt(str) {
+            return parseInt(str, 10)
+        }
+
+        function padNumber(num, digits, trim) {
+            var neg = ""
+            if (num < 0) {
+                neg = '-'
+                num = -num
+            }
+            num = "" + num
+            while (num.length < digits)
+                num = "0" + num
+            if (trim)
+                num = num.substr(num.length - digits)
+            return neg + num
+        }
+
+        function dateGetter(name, size, offset, trim) {
+            return function(date) {
+                var value = date["get" + name]()
+                if (offset > 0 || value > -offset)
+                    value += offset
+                if (value === 0 && offset === -12) {
+                    value = 12
+                }
+                return padNumber(value, size, trim)
+            }
+        }
+
+        function dateStrGetter(name, shortForm) {
+            return function(date, formats) {
+                var value = date["get" + name]()
+                var get = (shortForm ? ("SHORT" + name) : name).toUpperCase()
+                return formats[get][value]
+            }
+        }
+
+        function timeZoneGetter(date) {
+            var zone = -1 * date.getTimezoneOffset()
+            var paddedZone = (zone >= 0) ? "+" : ""
+            paddedZone += padNumber(Math[zone > 0 ? "floor" : "ceil"](zone / 60), 2) + padNumber(Math.abs(zone % 60), 2)
+            return paddedZone
+        }
+        function getFirstThursdayOfYear(year) {
+            // 0 = index of January
+            var dayOfWeekOnFirst = (new Date(year, 0, 1)).getDay();
+            // 4 = index of Thursday (+1 to account for 1st = 5)
+            // 11 = index of *next* Thursday (+1 account for 1st = 12)
+            return new Date(year, 0, ((dayOfWeekOnFirst <= 4) ? 5 : 12) - dayOfWeekOnFirst);
+        }
+
+        function getThursdayThisWeek(datetime) {
+            return new Date(datetime.getFullYear(), datetime.getMonth(),
+                    // 4 = index of Thursday
+                    datetime.getDate() + (4 - datetime.getDay()));
+        }
+
+        function weekGetter(size) {
+            return function(date) {
+                var firstThurs = getFirstThursdayOfYear(date.getFullYear()),
+                        thisThurs = getThursdayThisWeek(date);
+
+                var diff = +thisThurs - +firstThurs,
+                        result = 1 + Math.round(diff / 6.048e8); // 6.048e8 ms per week
+
+                return padNumber(result, size);
+            };
+        }
+
+
+        //取得上午下午
+
+        function ampmGetter(date, formats) {
+            return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1]
+        }
+        var DATE_FORMATS = {
+            yyyy: dateGetter("FullYear", 4),
+            yy: dateGetter("FullYear", 2, 0, true),
+            y: dateGetter("FullYear", 1),
+            MMMM: dateStrGetter("Month"),
+            MMM: dateStrGetter("Month", true),
+            MM: dateGetter("Month", 2, 1),
+            M: dateGetter("Month", 1, 1),
+            dd: dateGetter("Date", 2),
+            d: dateGetter("Date", 1),
+            HH: dateGetter("Hours", 2),
+            H: dateGetter("Hours", 1),
+            hh: dateGetter("Hours", 2, -12),
+            h: dateGetter("Hours", 1, -12),
+            mm: dateGetter("Minutes", 2),
+            m: dateGetter("Minutes", 1),
+            ss: dateGetter("Seconds", 2),
+            s: dateGetter("Seconds", 1),
+            sss: dateGetter("Milliseconds", 3),
+            EEEE: dateStrGetter("Day"),
+            EEE: dateStrGetter("Day", true),
+            a: ampmGetter,
+            Z: timeZoneGetter,
+            ww: weekGetter(2),
+            w: weekGetter(1)
+        }
+        var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZEw']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z|w+))(.*)/,
+                NUMBER_STRING = /^\-?\d+$/;
+        var R_ISO8601_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/
+        // 1        2       3         4          5          6          7          8  9     10      11
+
+        function jsonStringToDate(string) {
+            var match
+            if (match = string.match(R_ISO8601_STR)) {
+                var date = new Date(0),
+                        tzHour = 0,
+                        tzMin = 0,
+                        dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear,
+                        timeSetter = match[8] ? date.setUTCHours : date.setHours
+                if (match[9]) {
+                    tzHour = toInt(match[9] + match[10])
+                    tzMin = toInt(match[9] + match[11])
+                }
+                dateSetter.call(date, toInt(match[1]), toInt(match[2]) - 1, toInt(match[3]))
+                var h = toInt(match[4] || 0) - tzHour
+                var m = toInt(match[5] || 0) - tzMin
+                var s = toInt(match[6] || 0)
+                var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000)
+                timeSetter.call(date, h, m, s, ms)
+                return date
+            }
+            return string
+        }
+        var rfixFFDate = /^(\d+)-(\d+)-(\d{4})$/
+        var rfixIEDate = /^(\d+)\s+(\d+),(\d{4})$/
+        filters.date = function(date, format, timezone) {
+            var locate = filters.date.locate,
+                    text = "",
+                    parts = [],
+                    fn, match
+            format = format || "mediumDate"
+            format = locate[format] || format
+            if (typeof date === "string") {
+                if (NUMBER_STRING.test(date)) {
+                    date = toInt(date)
+                } else {
+                    var trimDate = date.trim()
+                    if (trimDate.match(rfixFFDate) || trimDate.match(rfixIEDate)) {
+                        date = RegExp.$3 + "/" + RegExp.$1 + "/" + RegExp.$2
+                    }
+                    date = jsonStringToDate(date)
+                }
+                date = new Date(date)
+            }
+            if (typeof date === "number") {
+                date = new Date(date)
+            }
+            if (avalon.type(date) !== "date") {
+                return
+            }
+            while (format) {
+                match = DATE_FORMATS_SPLIT.exec(format)
+                if (match) {
+                    parts = parts.concat(match.slice(1))
+                    format = parts.pop()
+                } else {
+                    parts.push(format)
+                    format = null
+                }
+            }
+            if (timezone && timezone === 'UTC') {
+                date = new Date(date.getTime());
+                date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
+            }
+            parts.forEach(function(value) {
+                fn = DATE_FORMATS[value]
+                text += fn ? fn(date, locate) : value.replace(/(^'|'$)/g, "").replace(/''/g, "'")
+            })
+            return text
+        }
+        var locate = {
+            AMPMS: {
+                0: "上午",
+                1: "下午"
+            },
+            DAY: {
+                0: "星期日",
+                1: "星期一",
+                2: "星期二",
+                3: "星期三",
+                4: "星期四",
+                5: "星期五",
+                6: "星期六"
+            },
+            MONTH: {
+                0: "1月",
+                1: "2月",
+                2: "3月",
+                3: "4月",
+                4: "5月",
+                5: "6月",
+                6: "7月",
+                7: "8月",
+                8: "9月",
+                9: "10月",
+                10: "11月",
+                11: "12月"
+            },
+            SHORTDAY: {
+                "0": "周日",
+                "1": "周一",
+                "2": "周二",
+                "3": "周三",
+                "4": "周四",
+                "5": "周五",
+                "6": "周六"
+            },
+            fullDate: "y年M月d日EEEE",
+            longDate: "y年M月d日",
+            medium: "yyyy-M-d ah:mm:ss",
+            mediumDate: "yyyy-M-d",
+            mediumTime: "ah:mm:ss",
+            "short": "yy-M-d ah:mm",
+            shortDate: "yy-M-d",
+            shortTime: "ah:mm"
+        }
+        locate.SHORTMONTH = locate.MONTH
+        filters.date.locate = locate
+    }
+
+
+    /*********************************************************************
+     *                      AMD加载器                                   *
+     **********************************************************************/
+
+    var innerRequire
+    var modules = avalon.modules = {
+        "ready!": {
+            exports: avalon
+        },
+        "avalon": {
+            exports: avalon,
+            state: 2
+        }
+    }
+
+
+    new function() {
+        var loadings = [] //正在加载中的模块列表
+        var factorys = [] //储存需要绑定ID与factory对应关系的模块（标准浏览器下，先parse的script节点会先onload）
+        var basepath
+
+        function cleanUrl(url) {
+            return (url || "").replace(/[?#].*/, "")
+        }
+
+        plugins.js = function(url, shim) {
+            var id = cleanUrl(url)
+            if (!modules[id]) { //如果之前没有加载过
+                modules[id] = {
+                    id: id,
+                    exports: {}
+                }
+                if (shim) { //shim机制
+                    innerRequire(shim.deps || "", function() {
+                        loadJS(url, id, function() {
+                            modules[id].state = 2
+                            if (shim.exports)
+                                modules[id].exports = typeof shim.exports === "function" ?
+                                        shim.exports() : window[shim.exports]
+                            innerRequire.checkDeps()
+                        })
+                    })
+                } else {
+                    loadJS(url, id)
+                }
+            }
+            return id
+        }
+        plugins.css = function(url) {
+            var id = url.replace(/(#.+|\W)/g, "") ////用于处理掉href中的hash与所有特殊符号
+            if (!DOC.getElementById(id)) {
+                var node = DOC.createElement("link")
+                node.rel = "stylesheet"
+                node.href = url
+                node.id = id
+                head.insertBefore(node, head.firstChild)
+            }
+        }
+        plugins.css.ext = ".css"
+        plugins.js.ext = ".js"
+
+        plugins.text = function(url) {
+            var xhr = getXHR()
+            var id = url.replace(/[?#].*/, "")
+            modules[id] = {}
+            xhr.onreadystatechange = function() {
+                if (xhr.readyState === 4) {
+                    var status = xhr.status;
+                    if (status > 399 && status < 600) {
+                        avalon.error(url + " 对应资源不存在或没有开启 CORS")
+                    } else {
+                        modules[id].state = 2
+                        modules[id].exports = xhr.responseText
+                        innerRequire.checkDeps()
+                    }
+                }
+            }
+            xhr.open("GET", url, true)
+            if ("withCredentials" in xhr) {
+                xhr.withCredentials = true
+            }
+            xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+            xhr.send()
+            return id
+        }
+
+
+        var cur = getCurrentScript(true)
+        if (!cur) { //处理window safari的Error没有stack的问题
+            cur = avalon.slice(DOC.scripts).pop().src
+        }
+        var url = cleanUrl(cur)
+        basepath = kernel.base = url.slice(0, url.lastIndexOf("/") + 1)
+
+        function getCurrentScript(base) {
+            // 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
+            var stack
+            try {
+                a.b.c() //强制报错,以便捕获e.stack
+            } catch (e) { //safari的错误对象只有line,sourceId,sourceURL
+                stack = e.stack
+                if (!stack && window.opera) {
+                    //opera 9没有e.stack,但有e.Backtrace,但不能直接取得,需要对e对象转字符串进行抽取
+                    stack = (String(e).match(/of linked script \S+/g) || []).join(" ")
+                }
+            }
+            if (stack) {
+                /**e.stack最后一行在所有支持的浏览器大致如下:
+                 *chrome23:
+                 * at http://113.93.50.63/data.js:4:1
+                 *firefox17:
+                 *@http://113.93.50.63/query.js:4
+                 *opera12:http://www.oldapps.com/opera.php?system=Windows_XP
+                 *@http://113.93.50.63/data.js:4
+                 *IE10:
+                 *  at Global code (http://113.93.50.63/data.js:4:1)
+                 *  //firefox4+ 可以用document.currentScript
+                 */
+                stack = stack.split(/[@ ]/g).pop() //取得最后一行,最后一个空格或@之后的部分
+                stack = stack[0] === "(" ? stack.slice(1, -1) : stack.replace(/\s/, "") //去掉换行符
+                return stack.replace(/(:\d+)?:\d+$/i, "") //去掉行号与或许存在的出错字符起始位置
+            }
+            var nodes = (base ? DOC : head).getElementsByTagName("script") //只在head标签中寻找
+            for (var i = nodes.length, node; node = nodes[--i]; ) {
+                if ((base || node.className === subscribers) && node.readyState === "interactive") {
+                    return node.className = node.src
+                }
+            }
+        }
+
+        function checkCycle(deps, nick) {
+            //检测是否存在循环依赖
+            for (var id in deps) {
+                if (deps[id] === "司徒正美" && modules[id].state !== 2 && (id === nick || checkCycle(modules[id].deps, nick))) {
+                    return true
+                }
+            }
+        }
+
+        function checkDeps() {
+            //检测此JS模块的依赖是否都已安装完毕,是则安装自身
+            loop: for (var i = loadings.length, id; id = loadings[--i]; ) {
+
+                var obj = modules[id],
+                        deps = obj.deps
+                for (var key in deps) {
+                    if (ohasOwn.call(deps, key) && modules[key].state !== 2) {
+                        continue loop
+                    }
+                }
+                //如果deps是空对象或者其依赖的模块的状态都是2
+                if (obj.state !== 2) {
+                    loadings.splice(i, 1) //必须先移除再安装，防止在IE下DOM树建完后手动刷新页面，会多次执行它
+                    fireFactory(obj.id, obj.args, obj.factory)
+                    checkDeps() //如果成功,则再执行一次,以防有些模块就差本模块没有安装好
+                }
+            }
+        }
+
+        function checkFail(node, onError, fuckIE) {
+            var id = cleanUrl(node.src) //检测是否死链
+            node.onload = node.onreadystatechange = node.onerror = null
+            if (onError || (fuckIE && !modules[id].state)) {
+                setTimeout(function() {
+                    head.removeChild(node)
+                    node = null // 处理旧式IE下的循环引用问题
+                })
+                log("debug: 加载 " + id + " 失败" + onError + " " + (!modules[id].state))
+            } else {
+                return true
+            }
+        }
+        var rdeuce = /\/\w+\/\.\./
+
+        function loadResources(url, parent, ret, shim) {
+            //1. 特别处理mass|ready标识符
+            if (url === "ready!" || (modules[url] && modules[url].state === 2)) {
+                return url
+            }
+            //2.  处理text!  css! 等资源
+            var plugin
+            url = url.replace(/^\w+!/, function(a) {
+                plugin = a.slice(0, -1)
+                return ""
+            })
+            plugin = plugin || "js"
+            plugin = plugins[plugin] || noop
+            //3. 转化为完整路径
+            if (typeof kernel.shim[url] === "object") {
+                shim = kernel.shim[url]
+            }
+            if (kernel.paths[url]) { //别名机制
+                url = kernel.paths[url]
+            }
+
+            //4. 补全路径
+            if (/^(\w+)(\d)?:.*/.test(url)) {
+                ret = url
+            } else {
+                parent = parent.substr(0, parent.lastIndexOf("/"))
+                var tmp = url.charAt(0)
+                if (tmp !== "." && tmp !== "/") { //相对于根路径
+                    ret = basepath + url
+                } else if (url.slice(0, 2) === "./") { //相对于兄弟路径
+                    ret = parent + url.slice(1)
+                } else if (url.slice(0, 2) === "..") { //相对于父路径
+                    ret = parent + "/" + url
+                    while (rdeuce.test(ret)) {
+                        ret = ret.replace(rdeuce, "")
+                    }
+                } else if (tmp === "/") {
+                    ret = url //相对于根路径
+                } else {
+                    avalon.error("不符合模块标识规则: " + url)
+                }
+            }
+            //5. 补全扩展名
+            url = cleanUrl(ret)
+            var ext = plugin.ext
+            if (ext) {
+                if (url.slice(0 - ext.length) !== ext) {
+                    ret += ext
+                }
+            }
+            //6. 缓存处理
+            if (kernel.nocache) {
+                ret += (ret.indexOf("?") === -1 ? "?" : "&") + (new Date - 0)
+            }
+            return plugin(ret, shim)
+        }
+
+        function loadJS(url, id, callback) {
+            //通过script节点加载目标模块
+            var node = DOC.createElement("script")
+            node.className = subscribers //让getCurrentScript只处理类名为subscribers的script节点
+            node[W3C ? "onload" : "onreadystatechange"] = function() {
+                if (W3C || /loaded|complete/i.test(node.readyState)) {
+                    //mass Framework会在_checkFail把它上面的回调清掉，尽可能释放回存，尽管DOM0事件写法在IE6下GC无望
+                    var factory = factorys.pop()
+                    factory && factory.delay(id)
+                    if (callback) {
+                        callback()
+                    }
+                    if (checkFail(node, false, !W3C)) {
+                        log("debug: 已成功加载 " + url)
+                    }
+                }
+            }
+            node.onerror = function() {
+                checkFail(node, true)
+            }
+            node.src = url //插入到head的第一个节点前，防止IE6下head标签没闭合前使用appendChild抛错
+            head.insertBefore(node, head.firstChild) //chrome下第二个参数不能为null
+            log("debug: 正准备加载 " + url) //更重要的是IE6下可以收窄getCurrentScript的寻找范围
+        }
+
+        innerRequire = avalon.require = function(list, factory, parent) {
+            // 用于检测它的依赖是否都为2
+            var deps = {},
+                    // 用于保存依赖模块的返回值
+                    args = [],
+                    // 需要安装的模块数
+                    dn = 0,
+                    // 已安装完的模块数
+                    cn = 0,
+                    id = parent || "callback" + setTimeout("1")
+            parent = parent || basepath
+            String(list).replace(rword, function(el) {
+                var url = loadResources(el, parent)
+                if (url) {
+                    dn++
+                    if (modules[url] && modules[url].state === 2) {
+                        cn++
+                    }
+                    if (!deps[url]) {
+                        args.push(url)
+                        deps[url] = "司徒正美" //去重
+                    }
+                }
+            })
+            modules[id] = {//创建一个对象,记录模块的加载情况与其他信息
+                id: id,
+                factory: factory,
+                deps: deps,
+                args: args,
+                state: 1
+            }
+            if (dn === cn) { //如果需要安装的等于已安装好的
+                fireFactory(id, args, factory) //安装到框架中
+            } else {
+                //放到检测列队中,等待checkDeps处理
+                loadings.unshift(id)
+            }
+            checkDeps()
+        }
+
+        /**
+         * 定义模块
+         * @param {String} id ? 模块ID
+         * @param {Array} deps ? 依赖列表
+         * @param {Function} factory 模块工厂
+         * @api public
+         */
+        innerRequire.define = function(id, deps, factory) { //模块名,依赖列表,模块本身
+            var args = aslice.call(arguments)
+
+            if (typeof id === "string") {
+                var _id = args.shift()
+            }
+            if (typeof args[0] === "function") {
+                args.unshift([])
+            } //上线合并后能直接得到模块ID,否则寻找当前正在解析中的script节点的src作为模块ID
+            //现在除了safari外，我们都能直接通过getCurrentScript一步到位得到当前执行的script节点，
+            //safari可通过onload+delay闭包组合解决
+            var name = modules[_id] && modules[_id].state >= 1 ? _id : cleanUrl(getCurrentScript())
+            if (!modules[name] && _id) {
+                modules[name] = {
+                    id: name,
+                    factory: factory,
+                    state: 1
+                }
+            }
+            factory = args[1]
+            factory.id = _id //用于调试
+            factory.delay = function(d) {
+                args.push(d)
+                var isCycle = true
+                try {
+                    isCycle = checkCycle(modules[d].deps, d)
+                } catch (e) {
+                }
+                if (isCycle) {
+                    avalon.error(d + "模块与之前的模块存在循环依赖，请不要直接用script标签引入" + d + "模块")
+                }
+                delete factory.delay //释放内存
+                innerRequire.apply(null, args) //0,1,2 --> 1,2,0
+            }
+
+            if (name) {
+                factory.delay(name, args)
+            } else { //先进先出
+                factorys.push(factory)
+            }
+        }
+        innerRequire.define.amd = modules
+
+        function fireFactory(id, deps, factory) {
+            for (var i = 0, array = [], d; d = deps[i++]; ) {
+                array.push(modules[d].exports)
+            }
+            var module = Object(modules[id]),
+                    ret = factory.apply(window, array)
+            module.state = 2
+            if (ret !== void 0) {
+                modules[id].exports = ret
+            }
+            return ret
+        }
+        innerRequire.config = kernel
+        innerRequire.checkDeps = checkDeps
+    }
+    /*********************************************************************
+     *                           DOMReady                               *
+     **********************************************************************/
+
+    var readyList = []
+    function fireReady() {
+        if (DOC.body) { //  在IE8 iframe中doScrollCheck可能不正确
+            if (innerRequire) {
+                modules["ready!"].state = 2
+                innerRequire.checkDeps()
+            } else {
+                readyList.forEach(function(a) {
+                    a(avalon)
+                })
+            }
+            fireReady = noop //隋性函数，防止IE9二次调用_checkDeps
+        }
+    }
+
+    function doScrollCheck() {
+        try { //IE下通过doScrollCheck检测DOM树是否建完
+            root.doScroll("left")
+            fireReady()
+        } catch (e) {
+            setTimeout(doScrollCheck)
+        }
+    }
+
+    if (DOC.readyState === "complete") {
+        setTimeout(fireReady) //如果在domReady之外加载
+    } else if (W3C) {
+        DOC.addEventListener("DOMContentLoaded", fireReady)
+    } else {
+        DOC.attachEvent("onreadystatechange", function() {
+            if (DOC.readyState === "complete") {
+                fireReady()
+            }
+        })
+        if (root.doScroll) {
+            doScrollCheck()
+        }
+    }
+    avalon.bind(window, "load", fireReady)
+
+    avalon.ready = function(fn) {
+        if (innerRequire) {
+            innerRequire("ready!", fn)
+        } else if (fireReady === noop) {
+            fn(avalon)
+        } else {
+            readyList.push(fn)
+        }
+    }
+
+    avalon.config({
+        loader: true
+    })
+
+    avalon.ready(function() {
+        avalon.scan(DOC.body)
+    })
+})(document)
+/**
+ http://www.cnblogs.com/henryzhu/p/mvvm-1-why-mvvm.ht
+ http://dev.oupeng.com/wp-content/uploads/20131109-kennyluck-optimizing-js-games.html#controls-slide
+ http://ps.p12345.com/
+ */
diff --git a/examples/avalon.shim.js b/examples/avalon.shim.js
new file mode 100644
index 000000000..f265564f3
--- /dev/null
+++ b/examples/avalon.shim.js
@@ -0,0 +1,4259 @@
+/*==================================================
+ Copyright 2013-2014 司徒正美 and other contributors
+ http://www.cnblogs.com/rubylouvre/
+ https://github.com/RubyLouvre
+ http://weibo.com/jslouvre/
+ 
+ Released under the MIT license
+ avalon 1.3.6 2014.10.10
+ ==================================================*/
+(function(DOC) {
+    /*********************************************************************
+     *                    全局变量及方法                                  *
+     **********************************************************************/
+    var expose = new Date - 0
+    var subscribers = "$" + expose
+    //http://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/
+    var window = this || (0, eval)("this")
+    var otherRequire = window.require
+    var otherDefine = window.define
+    var stopRepeatAssign = false
+    var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
+    var rnative = /\[native code\]/  //判定是否原生函数
+    var rcomplexType = /^(?:object|array)$/
+    var rsvg = /^\[object SVG\w*Element\]$/
+    var rwindow = /^\[object (?:Window|DOMWindow|global)\]$/
+    var oproto = Object.prototype
+    var ohasOwn = oproto.hasOwnProperty
+    var serialize = oproto.toString
+    var ap = Array.prototype
+    var aslice = ap.slice
+    var Registry = {} //将函数曝光到此对象上，方便访问器收集依赖
+    var W3C = window.dispatchEvent
+    var root = DOC.documentElement
+    var head = DOC.getElementsByTagName("head")[0] //HEAD元素
+    var hyperspace = DOC.createDocumentFragment()
+    var cinerator = DOC.createElement("div")
+    var class2type = {}
+    "Boolean Number String Function Array Date RegExp Object Error".replace(rword, function(name) {
+        class2type["[object " + name + "]"] = name.toLowerCase()
+    })
+
+
+    function noop() {
+    }
+
+    function log() {
+        if (window.console && avalon.config.debug) {
+            // http://stackoverflow.com/questions/8785624/how-to-safely-wrap-console-log
+            Function.apply.call(console.log, console, arguments)
+        }
+    }
+
+    function oneObject(array, val) {
+        if (typeof array === "string") {
+            array = array.match(rword) || []
+        }
+        var result = {},
+                value = val !== void 0 ? val : 1
+        for (var i = 0, n = array.length; i < n; i++) {
+            result[array[i]] = value
+        }
+        return result
+    }
+
+//生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
+    function generateID() {
+        return "avalon" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
+    }
+    /*********************************************************************
+     *                 avalon的静态方法定义区                              *
+     **********************************************************************/
+    avalon = function(el) { //创建jQuery式的无new 实例化结构
+        return new avalon.init(el)
+    }
+
+    avalon.init = function(el) {
+        this[0] = this.element = el
+    }
+    avalon.fn = avalon.prototype = avalon.init.prototype
+
+    avalon.type = function(obj) {//取得目标的类型
+        if (obj == null) {
+            return String(obj)
+        }
+        // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
+        return typeof obj === "object" || typeof obj === "function" ?
+                class2type[serialize.call(obj)] || "object" :
+                typeof obj
+    }
+
+    var isFunction = typeof alert === "object" ? function(fn) {
+        try {
+            return /^\s*\bfunction\b/.test(fn + "")
+        } catch (e) {
+            return false
+        }
+    } : function(fn) {
+        return serialize.call(fn) == "[object Function]"
+    }
+    avalon.isFunction = isFunction
+
+    avalon.isWindow = function(obj) {
+        if (!obj)
+            return false
+        // 利用IE678 window == document为true,document == window竟然为false的神奇特性
+        // 标准浏览器及IE9，IE10等使用 正则检测
+        return obj == obj.document && obj.document != obj
+    }
+
+    function isWindow(obj) {
+        return rwindow.test(serialize.call(obj))
+    }
+    if (isWindow(window)) {
+        avalon.isWindow = isWindow
+    }
+    /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
+    avalon.isPlainObject = function(obj, key) {
+        if (!obj || avalon.type(obj) !== "object" || obj.nodeType || avalon.isWindow(obj)) {
+            return false;
+        }
+        try {//IE内置对象没有constructor
+            if (obj.constructor &&
+                    !ohasOwn.call(obj, "constructor") &&
+                    !ohasOwn.call(obj.constructor.prototype, "isPrototypeOf")) {
+                return false;
+            }
+        } catch (e) {//IE8 9会在这里抛错
+            return false;
+        }
+        for (key in obj) {
+        }
+        return key === undefined || ohasOwn.call(obj, key);
+    }
+    if (rnative.test(Object.getPrototypeOf)) {
+        avalon.isPlainObject = function(obj) {
+            return !!obj && typeof obj === "object" && Object.getPrototypeOf(obj) === oproto
+        }
+    }
+//与jQuery.extend方法，可用于浅拷贝，深拷贝
+    avalon.mix = avalon.fn.mix = function() {
+        var options, name, src, copy, copyIsArray, clone,
+                target = arguments[0] || {},
+                i = 1,
+                length = arguments.length,
+                deep = false
+
+        // 如果第一个参数为布尔,判定是否深拷贝
+        if (typeof target === "boolean") {
+            deep = target
+            target = arguments[1] || {}
+            i++
+        }
+
+//确保接受方为一个复杂的数据类型
+        if (typeof target !== "object" && avalon.type(target) !== "function") {
+            target = {}
+        }
+
+//如果只有一个参数，那么新成员添加于mix所在的对象上
+        if (i === length) {
+            target = this
+            i--
+        }
+
+        for (; i < length; i++) {
+//只处理非空参数
+            if ((options = arguments[i]) != null) {
+                for (name in options) {
+                    src = target[name]
+                    copy = options[name]
+
+                    // 防止环引用
+                    if (target === copy) {
+                        continue
+                    }
+                    if (deep && copy && (avalon.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
+
+                        if (copyIsArray) {
+                            copyIsArray = false
+                            clone = src && Array.isArray(src) ? src : []
+
+                        } else {
+                            clone = src && avalon.isPlainObject(src) ? src : {}
+                        }
+
+                        target[name] = avalon.mix(deep, clone, copy)
+                    } else if (copy !== void 0) {
+                        target[name] = copy
+                    }
+                }
+            }
+        }
+        return target
+    }
+
+    function _number(a, len) { //用于模拟slice, splice的效果
+        a = Math.floor(a) || 0
+        return a < 0 ? Math.max(len + a, 0) : Math.min(a, len);
+    }
+    avalon.mix({
+        rword: rword,
+        subscribers: subscribers,
+        version: 1.36,
+        ui: {},
+        log: log,
+        slice: W3C ? function(nodes, start, end) {
+            return aslice.call(nodes, start, end)
+        } : function(nodes, start, end) {
+            var ret = []
+            var len = nodes.length
+            if (end === void 0)
+                end = len
+            if (typeof end === "number" && isFinite(end)) {
+                start = _number(start, len)
+                end = _number(end, len)
+                for (var i = start; i < end; ++i) {
+                    ret[i - start] = nodes[i]
+                }
+            }
+            return ret
+        },
+        noop: noop,
+        /*如果不用Error对象封装一下，str在控制台下可能会乱码*/
+        error: function(str, e) {
+            throw new (e || Error)(str)
+        },
+        /*将一个以空格或逗号隔开的字符串或数组,转换成一个键值都为1的对象*/
+        oneObject: oneObject,
+        /* avalon.range(10)
+         => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+         avalon.range(1, 11)
+         => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+         avalon.range(0, 30, 5)
+         => [0, 5, 10, 15, 20, 25]
+         avalon.range(0, -10, -1)
+         => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
+         avalon.range(0)
+         => []*/
+        range: function(start, end, step) { // 用于生成整数数组
+            step || (step = 1)
+            if (end == null) {
+                end = start || 0
+                start = 0
+            }
+            var index = -1,
+                    length = Math.max(0, Math.ceil((end - start) / step)),
+                    result = Array(length)
+            while (++index < length) {
+                result[index] = start
+                start += step
+            }
+            return result
+        },
+        eventHooks: {},
+        /*绑定事件*/
+        bind: function(el, type, fn, phase) {
+            var hooks = avalon.eventHooks
+            var hook = hooks[type]
+            if (typeof hook === "object") {
+                type = hook.type
+                if (hook.deel) {
+                    fn = hook.deel(el, fn)
+                }
+            }
+            var callback = W3C ? fn : function(e) {
+                fn.call(el, fixEvent(e));
+            }
+            if (W3C) {
+                el.addEventListener(type, callback, !!phase)
+            } else {
+                el.attachEvent("on" + type, callback)
+            }
+            return callback
+        },
+        /*卸载事件*/
+        unbind: function(el, type, fn, phase) {
+            var hooks = avalon.eventHooks
+            var hook = hooks[type]
+            var callback = fn || noop
+            if (typeof hook === "object") {
+                type = hook.type
+            }
+            if (W3C) {
+                el.removeEventListener(type, callback, !!phase)
+            } else {
+                el.detachEvent("on" + type, callback)
+            }
+        },
+        /*读写删除元素节点的样式*/
+        css: function(node, name, value) {
+            if (node instanceof avalon) {
+                node = node[0]
+            }
+            var prop = /[_-]/.test(name) ? camelize(name) : name
+            name = avalon.cssName(prop) || prop
+            if (value === void 0 || typeof value === "boolean") { //获取样式
+                var fn = cssHooks[prop + ":get"] || cssHooks["@:get"]
+                var val = fn(node, name)
+                return value === true ? parseFloat(val) || 0 : val
+            } else if (value === "") { //请除样式
+                node.style[name] = ""
+            } else { //设置样式
+                if (value == null || value !== value) {
+                    return
+                }
+                if (isFinite(value) && !avalon.cssNumber[prop]) {
+                    value += "px"
+                }
+                fn = cssHooks[prop + ":set"] || cssHooks["@:set"]
+                fn(node, name, value)
+            }
+        },
+        /*遍历数组与对象,回调的第一个参数为索引或键名,第二个或元素或键值*/
+        each: function(obj, fn) {
+            if (obj) { //排除null, undefined
+                var i = 0
+                if (isArrayLike(obj)) {
+                    for (var n = obj.length; i < n; i++) {
+                        fn(i, obj[i])
+                    }
+                } else {
+                    for (i in obj) {
+                        if (obj.hasOwnProperty(i)) {
+                            fn(i, obj[i])
+                        }
+                    }
+                }
+            }
+        },
+        //收集元素的data-{{prefix}}-*属性，并转换为对象
+        getWidgetData: function(elem, prefix) {
+            var raw = avalon(elem).data()
+            var result = {}
+            for (var i in raw) {
+                if (i.indexOf(prefix) === 0) {
+                    result[i.replace(prefix, "").replace(/\w/, function(a) {
+                        return a.toLowerCase()
+                    })] = raw[i]
+                }
+            }
+            return result
+        },
+        Array: {
+            /*只有当前数组不存在此元素时只添加它*/
+            ensure: function(target, item) {
+                if (target.indexOf(item) === -1) {
+                    return target.push(item)
+                }
+            },
+            /*移除数组中指定位置的元素，返回布尔表示成功与否*/
+            removeAt: function(target, index) {
+                return !!target.splice(index, 1).length
+            },
+            /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
+            remove: function(target, item) {
+                var index = target.indexOf(item)
+                if (~index)
+                    return avalon.Array.removeAt(target, index)
+                return false
+            }
+        }
+    })
+
+    /*判定类数组,如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
+    function isArrayLike(obj) {
+        if (obj && typeof obj === "object" && !avalon.isWindow(obj)) {
+            var n = obj.length
+            if (+n === n && !(n % 1) && n >= 0) { //检测length属性是否为非负整数
+                try {
+                    if ({}.propertyIsEnumerable.call(obj, "length") === false) { //如果是原生对象
+                        return Array.isArray(obj) || /^\s?function/.test(obj.item || obj.callee)
+                    }
+                    return true
+                } catch (e) { //IE的NodeList直接抛错
+                    return true
+                }
+            }
+        }
+        return false
+    }
+    /*视浏览器情况采用最快的异步回调(在avalon.ready里，还有一个分支，用于处理IE6-9)*/
+    avalon.nextTick = window.setImmediate ? setImmediate.bind(window) : function(callback) {
+        setTimeout(callback, 0) //IE10-11 or W3C
+    }
+
+    /*********************************************************************
+     *                           modelFactory                             *
+     **********************************************************************/
+    //avalon最核心的方法的两个方法之一（另一个是avalon.scan），返回一个ViewModel(VM)
+    var VMODELS = avalon.vmodels = {}//所有vmodel都储存在这里
+    avalon.define = function(id, factory) {
+        var $id = id.$id || id
+        if (!$id) {
+            log("warning: vm必须指定$id")
+        }
+        if (VMODELS[id]) {
+            log("warning: " + $id + " 已经存在于avalon.vmodels中")
+        }
+        if (typeof id === "object") {
+            var model = modelFactory(id)
+        } else {
+            var scope = {
+                $watch: noop
+            }
+            factory(scope) //得到所有定义
+            model = modelFactory(scope) //偷天换日，将scope换为model
+            stopRepeatAssign = true
+            factory(model)
+            stopRepeatAssign = false
+        }
+        model.$id = $id
+        return VMODELS[$id] = model
+    }
+
+    //一些不需要被监听的属性
+    var $$skipArray = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray").match(rword)
+    function isObservable(name, value, $skipArray) {
+        if (isFunction(value) || value && value.nodeType) {
+            return false
+        }
+        if ($skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        if ($$skipArray.indexOf(name) !== -1) {
+            return false
+        }
+        var $special = $skipArray.$special
+        if (name && name.charAt(0) === "$" && !$special[name]) {
+            return false
+        }
+        return true
+    }
+
+    function modelFactory($scope, $special) {
+        if (Array.isArray($scope)) {
+            var arr = $scope.concat()
+            $scope.length = 0
+            var collection = Collection($scope)
+            collection.pushArray(arr)
+            return collection
+        }
+        if (typeof $scope.nodeType === "number") {
+            return $scope
+        }
+        if ($scope.$id && $scope.$model && $scope.$events) {//fix IE6-8 createWithProxy $val: val引发的BUG
+            return $scope
+        }
+        if (!Array.isArray($scope.$skipArray)) {
+            $scope.$skipArray = []
+        }
+        $scope.$skipArray.$special = $special || {}//强制要监听的属性
+        var $vmodel = {} //要返回的对象, 它在IE6-8下可能被偷龙转凤
+        var $model = {}  //vmodels.$model属性
+        var $events = {} //vmodel.$events属性
+        var watchedProperties = {} //监控属性
+        var computedProperties = []  //计算属性
+        for (var i in $scope) {
+            (function(name, val) {
+                $model[name] = val
+                if (!isObservable(name, val, $scope.$skipArray)) {
+                    return  //过滤所有非监控属性
+                }
+                //总共产生三种accessor
+                var accessor
+                var valueType = avalon.type(val)
+                $events[name] = []
+                //总共产生三种accessor
+                if (valueType === "object" && isFunction(val.get) && Object.keys(val).length <= 2) {
+                    var setter = val.set
+                    var getter = val.get
+                    //第1种对应计算属性， 因变量，通过其他监控属性触发其改变
+                    accessor = function(newValue) {
+                        var $events = $vmodel.$events
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (isFunction(setter)) {
+                                var backup = $events[name]
+                                $events[name] = [] //清空回调，防止内部冒泡而触发多次$fire
+                                setter.call($vmodel, newValue)
+                                $events[name] = backup
+                            }
+                        } else {
+                            if (avalon.openComputedCollect) { // 收集视图刷新函数
+                                collectSubscribers($events[name])
+                            }
+                        }
+                        newValue = $model[name] = getter.call($vmodel) //同步$model
+                        if (!isEqual(oldValue, newValue)) {
+                            withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步循环绑定中的代理VM
+                            notifySubscribers($events[name]) //同步视图
+                            safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                        }
+                        return newValue
+                    }
+                    computedProperties.push(function() {
+                        Registry[expose] = {
+                            evaluator: accessor,
+                            element: head,
+                            type: "computed::" + name,
+                            handler: noop,
+                            args: []
+                        }
+                        accessor()
+                        collectSubscribers($events[name])
+                        delete Registry[expose]
+                    })
+                } else if (rcomplexType.test(valueType)) {
+                    //第2种对应子ViewModel或监控数组 
+                    accessor = function(newValue) {
+                        var childVmodel = accessor.child
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (stopRepeatAssign) {
+                                return
+                            }
+                            if (!isEqual(oldValue, newValue)) {
+                                childVmodel = accessor.child = updateChild($vmodel, name, newValue, valueType)
+                                newValue = $model[name] = childVmodel.$model //同步$model
+                                var fn = rebindings[childVmodel.$id]
+                                fn && fn() //同步视图
+                                safeFire($vmodel, name, newValue, oldValue)  //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name]) //收集视图函数
+                            return childVmodel
+                        }
+                    }
+                    var childVmodel = accessor.child = modelFactory(val)
+                    childVmodel.$events[subscribers] = $events[name]
+                    $model[name] = childVmodel.$model
+                } else {
+                    //第3种对应简单的数据类型，自变量，监控属性
+                    accessor = function(newValue) {
+                        var oldValue = $model[name]
+                        if (arguments.length) {
+                            if (!isEqual(oldValue, newValue)) {
+                                $model[name] = newValue //同步$model
+                                withProxyCount && updateWithProxy($vmodel.$id, name, newValue) //同步代理VM
+                                notifySubscribers($events[name]) //同步视图
+                                safeFire($vmodel, name, newValue, oldValue) //触发$watch回调
+                            }
+                        } else {
+                            collectSubscribers($events[name])
+                            return oldValue
+                        }
+                    }
+                }
+                watchedProperties[name] = accessor
+            })(i, $scope[i])
+        }
+        $$skipArray.forEach(function(name) {
+            $scope[name] = true //为用户定义的对象再添加一些特殊属性
+            delete $model[name]  //这些特殊属性不应该在$model中出现
+        })
+
+        $vmodel = defineProperties($vmodel, descriptorFactory(watchedProperties), $scope) //生成一个空的ViewModel
+        for (var name in $scope) {
+            if (!watchedProperties[name]) {
+                $vmodel[name] = $scope[name]
+            }
+        }
+        //添加$id, $model, $events, $watch, $unwatch, $fire
+        $vmodel.$id = generateID()
+        $vmodel.$model = $model
+        $vmodel.$events = $events
+        for (var i in EventManager) {
+            var fn = EventManager [i]
+            if (!W3C) { //在IE6-8下，VB对象的方法里的this并不指向自身，需要用bind处理一下
+                fn = fn.bind($vmodel)
+            }
+            $vmodel[i] = fn
+        }
+
+        $vmodel.hasOwnProperty = function(name) {
+            return name in $vmodel.$model
+        }
+        computedProperties.forEach(function(collect) {//收集依赖
+            collect()
+        })
+        return $vmodel
+    }
+
+    //比较两个值是否相等
+    var isEqual = Object.is || function(v1, v2) {
+        if (v1 === 0 && v2 === 0) {
+            return 1 / v1 === 1 / v2
+        } else if (v1 !== v1) {
+            return v2 !== v2
+        } else {
+            return v1 === v2
+        }
+    }
+
+    function safeFire(a, b, c, d) {
+        if (a.$events) {
+            EventManager.$fire.call(a, b, c, d)
+        }
+    }
+    var descriptorFactory = W3C ? function(obj) {
+        var descriptors = {}
+        for (var i in obj) {
+            descriptors[i] = {
+                get: obj[i],
+                set: obj[i],
+                enumerable: true,
+                configurable: true
+            }
+        }
+        return descriptors
+    } : function(a) {
+        return a
+    }
+
+    //ms-with, ms-repeat绑定生成的代理对象储存池
+    var withProxyPool = {}
+    var withProxyCount = 0
+    var rebindings = {}
+
+    function updateWithProxy($id, name, val) {
+        var pool = withProxyPool[$id]
+        if (pool && pool[name]) {
+            pool[name].$val = val
+        }
+    }
+    //应用于第2种accessor
+    function updateChild(parent, name, value, valueType) {
+        //a为原来的VM， b为新数组或新对象
+        var son = parent[name]
+        if (valueType === "array") {
+            if (!Array.isArray(value)) {
+                return parent //fix https://github.com/RubyLouvre/avalon/issues/261
+            }
+            son.clear()
+            son.pushArray(value.concat())
+            return son
+        } else {
+            var iterators = parent.$events[name]
+            if (withProxyPool[son.$id]) {
+                withProxyCount--
+                delete withProxyPool[son.$id]
+            }
+            var ret = modelFactory(value)
+            rebindings[ret.$id] = function(data) {
+                while (data = iterators.shift()) {
+                    (function(el) {
+                        if (el.type) { //重新绑定
+                            avalon.nextTick(function() {
+                                el.rollback && el.rollback() //还原 ms-with ms-on
+                                bindingHandlers[el.type](el, el.vmodels)
+                            })
+                        }
+                    })(data)
+                }
+                delete rebindings[ret.$id]
+            }
+            return ret
+        }
+    }
+
+    //===================修复浏览器对Object.defineProperties的支持=================
+    var defineProperty = Object.defineProperty
+    //如果浏览器不支持ecma262v5的Object.defineProperties或者存在BUG，比如IE8
+    //标准浏览器使用__defineGetter__, __defineSetter__实现
+    try {
+        defineProperty({}, "_", {
+            value: "x"
+        })
+        var defineProperties = Object.defineProperties
+    } catch (e) {
+        if ("__defineGetter__" in avalon) {
+            defineProperty = function(obj, prop, desc) {
+                if ('value' in desc) {
+                    obj[prop] = desc.value
+                }
+                if ("get" in desc) {
+                    obj.__defineGetter__(prop, desc.get)
+                }
+                if ('set' in desc) {
+                    obj.__defineSetter__(prop, desc.set)
+                }
+                return obj
+            }
+            defineProperties = function(obj, descs) {
+                for (var prop in descs) {
+                    if (descs.hasOwnProperty(prop)) {
+                        defineProperty(obj, prop, descs[prop])
+                    }
+                }
+                return obj
+            }
+        }
+    }
+    //IE6-8使用VBScript类的set get语句实现
+    if (!defineProperties && window.VBArray) {
+        window.execScript([
+            "Function parseVB(code)",
+            "\tExecuteGlobal(code)",
+            "End Function",
+            "Dim VBClassBodies",
+            "Set VBClassBodies=CreateObject(\"Scripting.Dictionary\")",
+            "Function findOrDefineVBClass(name,body)",
+            "\tDim found",
+            "\tfound=\"\"",
+            "\tFor Each key in VBClassBodies",
+            "\t\tIf body=VBClassBodies.Item(key) Then",
+            "\t\t\tfound=key",
+            "\t\t\tExit For",
+            "\t\tEnd If",
+            "\tnext",
+            "\tIf found=\"\" Then",
+            "\t\tparseVB(\"Class \" + name + body)",
+            "\t\tVBClassBodies.Add name, body",
+            "\t\tfound=name",
+            "\tEnd If",
+            "\tfindOrDefineVBClass=found",
+            "End Function"
+        ].join("\n"), "VBScript")
+
+        function VBMediator(accessingProperties, name, value) {
+            var accessor = accessingProperties[name]
+            if (typeof accessor === "function") {
+                if (arguments.length === 3) {
+                    accessor(value)
+                } else {
+                    return accessor()
+                }
+            }
+        }
+        defineProperties = function(name, accessors, properties) {
+            var className = "VBClass" + setTimeout("1"),
+                    buffer = []
+            buffer.push(
+                    "\r\n\tPrivate [__data__], [__proxy__]",
+                    "\tPublic Default Function [__const__](d, p)",
+                    "\t\tSet [__data__] = d: set [__proxy__] = p",
+                    "\t\tSet [__const__] = Me", //链式调用
+                    "\tEnd Function")
+            //添加普通属性,因为VBScript对象不能像JS那样随意增删属性，必须在这里预先定义好
+            for (name in properties) {
+                if (!accessors.hasOwnProperty(name)) {
+                    buffer.push("\tPublic [" + name + "]")
+                }
+            }
+            buffer.push("\tPublic [" + 'hasOwnProperty' + "]")
+            //添加访问器属性 
+            for (name in accessors) {
+                buffer.push(
+                        //由于不知对方会传入什么,因此set, let都用上
+                        "\tPublic Property Let [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Set [" + name + "](val" + expose + ")", //setter
+                        "\t\tCall [__proxy__]([__data__], \"" + name + "\", val" + expose + ")",
+                        "\tEnd Property",
+                        "\tPublic Property Get [" + name + "]", //getter
+                        "\tOn Error Resume Next", //必须优先使用set语句,否则它会误将数组当字符串返回
+                        "\t\tSet[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tIf Err.Number <> 0 Then",
+                        "\t\t[" + name + "] = [__proxy__]([__data__],\"" + name + "\")",
+                        "\tEnd If",
+                        "\tOn Error Goto 0",
+                        "\tEnd Property")
+
+            }
+
+            buffer.push("End Class")
+            var code = buffer.join("\r\n"),
+                    realClassName = window['findOrDefineVBClass'](className, code) //如果该VB类已定义，返回类名。否则用className创建一个新类。
+            if (realClassName === className) {
+                window.parseVB([
+                    "Function " + className + "Factory(a, b)", //创建实例并传入两个关键的参数
+                    "\tDim o",
+                    "\tSet o = (New " + className + ")(a, b)",
+                    "\tSet " + className + "Factory = o",
+                    "End Function"
+                ].join("\r\n"))
+            }
+            var ret = window[realClassName + "Factory"](accessors, VBMediator) //得到其产品
+            return ret //得到其产品
+        }
+    }
+    /*********************************************************************
+     *                         javascript 底层补丁                       *
+     **********************************************************************/
+    if (!"司徒正美".trim) {
+        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g
+        String.prototype.trim = function() {
+            return this.replace(rtrim, "")
+        }
+    }
+    var hasDontEnumBug = !({'toString': null}).propertyIsEnumerable('toString'),
+            hasProtoEnumBug = (function() {
+            }).propertyIsEnumerable('prototype'),
+            dontEnums = [
+                "toString",
+                "toLocaleString",
+                "valueOf",
+                "hasOwnProperty",
+                "isPrototypeOf",
+                "propertyIsEnumerable",
+                "constructor"
+            ],
+            dontEnumsLength = dontEnums.length;
+    if (!Object.keys) {
+        Object.keys = function(object) { //ecma262v5 15.2.3.14
+            var theKeys = [];
+            var skipProto = hasProtoEnumBug && typeof object === "function"
+            if (typeof object === "string" || (object && object.callee)) {
+                for (var i = 0; i < object.length; ++i) {
+                    theKeys.push(String(i))
+                }
+            } else {
+                for (var name in object) {
+                    if (!(skipProto && name === "prototype") && ohasOwn.call(object, name)) {
+                        theKeys.push(String(name))
+                    }
+                }
+            }
+
+            if (hasDontEnumBug) {
+                var ctor = object.constructor,
+                        skipConstructor = ctor && ctor.prototype === object;
+                for (var j = 0; j < dontEnumsLength; j++) {
+                    var dontEnum = dontEnums[j]
+                    if (!(skipConstructor && dontEnum === "constructor") && ohasOwn.call(object, dontEnum)) {
+                        theKeys.push(dontEnum)
+                    }
+                }
+            }
+            return theKeys
+        }
+    }
+    if (!Array.isArray) {
+        Array.isArray = function(a) {
+            return serialize.call(a) === "[object Array]"
+        }
+    }
+
+    if (!noop.bind) {
+        Function.prototype.bind = function(scope) {
+            if (arguments.length < 2 && scope === void 0)
+                return this
+            var fn = this,
+                    argv = arguments
+            return function() {
+                var args = [],
+                        i
+                for (i = 1; i < argv.length; i++)
+                    args.push(argv[i])
+                for (i = 0; i < arguments.length; i++)
+                    args.push(arguments[i])
+                return fn.apply(scope, args)
+            }
+        }
+    }
+
+    function iterator(vars, body, ret) {
+        var fun = 'for(var ' + vars + 'i=0,n = this.length; i < n; i++){' + body.replace('_', '((i in this) && fn.call(scope,this[i],i,this))') + '}' + ret
+        return Function("fn,scope", fun)
+    }
+    if (!rnative.test([].map)) {
+        avalon.mix(ap, {
+            //定位操作，返回数组中第一个等于给定参数的元素的索引值。
+            indexOf: function(item, index) {
+                var n = this.length,
+                        i = ~~index
+                if (i < 0)
+                    i += n
+                for (; i < n; i++)
+                    if (this[i] === item)
+                        return i
+                return -1
+            },
+            //定位操作，同上，不过是从后遍历。
+            lastIndexOf: function(item, index) {
+                var n = this.length,
+                        i = index == null ? n - 1 : index
+                if (i < 0)
+                    i = Math.max(0, n + i)
+                for (; i >= 0; i--)
+                    if (this[i] === item)
+                        return i
+                return -1
+            },
+            //迭代操作，将数组的元素挨个儿传入一个函数中执行。Prototype.js的对应名字为each。
+            forEach: iterator("", '_', ""),
+            //迭代类 在数组中的每个项上运行一个函数，如果此函数的值为真，则此元素作为新数组的元素收集起来，并返回新数组
+            filter: iterator('r=[],j=0,', 'if(_)r[j++]=this[i]', 'return r'),
+            //收集操作，将数组的元素挨个儿传入一个函数中执行，然后把它们的返回值组成一个新数组返回。Prototype.js的对应名字为collect。
+            map: iterator('r=[],', 'r[i]=_', 'return r'),
+            //只要数组中有一个元素满足条件（放进给定函数返回true），那么它就返回true。Prototype.js的对应名字为any。
+            some: iterator("", 'if(_)return true', 'return false'),
+            //只有数组中的元素都满足条件（放进给定函数返回true），它才返回true。Prototype.js的对应名字为all。
+            every: iterator("", 'if(!_)return false', 'return true')
+        })
+    }
+    /*********************************************************************
+     *                           DOM 底层补丁                             *
+     **********************************************************************/
+
+    function fixContains(root, el) {
+        try {//IE6-8,游离于DOM树外的文本节点，访问parentNode有时会抛错
+            while ((el = el.parentNode))
+                if (el === root)
+                    return true;
+            return false
+        } catch (e) {
+            return false
+        }
+    }
+
+    //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
+    if (!root.contains) {
+        Node.prototype.contains = function(arg) {
+            return !!(this.compareDocumentPosition(arg) & 16)
+        }
+    }
+    //IE6-11的文档对象没有contains
+    if (!DOC.contains) {
+        DOC.contains = function(b) {
+            return fixContains(DOC, b)
+        }
+    }
+    function outerHTML() {
+        return new XMLSerializer().serializeToString(this)
+    }
+
+
+    if (window.SVGElement) {
+        var svgns = "http://www.w3.org/2000/svg"
+        var svg = DOC.createElementNS(svgns, "svg")
+        svg.innerHTML = '<circle cx="50" cy="50" r="40" fill="red" />'
+        if (!rsvg.test(svg.firstChild)) {// #409
+            function enumerateNode(node, targetNode) {
+                if (node && node.childNodes) {
+                    var nodes = node.childNodes
+                    for (var i = 0, el; el = nodes[i++]; ) {
+                        if (el.tagName) {
+                            var svg = DOC.createElementNS(svgns,
+                                    el.tagName.toLowerCase())
+                            ap.forEach.call(el.attributes, function(attr) {
+                                svg.setAttribute(attr.name, attr.value)//复制属性
+                            })
+                            // 递归处理子节点
+                            enumerateNode(el, svg)
+                            targetNode.appendChild(svg)
+                        }
+                    }
+                }
+            }
+            Object.defineProperties(SVGElement.prototype, {
+                "outerHTML": {//IE9-11,firefox不支持SVG元素的innerHTML,outerHTML属性
+                    enumerable: true,
+                    configurable: true,
+                    get: outerHTML,
+                    set: function(html) {
+                        var tagName = this.tagName.toLowerCase(),
+                                par = this.parentNode,
+                                frag = avalon.parseHTML(html)
+                        // 操作的svg，直接插入
+                        if (tagName === "svg") {
+                            par.insertBefore(frag, this)
+                            // svg节点的子节点类似
+                        } else {
+                            var newFrag = DOC.createDocumentFragment()
+                            enumerateNode(frag, newFrag)
+                            par.insertBefore(newFrag, this)
+                        }
+                        par.removeChild(this)
+                    }
+                },
+                "innerHTML": {
+                    enumerable: true,
+                    configurable: true,
+                    get: function() {
+                        var s = this.outerHTML
+                        var ropen = new RegExp("<" + this.nodeName + '\\b(?:(["\'])[^"]*?(\\1)|[^>])*>', "i")
+                        var rclose = new RegExp("<\/" + this.nodeName + ">$", "i")
+                        return  s.replace(ropen, "").replace(rclose, "")
+                    },
+                    set: function(html) {
+                        if (avalon.clearHTM) {
+                            avalon.clearHTML(this)
+                            var frag = avalon.parseHTML(html)
+                            enumerateNode(frag, this)
+                        }
+                    }
+                }
+            })
+        }
+    }
+    if (!root.outerHTML && window.HTMLElement) { //firefox 到11时才有outerHTML
+        HTMLElement.prototype.__defineGetter__("outerHTML", outerHTML);
+    }
+
+    /*********************************************************************
+     *                           配置系统                                 *
+     **********************************************************************/
+    function kernel(settings) {
+        for (var p in settings) {
+            if (!ohasOwn.call(settings, p))
+                continue
+            var val = settings[p]
+            if (typeof kernel.plugins[p] === "function") {
+                kernel.plugins[p](val)
+            } else if (typeof kernel[p] === "object") {
+                avalon.mix(kernel[p], val)
+            } else {
+                kernel[p] = val
+            }
+        }
+        return this
+    }
+    var openTag, closeTag, rexpr, rexprg, rbind, rregexp = /[-.*+?^${}()|[\]\/\\]/g
+
+    function escapeRegExp(target) {
+        //http://stevenlevithan.com/regex/xregexp/
+        //将字符串安全格式化为正则表达式的源码
+        return (target + "").replace(rregexp, "\\$&")
+    }
+    var plugins = {
+        loader: function(builtin) {
+            window.define = builtin ? innerRequire.define : otherDefine
+            window.require = builtin ? innerRequire : otherRequire
+        },
+        interpolate: function(array) {
+            openTag = array[0]
+            closeTag = array[1]
+            if (openTag === closeTag) {
+                throw new SyntaxError("openTag!==closeTag")
+            } else if (array + "" === "<!--,-->") {
+                kernel.commentInterpolate = true
+            } else {
+                var test = openTag + "test" + closeTag
+                cinerator.innerHTML = test
+                if (cinerator.innerHTML !== test && cinerator.innerHTML.indexOf("&lt;") >= 0) {
+                    throw new SyntaxError("此定界符不合法")
+                }
+                cinerator.innerHTML = ""
+            }
+            var o = escapeRegExp(openTag),
+                    c = escapeRegExp(closeTag)
+            rexpr = new RegExp(o + "(.*?)" + c)
+            rexprg = new RegExp(o + "(.*?)" + c, "g")
+            rbind = new RegExp(o + ".*?" + c + "|\\sms-")
+        }
+    }
+
+    kernel.debug = true
+    kernel.plugins = plugins
+    kernel.plugins['interpolate'](["{{", "}}"])
+    kernel.paths = {}
+    kernel.shim = {}
+    kernel.maxRepeatSize = 100
+    avalon.config = kernel
+
+    /*********************************************************************
+     *                  avalon的原型方法定义区                            *
+     **********************************************************************/
+
+    function hyphen(target) {
+        //转换为连字符线风格
+        return target.replace(/([a-z\d])([A-Z]+)/g, "$1-$2").toLowerCase()
+    }
+
+    function camelize(target) {
+        //转换为驼峰风格
+        if (target.indexOf("-") < 0 && target.indexOf("_") < 0) {
+            return target //提前判断，提高getStyle等的效率
+        }
+        return target.replace(/[-_][^-_]/g, function(match) {
+            return match.charAt(1).toUpperCase()
+        })
+    }
+
+    var ClassListMethods = {
+        _toString: function() {
+            var node = this.node//IE6,7元素节点不存在hasAttribute方法
+            var cls = node.className
+            var str = typeof cls === "string" ? cls : cls.baseVal
+            return str.split(/\s+/).join(" ")
+        },
+        _contains: function(cls) {
+            return (" " + this + " ").indexOf(" " + cls + " ") > -1
+        },
+        _add: function(cls) {
+            if (!this.contains(cls)) {
+                this._set(this + " " + cls)
+            }
+        },
+        _remove: function(cls) {
+            this._set((" " + this + " ").replace(" " + cls + " ", " ").trim())
+        },
+        __set: function(cls) {
+            var node = this.node
+            if (typeof node.className === "string") {
+                node.className = cls
+            } else {//SVG元素的className是一个对象 SVGAnimatedString { baseVal="", animVal=""}，只能通过set/getAttribute操作
+                node.setAttribute("class", cls)
+            }
+        }//toggle存在版本差异，因此不使用它
+    }
+    function ClassList(node) {
+        if (!("classList" in node)) {
+            node.classList = {
+                node: node
+            }
+            for (var k in ClassListMethods) {
+                node.classList[k.slice(1)] = ClassListMethods[k]
+            }
+        }
+        return node.classList
+    }
+
+
+    "add,remove".replace(rword, function(method) {
+        avalon.fn[method + "Class"] = function(cls) {
+            var el = this[0]
+            //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
+            if (cls && typeof cls === "string" && el && el.nodeType === 1) {
+                cls.replace(/\S+/g, function(c) {
+                    ClassList(el)[method](c)
+                })
+            }
+            return this
+        }
+    })
+    avalon.fn.mix({
+        hasClass: function(cls) {
+            var el = this[0] || {}
+            return el.nodeType === 1 && ClassList(el).contains(cls)
+        },
+        toggleClass: function(value, stateVal) {
+            var className, i = 0
+            var classNames = value.split(/\s+/)
+            var isBool = typeof stateVal === "boolean"
+            while ((className = classNames[i++])) {
+                var state = isBool ? stateVal : !this.hasClass(className)
+                this[state ? "addClass" : "removeClass"](className)
+            }
+            return this
+        },
+        attr: function(name, value) {
+            if (arguments.length === 2) {
+                this[0].setAttribute(name, value)
+                return this
+            } else {
+                return this[0].getAttribute(name)
+            }
+        },
+        data: function(name, value) {
+            name = "data-" + hyphen(name || "")
+            switch (arguments.length) {
+                case 2:
+                    this.attr(name, value)
+                    return this
+                case 1:
+                    var val = this.attr(name)
+                    return parseData(val)
+                case 0:
+                    var ret = {}
+                    ap.forEach.call(this[0].attributes, function(attr) {
+                        if (attr) {
+                            name = attr.name
+                            if (!name.indexOf("data-")) {
+                                name = camelize(name.slice(5))
+                                ret[name] = parseData(attr.value)
+                            }
+                        }
+                    })
+                    return ret
+            }
+        },
+        removeData: function(name) {
+            name = "data-" + hyphen(name)
+            this[0].removeAttribute(name)
+            return this
+        },
+        css: function(name, value) {
+            if (avalon.isPlainObject(name)) {
+                for (var i in name) {
+                    avalon.css(this, i, name[i])
+                }
+            } else {
+                var ret = avalon.css(this, name, value)
+            }
+            return ret !== void 0 ? ret : this
+        },
+        position: function() {
+            var offsetParent, offset,
+                    elem = this[0],
+                    parentOffset = {
+                        top: 0,
+                        left: 0
+                    }
+            if (!elem) {
+                return
+            }
+            if (this.css("position") === "fixed") {
+                offset = elem.getBoundingClientRect()
+            } else {
+                offsetParent = this.offsetParent() //得到真正的offsetParent
+                offset = this.offset() // 得到正确的offsetParent
+                if (offsetParent[0].tagName !== "HTML") {
+                    parentOffset = offsetParent.offset()
+                }
+                parentOffset.top += avalon.css(offsetParent[0], "borderTopWidth", true)
+                parentOffset.left += avalon.css(offsetParent[0], "borderLeftWidth", true)
+            }
+            return {
+                top: offset.top - parentOffset.top - avalon.css(elem, "marginTop", true),
+                left: offset.left - parentOffset.left - avalon.css(elem, "marginLeft", true)
+            }
+        },
+        offsetParent: function() {
+            var offsetParent = this[0].offsetParent || root
+            while (offsetParent && (offsetParent.tagName !== "HTML") && avalon.css(offsetParent, "position") === "static") {
+                offsetParent = offsetParent.offsetParent
+            }
+            return avalon(offsetParent || root)
+        },
+        bind: function(type, fn, phase) {
+            if (this[0]) { //此方法不会链
+                return avalon.bind(this[0], type, fn, phase)
+            }
+        },
+        unbind: function(type, fn, phase) {
+            if (this[0]) {
+                avalon.unbind(this[0], type, fn, phase)
+            }
+            return this
+        },
+        val: function(value) {
+            var node = this[0]
+            if (node && node.nodeType === 1) {
+                var get = arguments.length === 0
+                var access = get ? ":get" : ":set"
+                var fn = valHooks[getValType(node) + access]
+                if (fn) {
+                    var val = fn(node, value)
+                } else if (get) {
+                    return (node.value || "").replace(/\r/g, "")
+                } else {
+                    node.value = value
+                }
+            }
+            return get ? val : this
+        }
+    })
+
+    function parseData(data) {
+        try {
+            data = data === "true" ? true :
+                    data === "false" ? false :
+                    data === "null" ? null : +data + "" === data ? +data : rbrace.test(data) ? avalon.parseJSON(data) : data
+        } catch (e) {
+        }
+        return data
+    }
+    var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+            rvalidchars = /^[\],:{}\s]*$/,
+            rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+            rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+            rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g
+    avalon.parseJSON = window.JSON ? JSON.parse : function(data) {
+        if (typeof data === "string") {
+            data = data.trim();
+            if (data) {
+                if (rvalidchars.test(data.replace(rvalidescape, "@")
+                        .replace(rvalidtokens, "]")
+                        .replace(rvalidbraces, ""))) {
+                    return (new Function("return " + data))();
+                }
+            }
+            avalon.error("Invalid JSON: " + data);
+        }
+    }
+
+    //生成avalon.fn.scrollLeft, avalon.fn.scrollTop方法
+    avalon.each({
+        scrollLeft: "pageXOffset",
+        scrollTop: "pageYOffset"
+    }, function(method, prop) {
+        avalon.fn[method] = function(val) {
+            var node = this[0] || {}, win = getWindow(node),
+                    top = method === "scrollTop"
+            if (!arguments.length) {
+                return win ? (prop in win) ? win[prop] : root[method] : node[method]
+            } else {
+                if (win) {
+                    win.scrollTo(!top ? val : avalon(win).scrollLeft(), top ? val : avalon(win).scrollTop())
+                } else {
+                    node[method] = val
+                }
+            }
+        }
+    })
+
+    function getWindow(node) {
+        return node.window && node.document ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;
+    }
+    //=============================css相关=======================
+    var cssHooks = avalon.cssHooks = {}
+    var prefixes = ["", "-webkit-", "-o-", "-moz-", "-ms-"]
+    var cssMap = {
+        "float": "cssFloat",
+        background: "backgroundColor"
+    }
+    avalon.cssNumber = oneObject("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom")
+
+    avalon.cssName = function(name, host, camelCase) {
+        if (cssMap[name]) {
+            return cssMap[name]
+        }
+        host = host || root.style
+        for (var i = 0, n = prefixes.length; i < n; i++) {
+            camelCase = camelize(prefixes[i] + name)
+            if (camelCase in host) {
+                return (cssMap[name] = camelCase)
+            }
+        }
+        return null
+    }
+    cssHooks["@:set"] = function(node, name, value) {
+        try { //node.style.width = NaN;node.style.width = "xxxxxxx";node.style.width = undefine 在旧式IE下会抛异常
+            node.style[name] = value
+        } catch (e) {
+        }
+    }
+    if (window.getComputedStyle) {
+        cssHooks["@:get"] = function(node, name) {
+            if (!node || !node.style) {
+                throw new Error("getComputedStyle要求传入一个节点 " + node)
+            }
+            var ret, styles = getComputedStyle(node, null)
+            if (styles) {
+                ret = name === "filter" ? styles.getPropertyValue(name) : styles[name]
+                if (ret === "") {
+                    ret = node.style[name] //其他浏览器需要我们手动取内联样式
+                }
+            }
+            return ret
+        }
+        cssHooks["opacity:get"] = function(node) {
+            var ret = cssHooks["@:get"](node, "opacity")
+            return ret === "" ? "1" : ret
+        }
+    } else {
+        var rnumnonpx = /^-?(?:\d*\.)?\d+(?!px)[^\d\s]+$/i
+        var rposition = /^(top|right|bottom|left)$/
+        var ralpha = /alpha\([^)]*\)/i
+        var ie8 = !!window.XDomainRequest
+        var salpha = "DXImageTransform.Microsoft.Alpha"
+        var border = {
+            thin: ie8 ? '1px' : '2px',
+            medium: ie8 ? '3px' : '4px',
+            thick: ie8 ? '5px' : '6px'
+        }
+        cssHooks["@:get"] = function(node, name) {
+            //取得精确值，不过它有可能是带em,pc,mm,pt,%等单位
+            var currentStyle = node.currentStyle
+            var ret = currentStyle[name]
+            if ((rnumnonpx.test(ret) && !rposition.test(ret))) {
+                //①，保存原有的style.left, runtimeStyle.left,
+                var style = node.style,
+                        left = style.left,
+                        rsLeft = node.runtimeStyle.left
+                //②由于③处的style.left = xxx会影响到currentStyle.left，
+                //因此把它currentStyle.left放到runtimeStyle.left，
+                //runtimeStyle.left拥有最高优先级，不会style.left影响
+                node.runtimeStyle.left = currentStyle.left
+                //③将精确值赋给到style.left，然后通过IE的另一个私有属性 style.pixelLeft
+                //得到单位为px的结果；fontSize的分支见http://bugs.jquery.com/ticket/760
+                style.left = name === 'fontSize' ? '1em' : (ret || 0)
+                ret = style.pixelLeft + "px"
+                //④还原 style.left，runtimeStyle.left
+                style.left = left
+                node.runtimeStyle.left = rsLeft
+            }
+            if (ret === "medium") {
+                name = name.replace("Width", "Style")
+                //border width 默认值为medium，即使其为0"
+                if (currentStyle[name] === "none") {
+                    ret = "0px"
+                }
+            }
+            return ret === "" ? "auto" : border[ret] || ret
+        }
+        cssHooks["opacity:set"] = function(node, name, value) {
+            var style = node.style
+            var opacity = isFinite(value) && value <= 1 ? "alpha(opacity=" + value * 100 + ")" : ""
+            var filter = style.filter || "";
+            style.zoom = 1
+            //不能使用以下方式设置透明度
+            //node.filters.alpha.opacity = value * 100
+            style.filter = (ralpha.test(filter) ?
+                    filter.replace(ralpha, opacity) :
+                    filter + " " + opacity).trim()
+            if (!style.filter) {
+                style.removeAttribute("filter")
+            }
+        }
+        cssHooks["opacity:get"] = function(node) {
+            //这是最快的获取IE透明值的方式，不需要动用正则了！
+            var alpha = node.filters.alpha || node.filters[salpha],
+                    op = alpha && alpha.enabled ? alpha.opacity : 100
+            return (op / 100) + "" //确保返回的是字符串
+        }
+    }
+
+    "top,left".replace(rword, function(name) {
+        cssHooks[name + ":get"] = function(node) {
+            var computed = cssHooks["@:get"](node, name)
+            return /px$/.test(computed) ? computed :
+                    avalon(node).position()[name] + "px"
+        }
+    })
+
+    var cssShow = {
+        position: "absolute",
+        visibility: "hidden",
+        display: "block"
+    }
+
+    var rdisplayswap = /^(none|table(?!-c[ea]).+)/
+
+    function showHidden(node, array) {
+        //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
+        if (node.offsetWidth <= 0) { //opera.offsetWidth可能小于0
+            if (rdisplayswap.test(cssHooks["@:get"](node, "display"))) {
+                var obj = {
+                    node: node
+                }
+                for (var name in cssShow) {
+                    obj[name] = node.style[name]
+                    node.style[name] = cssShow[name]
+                }
+                array.push(obj)
+            }
+            var parent = node.parentNode
+            if (parent && parent.nodeType === 1) {
+                showHidden(parent, array)
+            }
+        }
+    }
+    "Width,Height".replace(rword, function(name) {//fix 481
+        var method = name.toLowerCase(),
+                clientProp = "client" + name,
+                scrollProp = "scroll" + name,
+                offsetProp = "offset" + name
+        cssHooks[method + ":get"] = function(node, which, override) {
+            var boxSizing = -4
+            if (typeof override === "number") {
+                boxSizing = override
+            }
+            which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
+            var ret = node[offsetProp]   // border-box 0
+            if (boxSizing === 2) {       // margin-box 2
+                return ret
+                        + avalon.css(node, "margin" + which[0], true)
+                        + avalon.css(node, "margin" + which[1], true)
+            }
+            if (boxSizing < 0) {        // padding-box  -2
+                ret = ret
+                        - avalon.css(node, "border" + which[0] + "Width", true)
+                        - avalon.css(node, "border" + which[1] + "Width", true)
+            }
+            if (boxSizing === -4) {     // content-box -4
+                ret = ret
+                        - avalon.css(node, "padding" + which[0], true)
+                        - avalon.css(node, "padding" + which[1], true)
+            }
+            return ret
+        }
+        cssHooks[method + "&get"] = function(node) {
+            var hidden = [];
+            showHidden(node, hidden);
+            var val = cssHooks[method + ":get"](node)
+            for (var i = 0, obj; obj = hidden[i++]; ) {
+                node = obj.node
+                for (var n in obj) {
+                    if (typeof obj[n] === "string") {
+                        node.style[n] = obj[n]
+                    }
+                }
+            }
+            return val;
+        }
+        avalon.fn[method] = function(value) { //会忽视其display
+            var node = this[0]
+            if (arguments.length === 0) {
+                if (node.setTimeout) { //取得窗口尺寸,IE9后可以用node.innerWidth /innerHeight代替
+                    return node["inner" + name] || node.document.documentElement[clientProp]
+                }
+                if (node.nodeType === 9) { //取得页面尺寸
+                    var doc = node.documentElement
+                    //FF chrome    html.scrollHeight< body.scrollHeight
+                    //IE 标准模式 : html.scrollHeight> body.scrollHeight
+                    //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
+                    return Math.max(node.body[scrollProp], doc[scrollProp], node.body[offsetProp], doc[offsetProp], doc[clientProp])
+                }
+                return cssHooks[method + "&get"](node)
+            } else {
+                return this.css(method, value)
+            }
+        }
+        avalon.fn["inner" + name] = function() {
+            return cssHooks[method + ":get"](this[0], void 0, -2)
+        }
+        avalon.fn["outer" + name] = function(includeMargin) {
+            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
+        }
+    })
+    avalon.fn.offset = function() { //取得距离页面左右角的坐标
+        var node = this[0], box = {
+            left: 0,
+            top: 0
+        }
+        if (!node || !node.tagName || !node.ownerDocument) {
+            return box
+        }
+        var doc = node.ownerDocument,
+                body = doc.body,
+                root = doc.documentElement,
+                win = doc.defaultView || doc.parentWindow
+        if (!avalon.contains(root, node)) {
+            return box
+        }
+        //http://hkom.blog1.fc2.com/?mode=m&no=750 body的偏移量是不包含margin的
+        //我们可以通过getBoundingClientRect来获得元素相对于client的rect.
+        //http://msdn.microsoft.com/en-us/library/ms536433.aspx
+        if (node.getBoundingClientRect) {
+            box = node.getBoundingClientRect() // BlackBerry 5, iOS 3 (original iPhone)
+        }
+        //chrome/IE6: body.scrollTop, firefox/other: root.scrollTop
+        var clientTop = root.clientTop || body.clientTop,
+                clientLeft = root.clientLeft || body.clientLeft,
+                scrollTop = Math.max(win.pageYOffset || 0, root.scrollTop, body.scrollTop),
+                scrollLeft = Math.max(win.pageXOffset || 0, root.scrollLeft, body.scrollLeft)
+        // 把滚动距离加到left,top中去。
+        // IE一些版本中会自动为HTML元素加上2px的border，我们需要去掉它
+        // http://msdn.microsoft.com/en-us/library/ms533564(VS.85).aspx
+        return {
+            top: box.top + scrollTop - clientTop,
+            left: box.left + scrollLeft - clientLeft
+        }
+    }
+
+    //==================================val相关============================
+
+    function getValType(el) {
+        var ret = el.tagName.toLowerCase()
+        return ret === "input" && /checkbox|radio/.test(el.type) ? "checked" : ret
+    }
+    var roption = /^<option(?:\s+\w+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s+value[\s=]/i
+    var valHooks = {
+        "option:get": function(node) {
+            //在IE11及W3C，如果没有指定value，那么node.value默认为node.text（存在trim作），但IE9-10则是取innerHTML(没trim操作)
+            if (node.hasAttribute) {
+                return node.hasAttribute("value") ? node.value : node.text.trim()
+            }
+            //specified并不可靠，因此通过分析outerHTML判定用户有没有显示定义value
+            return roption.test(node.outerHTML) ? node.value : node.text
+        },
+        "select:get": function(node, value) {
+            var option, options = node.options,
+                    index = node.selectedIndex,
+                    getter = valHooks["option:get"],
+                    one = node.type === "select-one" || index < 0,
+                    values = one ? null : [],
+                    max = one ? index + 1 : options.length,
+                    i = index < 0 ? max : one ? index : 0
+            for (; i < max; i++) {
+                option = options[i]
+                //旧式IE在reset后不会改变selected，需要改用i === index判定
+                //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
+                //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
+                if ((option.selected || i === index) && !option.disabled) {
+                    value = getter(option)
+                    if (one) {
+                        return value
+                    }
+                    //收集所有selected值组成数组返回
+                    values.push(value)
+                }
+            }
+            return values
+        },
+        "select:set": function(node, values, optionSet) {
+            values = [].concat(values) //强制转换为数组
+            var getter = valHooks["option:get"]
+            for (var i = 0, el; el = node.options[i++]; ) {
+                if ((el.selected = values.indexOf(getter(el)) >= 0)) {
+                    optionSet = true
+                }
+            }
+            if (!optionSet) {
+                node.selectedIndex = -1
+            }
+        }
+    }
+
+    /************************************************************************
+     *            HTML处理(parseHTML, innerHTML, clearHTML)                  *
+     ************************************************************************/
+    var rtagName = /<([\w:]+)/,
+            //取得其tagName
+            rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+            rcreate = W3C ? /[^\d\D]/ : /(<(?:script|link|style|meta|noscript))/ig,
+            scriptTypes = oneObject("text/javascript", "text/ecmascript", "application/ecmascript", "application/javascript", "text/vbscript"),
+            //需要处理套嵌关系的标签
+            rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/
+    //parseHTML的辅助变量
+    var tagHooks = {
+        area: [1, "<map>"],
+        param: [1, "<object>"],
+        col: [2, "<table><tbody></tbody><colgroup>", "</table>"],
+        legend: [1, "<fieldset>"],
+        option: [1, "<select multiple='multiple'>"],
+        thead: [1, "<table>", "</table>"],
+        tr: [2, "<table><tbody>"],
+        td: [3, "<table><tbody><tr>"],
+        text: [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">', '</svg>'],
+        //IE6-8在用innerHTML生成节点时，不能直接创建no-scope元素与HTML5的新标签
+        _default: W3C ? [0, ""] : [1, "X<div>"] //div可以不用闭合
+    }
+
+    tagHooks.optgroup = tagHooks.option
+    tagHooks.tbody = tagHooks.tfoot = tagHooks.colgroup = tagHooks.caption = tagHooks.thead
+    tagHooks.th = tagHooks.td
+//处理SVG
+    tagHooks.circle = tagHooks.ellipse = tagHooks.line = tagHooks.path =
+            tagHooks.polygon = tagHooks.polyline = tagHooks.rect = tagHooks.text
+    var script = DOC.createElement("script")
+    avalon.parseHTML = function(html) {
+        if (typeof html !== "string") {
+            html = html + ""
+        }
+        html = html.replace(rxhtml, "<$1></$2>").trim()
+        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase(),
+                //取得其标签名
+                wrap = tagHooks[tag] || tagHooks._default,
+                fragment = hyperspace.cloneNode(false),
+                wrapper = cinerator,
+                firstChild, neo
+        if (!W3C) { //fix IE
+            html = html.replace(rcreate, "<br class=msNoScope>$1") //在link style script等标签之前添加一个补丁
+        }
+        wrapper.innerHTML = wrap[1] + html + (wrap[2] || "")
+        var els = wrapper.getElementsByTagName("script")
+        if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
+            for (var i = 0, el; el = els[i++]; ) {
+                if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
+                    neo = script.cloneNode(false) //FF不能省略参数
+                    ap.forEach.call(el.attributes, function(attr) {
+                        if (attr && attr.specified) {
+                            neo[attr.name] = attr.value //复制其属性
+                        }
+                    })
+                    neo.text = el.text //必须指定,因为无法在attributes中遍历出来
+                    el.parentNode.replaceChild(neo, el) //替换节点
+                }
+            }
+        }
+        //移除我们为了符合套嵌关系而添加的标签
+        for (i = wrap[0]; i--; wrapper = wrapper.lastChild) {
+        }
+        if (!W3C) { //fix IE
+            for (els = wrapper["getElementsByTagName"]("br"), i = 0; el = els[i++]; ) {
+                if (el.className && el.className === "msNoScope") {
+                    el.parentNode.removeChild(el)
+                }
+            }
+            for (els = wrapper.all, i = 0; el = els[i++]; ) {//fix VML
+                if (isVML(el)) {
+                    fixVML(el)
+                }
+            }
+        }
+        while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上！
+            fragment.appendChild(firstChild)
+        }
+        return fragment
+    }
+    function isVML(src) {
+        var nodeName = src.nodeName
+        return  nodeName.toLowerCase() === nodeName && src.scopeName && src.outerText === ""
+    }
+    function fixVML(node) {
+        if (node.currentStyle.behavior !== "url(#default#VML)") {
+            node.style.behavior = "url(#default#VML)"
+            node.style.display = "inline-block"
+            node.style.zoom = 1 //hasLayout
+        }
+    }
+    avalon.innerHTML = function(node, html) {
+        if (!W3C && (!rcreate.test(html) && !rnest.test(html))) {
+            try {
+                node.innerHTML = html
+                return
+            } catch (e) {
+            }
+        }
+        var a = this.parseHTML(html)
+        this.clearHTML(node).appendChild(a)
+    }
+    avalon.clearHTML = function(node) {
+        node.textContent = ""
+        while (node.firstChild) {
+            node.removeChild(node.firstChild)
+        }
+        return node
+    }
+    /*********************************************************************
+     *                            事件管理器                            *
+     **********************************************************************/
+    var EventManager = {
+        $watch: function(type, callback) {
+            if (typeof callback === "function") {
+                var callbacks = this.$events[type]
+                if (callbacks) {
+                    callbacks.push(callback)
+                } else {
+                    this.$events[type] = [callback]
+                }
+            } else { //重新开始监听此VM的第一重简单属性的变动
+                this.$events = this.$watch.backup
+            }
+            return this
+        },
+        $unwatch: function(type, callback) {
+            var n = arguments.length
+            if (n === 0) { //让此VM的所有$watch回调无效化
+                this.$watch.backup = this.$events
+                this.$events = {}
+            } else if (n === 1) {
+                this.$events[type] = []
+            } else {
+                var callbacks = this.$events[type] || []
+                var i = callbacks.length
+                while (~--i < 0) {
+                    if (callbacks[i] === callback) {
+                        return callbacks.splice(i, 1)
+                    }
+                }
+            }
+            return this
+        },
+        $fire: function(type) {
+            var special
+            if (/^(\w+)!(\S+)$/.test(type)) {
+                special = RegExp.$1
+                type = RegExp.$2
+            }
+            var events = this.$events
+            var callbacks = events[type] || []
+            var all = events.$all || []
+            var args = aslice.call(arguments, 1)
+            for (var i = 0, callback; callback = callbacks[i++]; ) {
+                if (isFunction(callback))
+                    callback.apply(this, args)
+            }
+            for (var i = 0, callback; callback = all[i++]; ) {
+                if (isFunction(callback))
+                    callback.apply(this, arguments)
+            }
+            var element = events.expr && findNode(events.expr)
+            if (element) {
+                var detail = [type].concat(args)
+                if (special === "up" || special === "down" || special === "all") {
+                    for (var i in avalon.vmodels) {
+                        var v = avalon.vmodels[i]
+                        if (v && v.$events && v.$events.expr) {
+                            if (v !== this) {
+                                var node = findNode(v.$events.expr)
+                                if (!node) {
+                                    continue
+                                }
+                                var ok = special === "all" ? 1 : //全局广播
+                                        special === "down" ? element.contains(node) : //向下捕获
+                                        node.contains(element)//向上冒泡
+                                if (ok) {
+                                    node._avalon = v//符合条件的加一个标识
+                                }
+                            }
+                        }
+                    }
+                    var nodes = DOC.getElementsByTagName("*")//实现节点排序
+                    var alls = []
+                    Array.prototype.forEach.call(nodes, function(el) {
+                        if (el._avalon) {
+                            alls.push(el._avalon)
+                            el._avalon = ""
+                            el.removeAttribute("_avalon")
+                        }
+                    })
+                    if (special === "up") {
+                        alls.reverse()
+                    }
+                    alls.forEach(function(v) {
+                        v.$fire.apply(v, detail)
+                    })
+                }
+            }
+        }
+    }
+    var ravalon = /(\w+)\[(avalonctrl)="(\S+)"\]/
+    var findNode = DOC.querySelector ? function(str) {
+        return  DOC.querySelector(str)
+    } : function(str) {
+        var match = str.match(ravalon)
+        var all = DOC.getElementsByTagName(match[1])
+        for (var i = 0, el; el = all[i++]; ) {
+            if (el.getAttribute(match[2]) === match[3]) {
+                return el
+            }
+        }
+    }
+    /*********************************************************************
+     *                           依赖调度系统                             *
+     **********************************************************************/
+    var ronduplex = /^(duplex|on)$/
+    function registerSubscriber(data) {
+        Registry[expose] = data //暴光此函数,方便collectSubscribers收集
+        avalon.openComputedCollect = true
+        var fn = data.evaluator
+        if (fn) { //如果是求值函数
+            try {
+                var c = ronduplex.test(data.type) ? data : fn.apply(0, data.args)
+                data.handler(c, data.element, data)
+            } catch (e) {
+                log("warning:exception throwed in [registerSubscriber] " + e)
+                delete data.evaluator
+                var node = data.element
+                if (node.nodeType === 3) {
+                    var parent = node.parentNode
+                    if (kernel.commentInterpolate) {
+                        parent.replaceChild(DOC.createComment(data.value), node)
+                    } else {
+                        node.data = openTag + data.value + closeTag
+                    }
+                }
+            }
+        }
+        avalon.openComputedCollect = false
+        delete Registry[expose]
+    }
+
+    function collectSubscribers(list) { //收集依赖于这个访问器的订阅者
+        var data = Registry[expose]
+        if (list && data && avalon.Array.ensure(list, data) && data.element) { //只有数组不存在此元素才push进去
+            $$subscribers.push({
+                data: data, list: list
+            })
+        }
+    }
+    var $$subscribers = [], $startIndex = 0, $maxIndex = 200
+    function removeSubscribers() {
+        for (var i = $startIndex, n = $startIndex + $maxIndex; i < n; i++) {
+            var obj = $$subscribers[i]
+            if (!obj) {
+                break
+            }
+            var data = obj.data
+            var el = data.element
+            var remove = el === null ? 1 : (el.nodeType === 1 ? typeof el.sourceIndex === "number" ?
+                    el.sourceIndex === 0 : !root.contains(el) : !avalon.contains(root, el))
+            if (remove) { //如果它没有在DOM树
+                $$subscribers.splice(i, 1)
+                avalon.Array.remove(obj.list, data)
+                //log("debug: remove " + data.type)
+                if (data.type === "if" && data.template && data.template.parentNode === head) {
+                    head.removeChild(data.template)
+                }
+                for (var key in data) {
+                    data[key] = null
+                }
+                obj.data = obj.list = null
+                i--
+                n--
+            }
+        }
+        obj = $$subscribers[i]
+        if (obj) {
+            $startIndex = n
+        } else {
+            $startIndex = 0
+        }
+    }
+    var beginTime = new Date(), removeID
+    function notifySubscribers(list) { //通知依赖于这个访问器的订阅者更新自身
+        var currentTime = new Date()
+        clearTimeout(removeID)
+        if (currentTime - beginTime > 333) {
+            removeSubscribers()
+            beginTime = new Date()
+        } else {
+            removeID = setTimeout(removeSubscribers, 333)
+        }
+        if (list && list.length) {
+            var args = aslice.call(arguments, 1)
+            for (var i = list.length, fn; fn = list[--i]; ) {
+                var el = fn.element
+                if (fn.$repeat) {
+                    fn.handler.apply(fn, args) //处理监控数组的方法
+                } else if (fn.element && fn.type !== "on") {//事件绑定只能由用户触发,不能由程序触发
+                    var fun = fn.evaluator || noop
+                    fn.handler(fun.apply(0, fn.args || []), el, fn)
+                }
+            }
+        }
+    }
+
+    /*********************************************************************
+     *                           扫描系统                                 *
+     **********************************************************************/
+    avalon.scan = function(elem, vmodel) {
+        elem = elem || root
+        var vmodels = vmodel ? [].concat(vmodel) : []
+        scanTag(elem, vmodels)
+    }
+
+    //http://www.w3.org/TR/html5/syntax.html#void-elements
+    var stopScan = oneObject("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,script,style,textarea".toUpperCase())
+
+    //确保元素的内容被完全扫描渲染完毕才调用回调
+    var interval = W3C ? 15 : 50
+
+    function checkScan(elem, callback) {
+        var innerHTML = NaN,
+                id = setInterval(function() {
+                    var currHTML = elem.innerHTML
+                    if (currHTML === innerHTML) {
+                        clearInterval(id)
+                        callback()
+                    } else {
+                        innerHTML = currHTML
+                    }
+                }, interval)
+    }
+
+
+    function scanTag(elem, vmodels, node) {
+        //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
+        //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后
+        var a = elem.getAttribute("ms-skip")
+        //#360 在旧式IE中 Object标签在引入Flash等资源时,可能出现没有getAttributeNode,innerHTML的情形
+        if (!elem.getAttributeNode) {
+            return log("warning " + elem.tagName + " no getAttributeNode method")
+        }
+        var b = elem.getAttributeNode("ms-important")
+        var c = elem.getAttributeNode("ms-controller")
+        if (typeof a === "string") {
+            return
+        } else if (node = b || c) {
+            var newVmodel = VMODELS[node.value]
+            if (!newVmodel) {
+                return
+            }
+            //ms-important不包含父VM，ms-controller相反
+            vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
+            var name = node.name
+            elem.removeAttribute(name) //removeAttributeNode不会刷新[ms-controller]样式规则
+            elem.setAttribute("avalonctrl", node.value)
+            newVmodel.$events.expr = elem.tagName + '[avalonctrl="' + node.value + '"]'
+            avalon(elem).removeClass(name)
+
+        }
+        scanAttr(elem, vmodels) //扫描特性节点
+    }
+
+    function scanNodeList(parent, vmodels) {
+        var node = parent.firstChild
+        while (node) {
+            var nextNode = node.nextSibling
+            scanNode(node, node.nodeType, vmodels)
+            node = nextNode
+        }
+    }
+
+    function scanNodeArray(nodes, vmodels) {
+        for (var i = 0, node; node = nodes[i++]; ) {
+            scanNode(node, node.nodeType, vmodels)
+        }
+    }
+    function scanNode(node, nodeType, vmodels) {
+        if (nodeType === 1) {
+            scanTag(node, vmodels) //扫描元素节点
+        } else if (nodeType === 3 && rexpr.test(node.data)) {
+            scanText(node, vmodels) //扫描文本节点
+        } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+            scanText(node, vmodels) //扫描注释节点
+        }
+    }
+
+    function scanText(textNode, vmodels) {
+        var bindings = []
+        if (textNode.nodeType === 8) {
+            var leach = []
+            var value = trimFilter(textNode.nodeValue, leach)
+            var token = {
+                expr: true,
+                value: value
+            }
+            if (leach.length) {
+                token.filters = leach
+            }
+            var tokens = [token]
+        } else {
+            tokens = scanExpr(textNode.data)
+        }
+        if (tokens.length) {
+            for (var i = 0, token; token = tokens[i++]; ) {
+                var node = DOC.createTextNode(token.value) //将文本转换为文本节点，并替换原来的文本节点
+                if (token.expr) {
+                    var filters = token.filters
+                    var binding = {
+                        type: "text",
+                        element: node,
+                        value: token.value,
+                        filters: filters
+                    }
+                    if (filters && filters.indexOf("html") !== -1) {
+                        avalon.Array.remove(filters, "html")
+                        binding.type = "html"
+                        binding.group = 1
+                        if (!filters.length) {
+                            delete bindings.filters
+                        }
+                    }
+                    bindings.push(binding) //收集带有插值表达式的文本
+                }
+                hyperspace.appendChild(node)
+            }
+            textNode.parentNode.replaceChild(hyperspace, textNode)
+            if (bindings.length)
+                executeBindings(bindings, vmodels)
+        }
+    }
+
+    var rmsAttr = /ms-(\w+)-?(.*)/
+    var priorityMap = {
+        "if": 10,
+        "repeat": 90,
+        "data": 100,
+        "widget": 110,
+        "each": 1400,
+        "with": 1500,
+        "duplex": 2000,
+        "on": 3000
+    }
+    var events = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit")
+    function bindingSorter(a, b) {
+        return a.priority - b.priority
+    }
+    function scanAttr(elem, vmodels) {
+        //防止setAttribute, removeAttribute时 attributes自动被同步,导致for循环出错
+        var attributes = getAttributes ? getAttributes(elem) : avalon.slice(elem.attributes)
+        var bindings = [],
+                msData = {},
+                match
+        for (var i = 0, attr; attr = attributes[i++]; ) {
+            if (attr.specified) {
+                if (match = attr.name.match(rmsAttr)) {
+                    //如果是以指定前缀命名的
+                    var type = match[1]
+                    var param = match[2] || ""
+                    var value = attr.value
+                    var name = attr.name
+                    msData[name] = value
+                    if (events[type]) {
+                        param = type
+                        type = "on"
+                    } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
+                        type = "disabled"
+                        value = "!(" + value + ")"
+                    }
+                    //吃掉以下几个绑定,用ms-attr-*绑定代替
+                    if (type === "checked" || type === "selected" || type === "disabled" || type === "readonly") {
+                        param = type
+                        type = "attr"
+                        elem.removeAttribute(name)
+                        name = "ms-attr-" + param
+                        elem.setAttribute(name, value)
+                        match = [name]
+                        msData[name] = value
+                    }
+                    if (typeof bindingHandlers[type] === "function") {
+                        var binding = {
+                            type: type,
+                            param: param,
+                            element: elem,
+                            name: match[0],
+                            value: value,
+                            priority: type in priorityMap ? priorityMap[type] : type.charCodeAt(0) * 10 + (Number(param) || 0)
+                        }
+                        if (type === "if" && param.indexOf("loop") > -1) {
+                            binding.priority += 100
+                        }
+                        if (vmodels.length) {
+                            bindings.push(binding)
+                            if (type === "widget") {
+                                elem.msData = elem.msData || msData
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        bindings.sort(bindingSorter)
+        if (msData["ms-checked"] && msData["ms-duplex"]) {
+            log("warning!一个元素上不能同时定义ms-checked与ms-duplex")
+        }
+        var firstBinding = bindings[0] || {}
+        switch (firstBinding.type) {
+            case "if":
+            case "repeat":
+            case "widget":
+                executeBindings([firstBinding], vmodels)
+                break
+            default:
+                executeBindings(bindings, vmodels)
+                if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                    scanNodeList(elem, vmodels) //扫描子孙元素
+                }
+                break;
+        }
+
+
+    }
+    //IE67下，在循环绑定中，一个节点如果是通过cloneNode得到，自定义属性的specified为false，无法进入里面的分支，
+    //但如果我们去掉scanAttr中的attr.specified检测，一个元素会有80+个特性节点（因为它不区分固有属性与自定义属性），很容易卡死页面
+    if (!"1" [0]) {
+        var cacheAttrs = createCache(512)
+        var rattrs = /\s+(ms-[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g,
+                rquote = /^['"]/,
+                rtag = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/i,
+                ramp = /&amp;/g
+        //IE6-8解析HTML5新标签，会将它分解两个元素节点与一个文本节点
+        //<body><section>ddd</section></body>
+        //        window.onload = function() {
+        //            var body = document.body
+        //            for (var i = 0, el; el = body.children[i++]; ) {
+        //                avalon.log(el.outerHTML)
+        //            }
+        //        }
+        //依次输出<SECTION>, </SECTION>
+        var getAttributes = function(elem) {
+            var html = elem.outerHTML
+            //处理IE6-8解析HTML5新标签的情况，及<br>等半闭合标签outerHTML为空的情况
+            if (html.slice(0, 2) === "</" || !html.trim()) {
+                return []
+            }
+            var str = html.match(rtag)[0]
+            var attributes = [],
+                    match,
+                    k, v;
+            if (cacheAttrs[str]) {
+                return cacheAttrs[str]
+            }
+            while (k = rattrs.exec(str)) {
+                v = k[2]
+                if (v) {
+                    v = (rquote.test(v) ? v.slice(1, -1) : v).replace(ramp, "&")
+                }
+                var name = k[1].toLowerCase()
+                match = name.match(rmsAttr)
+                var binding = {
+                    name: name,
+                    specified: true,
+                    value: v || ""
+                }
+                attributes.push(binding)
+            }
+            return cacheAttrs(str, attributes)
+        }
+    }
+
+    function executeBindings(bindings, vmodels) {
+        for (var i = 0, data; data = bindings[i++]; ) {
+            data.vmodels = vmodels
+            bindingHandlers[data.type](data, vmodels)
+            if (data.evaluator && data.element && data.element.nodeType === 1) { //移除数据绑定，防止被二次解析
+                //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
+                data.element.removeAttribute(data.name)
+            }
+        }
+        bindings.length = 0
+    }
+
+
+    var rfilters = /\|\s*(\w+)\s*(\([^)]*\))?/g,
+            r11a = /\|\|/g,
+            r11b = /U2hvcnRDaXJjdWl0/g,
+            rlt = /&lt;/g,
+            rgt = /&gt;/g
+    function trimFilter(value, leach) {
+        if (value.indexOf("|") > 0) { // 抽取过滤器 先替换掉所有短路与
+            value = value.replace(r11a, "U2hvcnRDaXJjdWl0") //btoa("ShortCircuit")
+            value = value.replace(rfilters, function(c, d, e) {
+                leach.push(d + (e || ""))
+                return ""
+            })
+            value = value.replace(r11b, "||") //还原短路与
+        }
+        return value
+    }
+
+    function scanExpr(str) {
+        var tokens = [],
+                value, start = 0,
+                stop
+        do {
+            stop = str.indexOf(openTag, start)
+            if (stop === -1) {
+                break
+            }
+            value = str.slice(start, stop)
+            if (value) { // {{ 左边的文本
+                tokens.push({
+                    value: value,
+                    expr: false
+                })
+            }
+            start = stop + openTag.length
+            stop = str.indexOf(closeTag, start)
+            if (stop === -1) {
+                break
+            }
+            value = str.slice(start, stop)
+            if (value) { //处理{{ }}插值表达式
+                var leach = []
+                value = trimFilter(value, leach)
+                tokens.push({
+                    value: value,
+                    expr: true,
+                    filters: leach.length ? leach : void 0
+                })
+            }
+            start = stop + closeTag.length
+        } while (1)
+        value = str.slice(start)
+        if (value) { //}} 右边的文本
+            tokens.push({
+                value: value,
+                expr: false
+            })
+        }
+
+        return tokens
+    }
+    /*********************************************************************
+     *                          编译系统                                  *
+     **********************************************************************/
+    var keywords =
+            // 关键字
+            "break,case,catch,continue,debugger,default,delete,do,else,false" +
+            ",finally,for,function,if,in,instanceof,new,null,return,switch,this" +
+            ",throw,true,try,typeof,var,void,while,with"
+            // 保留字
+            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends" +
+            ",final,float,goto,implements,import,int,interface,long,native" +
+            ",package,private,protected,public,short,static,super,synchronized" +
+            ",throws,transient,volatile"
+            // ECMA 5 - use strict
+            + ",arguments,let,yield"
+            + ",undefined"
+    var rrexpstr = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g
+    var rsplit = /[^\w$]+/g
+    var rkeywords = new RegExp(["\\b" + keywords.replace(/,/g, '\\b|\\b') + "\\b"].join('|'), 'g')
+    var rnumber = /\b\d[^,]*/g
+    var rcomma = /^,+|,+$/g
+    var cacheVars = createCache(512)
+    var getVariables = function(code) {
+        var key = "," + code.trim()
+        if (cacheVars[key]) {
+            return cacheVars[key]
+        }
+        var match = code
+                .replace(rrexpstr, "")
+                .replace(rsplit, ",")
+                .replace(rkeywords, "")
+                .replace(rnumber, "")
+                .replace(rcomma, "")
+                .split(/^$|,+/)
+        return cacheVars(key, uniqSet(match))
+    }
+    /*添加赋值语句*/
+    function addAssign(vars, scope, name, data) {
+        var ret = [],
+                prefix = " = " + name + "."
+        for (var i = vars.length, prop; prop = vars[--i]; ) {
+            if (scope.hasOwnProperty(prop)) {
+                ret.push(prop + prefix + prop)
+                if (data.type === "duplex") {
+                    vars.get = name + "." + prop
+                }
+                vars.splice(i, 1)
+            }
+        }
+        return ret
+
+    }
+
+    function uniqSet(array) {
+        var ret = [], unique = {}
+        for (var i = 0; i < array.length; i++) {
+            var el = array[i]
+            var id = el && typeof el.$id === "string" ? el.$id : el
+            if (!unique[id]) {
+                unique[id] = ret.push(el)
+            }
+        }
+        return ret
+    }
+
+
+    function createCache(maxLength) {
+        var keys = []
+        function cache(key, value) {
+            if (keys.push(key) > maxLength) {
+                delete cache[keys.shift()]
+            }
+            return cache[key] = value;
+        }
+        return cache;
+    }
+    //缓存求值函数，以便多次利用
+    var cacheExprs = createCache(128)
+    //取得求值函数及其传参
+    var rduplex = /\w\[.*\]|\w\.\w/
+    var rproxy = /(\$proxy\$[a-z]+)\d+$/
+
+    function parseExpr(code, scopes, data) {
+        var dataType = data.type
+        var filters = data.filters ? data.filters.join("") : ""
+        var exprId = scopes.map(function(el) {
+            return el.$id.replace(rproxy, "$1")
+        }) + code + dataType + filters
+        var vars = getVariables(code).concat(),
+                assigns = [],
+                names = [],
+                args = [],
+                prefix = ""
+        //args 是一个对象数组， names 是将要生成的求值函数的参数
+        scopes = uniqSet(scopes)
+        for (var i = 0, sn = scopes.length; i < sn; i++) {
+            if (vars.length) {
+                var name = "vm" + expose + "_" + i
+                names.push(name)
+                args.push(scopes[i])
+                assigns.push.apply(assigns, addAssign(vars, scopes[i], name, data))
+            }
+        }
+        if (!assigns.length && dataType === "duplex") {
+            return
+        }
+        //---------------args----------------
+        if (filters) {
+            args.push(avalon.filters)
+        }
+        data.args = args
+        //---------------cache----------------
+        var fn = cacheExprs[exprId] //直接从缓存，免得重复生成
+        if (fn) {
+            data.evaluator = fn
+            return
+        }
+        var prefix = assigns.join(", ")
+        if (prefix) {
+            prefix = "var " + prefix
+        }
+        if (filters) { //文本绑定，双工绑定才有过滤器
+            code = "\nvar ret" + expose + " = " + code
+            var textBuffer = [],
+                    fargs
+            textBuffer.push(code, "\r\n")
+            for (var i = 0, fname; fname = data.filters[i++]; ) {
+                var start = fname.indexOf("(")
+                if (start !== -1) {
+                    fargs = fname.slice(start + 1, fname.lastIndexOf(")")).trim()
+                    fargs = "," + fargs
+                    fname = fname.slice(0, start).trim()
+                } else {
+                    fargs = ""
+                }
+                textBuffer.push(" if(filters", expose, ".", fname, "){\n\ttry{\nret", expose,
+                        " = filters", expose, ".", fname, "(ret", expose, fargs, ")\n\t}catch(e){} \n}\n")
+            }
+            code = textBuffer.join("")
+            code += "\nreturn ret" + expose
+            names.push("filters" + expose)
+        } else if (dataType === "duplex") { //双工绑定
+            var _body = "'use strict';\nreturn function(vvv){\n\t" +
+                    prefix +
+                    ";\n\tif(!arguments.length){\n\t\treturn " +
+                    code +
+                    "\n\t}\n\t" + (!rduplex.test(code) ? vars.get : code) +
+                    "= vvv;\n} "
+            try {
+                fn = Function.apply(noop, names.concat(_body))
+                data.evaluator = cacheExprs(exprId, fn)
+            } catch (e) {
+                log("debug: parse error," + e.message)
+            }
+            return
+        } else if (dataType === "on") { //事件绑定
+            if (code.indexOf("(") === -1) {
+                code += ".call(this, $event)"
+            } else {
+                code = code.replace("(", ".call(this,")
+            }
+            names.push("$event")
+            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
+            var lastIndex = code.lastIndexOf("\nreturn")
+            var header = code.slice(0, lastIndex)
+            var footer = code.slice(lastIndex)
+            code = header + "\n" + footer
+        } else { //其他绑定
+            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
+        }
+        try {
+            fn = Function.apply(noop, names.concat("'use strict';\n" + prefix + code))
+            data.evaluator = cacheExprs(exprId, fn)
+        } catch (e) {
+            log("debug: parse error," + e.message)
+        } finally {
+            vars = textBuffer = names = null //释放内存
+        }
+    }
+
+    var meta = {
+        '\b': '\\b',
+        '\t': '\\t',
+        '\n': '\\n',
+        '\f': '\\f',
+        '\r': '\\r',
+        '"': '\\"',
+        '\\': '\\\\'
+    }
+    var quote = window.JSON && JSON.stringify || function(str) {
+        return   '"' + str.replace(/[\\\"\x00-\x1f]/g, function(a) {
+            var c = meta[a];
+            return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+        }) + '"'
+    }
+    //parseExpr的智能引用代理
+    function parseExprProxy(code, scopes, data, tokens) {
+        if (Array.isArray(tokens)) {
+            code = tokens.map(function(el) {
+                return el.expr ? "(" + el.value + ")" : quote(el.value)
+            }).join(" + ")
+        }
+        parseExpr(code, scopes, data)
+        if (data.evaluator) {
+            data.handler = bindingExecutors[data.handlerName || data.type]
+            data.evaluator.toString = function() {
+                return data.type + " binding to eval(" + code + ")"
+            }
+            //方便调试
+            //这里非常重要,我们通过判定视图刷新函数的element是否在DOM树决定
+            //将它移出订阅者列表
+            registerSubscriber(data)
+        }
+    }
+    avalon.parseExprProxy = parseExprProxy
+    /*********************************************************************
+     *                     绑定处理系统                                    *
+     **********************************************************************/
+    var propMap = {//属性名映射
+        "accept-charset": "acceptCharset",
+        "char": "ch",
+        "charoff": "chOff",
+        "class": "className",
+        "for": "htmlFor",
+        "http-equiv": "httpEquiv"
+    }
+
+    var anomaly = "accessKey,bgColor,cellPadding,cellSpacing,codeBase,codeType,colSpan,"
+            + "dateTime,defaultValue,frameBorder,longDesc,maxLength,marginWidth,marginHeight,"
+            + "rowSpan,tabIndex,useMap,vSpace,valueType,vAlign"
+    anomaly.replace(rword, function(name) {
+        propMap[name.toLowerCase()] = name
+    })
+
+    var cssText = "<style id='avalonStyle'>.avalonHide{ display: none!important }</style>"
+    head.insertBefore(avalon.parseHTML(cssText), head.firstChild) //避免IE6 base标签BUG
+    var rnoscripts = /<noscript.*?>(?:[\s\S]+?)<\/noscript>/img
+    var rnoscriptText = /<noscript.*?>([\s\S]+?)<\/noscript>/im
+
+    var getXHR = function() {
+        return new (window.XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP")
+    }
+    var getBindingCallback = function(elem, name, vmodels) {
+        var callback = elem.getAttribute(name)
+        if (callback) {
+            for (var i = 0, vm; vm = vmodels[i++]; ) {
+                if (vm.hasOwnProperty(callback) && typeof vm[callback] === "function") {
+                    return vm[callback]
+                }
+            }
+        }
+    }
+    var cacheTmpls = avalon.templateCache = {}
+
+    avalon.contains = fixContains
+
+    var bools = "autofocus,autoplay,async,allowTransparency,checked,controls,declare,disabled,defer,defaultChecked,defaultSelected" +
+            "contentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected"
+    var boolMap = {}
+    bools.replace(rword, function(name) {
+        boolMap[name.toLowerCase()] = name
+    })
+
+    //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
+    var bindingExecutors = avalon.bindingExecutors = {
+        "attr": function(val, elem, data) {
+            var method = data.type,
+                    attrName = data.param
+            if (method === "css") {
+                avalon(elem).css(attrName, val)
+            } else if (method === "attr") {
+                // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
+                // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
+                // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
+                if (boolMap[attrName]) {
+                    var bool = boolMap[attrName]
+                    if (typeof elem[bool] === "boolean") {
+                        return elem[bool] = !!val
+                    }
+                }
+                var toRemove = (val === false) || (val === null) || (val === void 0)
+                if (!W3C && propMap[attrName]) {//旧式IE下需要进行名字映射
+                    attrName = propMap[attrName]
+                    var isInnate = true
+                }
+                if (toRemove) {
+                    return elem.removeAttribute(attrName)
+                }
+                if (window.VBArray && !isInnate) {//IE下需要区分固有属性与自定义属性
+                    if (isVML(elem)) {
+                        isInnate = true
+                    } else if (!rsvg.test(elem)) {
+                        var attrs = elem.attributes || {}
+                        var attr = attrs[attrName]
+                        isInnate = attr ? attr.expando === false : attr === null
+                    }
+                }
+                if (isInnate) {
+                    elem[attrName] = val
+                } else {
+                    elem.setAttribute(attrName, val)
+                }
+            } else if (method === "include" && val) {
+                var vmodels = data.vmodels
+                var rendered = getBindingCallback(elem, "data-include-rendered", vmodels)
+                var loaded = getBindingCallback(elem, "data-include-loaded", vmodels)
+
+                function scanTemplate(text) {
+                    if (loaded) {
+                        text = loaded.apply(elem, [text].concat(vmodels))
+                    }
+                    avalon.innerHTML(elem, text)
+                    scanNodeList(elem, vmodels)
+                    rendered && checkScan(elem, function() {
+                        rendered.call(elem)
+                    })
+                }
+                if (data.param === "src") {
+                    if (cacheTmpls[val]) {
+                        avalon.nextTick(function() {
+                            scanTemplate(cacheTmpls[val])
+                        })
+                    } else {
+                        var xhr = getXHR()
+                        xhr.onreadystatechange = function() {
+                            if (xhr.readyState === 4) {
+                                var s = xhr.status
+                                if (s >= 200 && s < 300 || s === 304 || s === 1223) {
+                                    scanTemplate(cacheTmpls[val] = xhr.responseText)
+                                }
+                            }
+                        }
+                        xhr.open("GET", val, true)
+                        if ("withCredentials" in xhr) {
+                            xhr.withCredentials = true
+                        }
+                        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+                        xhr.send(null)
+                    }
+                } else {
+                    //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
+                    //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
+                    var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
+                    if (el) {
+                        if (el.tagName === "NOSCRIPT" && !(el.innerHTML || el.fixIE78)) { //IE7-8 innerText,innerHTML都无法取得其内容，IE6能取得其innerHTML
+                            var xhr = getXHR() //IE9-11与chrome的innerHTML会得到转义的内容，它们的innerText可以
+                            xhr.open("GET", location, false) //谢谢Nodejs 乱炖群 深圳-纯属虚构
+                            xhr.send(null)
+                            //http://bbs.csdn.net/topics/390349046?page=1#post-393492653
+                            var noscripts = DOC.getElementsByTagName("noscript")
+                            var array = (xhr.responseText || "").match(rnoscripts) || []
+                            var n = array.length
+                            for (var i = 0; i < n; i++) {
+                                var tag = noscripts[i]
+                                if (tag) { //IE6-8中noscript标签的innerHTML,innerText是只读的
+                                    tag.style.display = "none" //http://haslayout.net/css/noscript-Ghost-Bug
+                                    tag.fixIE78 = (array[i].match(rnoscriptText) || ["", "&nbsp;"])[1]
+                                }
+                            }
+                        }
+                        avalon.nextTick(function() {
+                            scanTemplate(el.fixIE78 || el.value || el.innerText || el.innerHTML)
+                        })
+                    }
+                }
+            } else {
+                if (!root.hasAttribute && typeof val === "string" && (method === "src" || method === "href")) {
+                    val = val.replace(/&amp;/g, "&") //处理IE67自动转义的问题
+                }
+                elem[method] = val
+            }
+        },
+        "class": function(val, elem, data) {
+            var $elem = avalon(elem),
+                    method = data.type
+            if (method === "class" && data.oldStyle) { //如果是旧风格
+                $elem.toggleClass(data.oldStyle, !!val)
+            } else {
+                //如果存在冒号就有求值函数
+                data.toggleClass = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
+                data.newClass = data.immobileClass || val
+                if (data.oldClass && data.newClass !== data.oldClass) {
+                    $elem.removeClass(data.oldClass)
+                }
+                data.oldClass = data.newClass
+                switch (method) {
+                    case "class":
+                        $elem.toggleClass(data.newClass, data.toggleClass)
+                        break
+                    case "hover":
+                    case "active":
+                        if (!data.hasBindEvent) { //确保只绑定一次
+                            var activate = "mouseenter" //在移出移入时切换类名
+                            var abandon = "mouseleave"
+                            if (method === "active") {//在聚焦失焦中切换类名
+                                elem.tabIndex = elem.tabIndex || -1
+                                activate = "mousedown"
+                                abandon = "mouseup"
+                                $elem.bind("mouseleave", function() {
+                                    data.toggleClass && $elem.removeClass(data.newClass)
+                                })
+                            }
+                            $elem.bind(activate, function() {
+                                data.toggleClass && $elem.addClass(data.newClass)
+                            })
+                            $elem.bind(abandon, function() {
+                                data.toggleClass && $elem.removeClass(data.newClass)
+                            })
+                            data.hasBindEvent = true
+                        }
+                        break;
+                }
+            }
+        },
+        "data": function(val, elem, data) {
+            var key = "data-" + data.param
+            if (val && typeof val === "object") {
+                elem[key] = val
+            } else {
+                elem.setAttribute(key, String(val))
+            }
+        },
+        "repeat": function(method, pos, el) {
+            if (method) {
+                var data = this
+                var parent = data.element.parentNode
+                var proxies = data.proxies
+                var transation = hyperspace.cloneNode(false)
+
+                if (method === "del" || method === "move") {
+                    var locatedNode = locateFragment(data, pos)
+                }
+                var group = data.group
+                switch (method) {
+                    case "add": //在pos位置后添加el数组（pos为数字，el为数组）
+                        var arr = el
+                        var last = data.$repeat.length - 1
+                        var fragments = []
+                        for (var i = 0, n = arr.length; i < n; i++) {
+                            var ii = i + pos
+                            var proxy = getEachProxy(ii, arr[i], data, last)
+                            proxies.splice(ii, 0, proxy)
+                            shimController(data, transation, proxy, fragments)
+                        }
+                        locatedNode = locateFragment(data, pos)
+                        parent.insertBefore(transation, locatedNode)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
+                        }
+                        calculateFragmentGroup(data)
+                        break
+                    case "del": //将pos后的el个元素删掉(pos, el都是数字)
+                        var removed = proxies.splice(pos, el)
+                        var transation = removeFragment(locatedNode, group, el)
+                        avalon.clearHTML(transation)
+                        recycleEachProxies(removed)
+                        break
+                    case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
+                        var last = proxies.length - 1
+                        for (; el = proxies[pos]; pos++) {
+                            el.$index = pos
+                            el.$first = pos === 0
+                            el.$last = pos === last
+                        }
+                        break
+                    case "clear":
+                        var size = "proxySize" in data ? data.proxySize : proxies.length
+                        if (size) {
+                            var n = size * group, k = 0
+                            while (true) {
+                                var nextNode = data.element.nextSibling
+                                if (nextNode && k < n) {
+                                    parent.removeChild(nextNode)
+                                    k++
+                                } else {
+                                    break
+                                }
+                            }
+                            recycleEachProxies(proxies)
+                        }
+                        break
+                    case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
+                        var t = proxies.splice(pos, 1)[0]
+                        if (t) {
+                            proxies.splice(el, 0, t)
+                            transation = removeFragment(locatedNode, group)
+                            locatedNode = locateFragment(data, el)
+                            parent.insertBefore(transation, locatedNode)
+                        }
+                        break
+                    case "set": //将proxies中的第pos个元素的VM设置为el（pos为数字，el任意）
+                        var proxy = proxies[pos]
+                        if (proxy) {
+                            proxy[proxy.$itemName] = el
+                        }
+                        break
+                    case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
+                        var pool = el
+                        var keys = []
+                        var fragments = []
+                        for (var key in pos) { //得到所有键名
+                            if (pos.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                                keys.push(key)
+                            }
+                        }
+                        if (data.sortedCallback) { //如果有回调，则让它们排序
+                            var keys2 = data.sortedCallback.call(parent, keys)
+                            if (keys2 && Array.isArray(keys2) && keys2.length) {
+                                keys = keys2
+                            }
+                        }
+                        for (var i = 0, key; key = keys[i++]; ) {
+                            if (key !== "hasOwnProperty") {
+                                shimController(data, transation, pool[key], fragments)
+                            }
+                        }
+                        data.proxySize = keys.length
+                        parent.insertBefore(transation, data.element.nextSibling)
+                        for (var i = 0, fragment; fragment = fragments[i++]; ) {
+                            scanNodeArray(fragment.nodes, fragment.vmodels)
+                            fragment.nodes = fragment.vmodels = null
+                        }
+                        calculateFragmentGroup(data)
+                        break
+                }
+                var callback = data.renderedCallback || noop, args = arguments
+                checkScan(parent, function() {
+                    callback.apply(parent, args)
+                    if (parent.oldValue && parent.tagName === "SELECT" && method === "index") {//fix #503
+                        avalon(parent).val(parent.oldValue.split(","))
+                    }
+                })
+            }
+        },
+        "html": function(val, elem, data) {
+            val = val == null ? "" : val
+            var parent = "group" in data ? elem.parentNode : elem
+            if ("group" in data) {
+                var fragment, nodes
+                //将值转换为文档碎片，原值可以为元素节点，文档碎片，NodeList，字符串
+                if (val.nodeType === 11) {
+                    fragment = val
+                } else if (val.nodeType === 1 || val.item) {
+                    nodes = val.nodeType === 1 ? val.childNodes : val.item ? val : []
+                    fragment = hyperspace.cloneNode(true)
+                    while (nodes[0]) {
+                        fragment.appendChild(nodes[0])
+                    }
+                } else {
+                    fragment = avalon.parseHTML(val)
+                }
+                nodes = avalon.slice(fragment.childNodes)
+                if (nodes.length === 0) {
+                    var comment = DOC.createComment("ms-html")
+                    fragment.appendChild(comment)
+                    nodes = [comment]
+                }
+                parent.insertBefore(fragment, elem) //fix IE6-8 insertBefore的第2个参数只能为节点或null
+                var length = data.group
+                while (elem) {
+                    var nextNode = elem.nextSibling
+                    parent.removeChild(elem)
+                    length--
+                    if (length === 0 || nextNode === null)
+                        break
+                    elem = nextNode
+                }
+                data.element = nodes[0]
+                data.group = nodes.length
+            } else {
+                avalon.innerHTML(parent, val)
+            }
+            avalon.nextTick(function() {
+                scanNodeList(parent, data.vmodels)
+            })
+        },
+        "if": function(val, elem, data) {
+            if (val) { //插回DOM树
+                if (elem.nodeType === 8) {
+                    elem.parentNode.replaceChild(data.template, elem)
+                    elem = data.element = data.template
+                }
+                if (elem.getAttribute(data.name)) {
+                    elem.removeAttribute(data.name)
+                    scanAttr(elem, data.vmodels)
+                }
+            } else { //移出DOM树，并用注释节点占据原位置
+                if (elem.nodeType === 1) {
+                    var node = data.element = DOC.createComment("ms-if")
+                    elem.parentNode.replaceChild(node, elem)
+                    data.template = elem //元素节点
+                    head.appendChild(elem)
+                }
+            }
+        },
+        "on": function(callback, elem, data) {
+            data.type = "on"
+            callback = function(e) {
+                var fn = data.evaluator || noop
+                return fn.apply(this, data.args.concat(e))
+            }
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (eventType === "scan") {
+                callback.call(elem, {type: eventType})
+            } else if (typeof data.specialBind === "function") {
+                data.specialBind(elem, callback)
+            } else {
+                var removeFn = avalon.bind(elem, eventType, callback)
+            }
+            data.rollback = function() {
+                if (typeof data.specialUnbind === "function") {
+                    data.specialUnbind()
+                } else {
+                    avalon.unbind(elem, eventType, removeFn)
+                }
+            }
+        },
+        "text": function(val, elem) {
+            val = val == null ? "" : val //不在页面上显示undefined null
+            if (elem.nodeType === 3) { //绑定在文本节点上
+                try {//IE对游离于DOM树外的节点赋值会报错
+                    elem.data = val
+                } catch (e) {
+                }
+            } else { //绑定在特性节点上
+                if ("textContent" in elem) {
+                    elem.textContent = val
+                } else {
+                    elem.innerText = val
+                }
+            }
+        },
+        "visible": function(val, elem, data) {
+            elem.style.display = val ? data.display : "none"
+        },
+        "widget": noop
+    }
+
+    var rdash = /\(([^)]*)\)/
+
+    function parseDisplay(nodeName, val) {
+        //用于取得此类标签的默认display值
+        var key = "_" + nodeName
+        if (!parseDisplay[key]) {
+            var node = DOC.createElement(nodeName)
+            root.appendChild(node)
+            if (W3C) {
+                val = getComputedStyle(node, null).display
+            } else {
+                val = node.currentStyle.display
+            }
+            root.removeChild(node)
+            parseDisplay[key] = val
+        }
+        return parseDisplay[key]
+    }
+
+    avalon.parseDisplay = parseDisplay
+    //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
+    var bindingHandlers = avalon.bindingHandlers = {
+        //这是一个字符串属性绑定的范本, 方便你在title, alt, src, href, include, css添加插值表达式
+        //<a ms-href="{{url.hostname}}/{{url.pathname}}.html">
+        "attr": function(data, vmodels) {
+            var text = data.value.trim(),
+                    simple = true
+            if (text.indexOf(openTag) > -1 && text.indexOf(closeTag) > 2) {
+                simple = false
+                if (rexpr.test(text) && RegExp.rightContext === "" && RegExp.leftContext === "") {
+                    simple = true
+                    text = RegExp.$1
+                }
+            }
+            data.handlerName = "attr" //handleName用于处理多种绑定共用同一种bindingExecutor的情况
+            parseExprProxy(text, vmodels, data, (simple ? null : scanExpr(data.value)))
+        },
+        //根据VM的属性值或表达式的值切换类名，ms-class="xxx yyy zzz:flag" 
+        //http://www.cnblogs.com/rubylouvre/archive/2012/12/17/2818540.html
+        "class": function(data, vmodels) {
+            var oldStyle = data.param,
+                    text = data.value,
+                    rightExpr
+            data.handlerName = "class"
+            if (!oldStyle || isFinite(oldStyle)) {
+                data.param = "" //去掉数字
+                var noExpr = text.replace(rexprg, function(a) {
+                    return Math.pow(10, a.length - 1) //将插值表达式插入10的N-1次方来占位
+                })
+                var colonIndex = noExpr.indexOf(":") //取得第一个冒号的位置
+                if (colonIndex === -1) { // 比如 ms-class="aaa bbb ccc" 的情况
+                    var className = text
+                } else { // 比如 ms-class-1="ui-state-active:checked" 的情况 
+                    className = text.slice(0, colonIndex)
+                    rightExpr = text.slice(colonIndex + 1)
+                    parseExpr(rightExpr, vmodels, data) //决定是添加还是删除
+                    if (!data.evaluator) {
+                        log("debug: ms-class '" + (rightExpr || "").trim() + "' 不存在于VM中")
+                        return false
+                    } else {
+                        data._evaluator = data.evaluator
+                        data._args = data.args
+                    }
+                }
+                var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
+                if (!hasExpr) {
+                    data.immobileClass = className
+                }
+                parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
+            } else {
+                data.immobileClass = data.oldStyle = data.param
+                parseExprProxy(text, vmodels, data)
+            }
+        },
+        "duplex": function(data, vmodels) {
+            var elem = data.element,
+                    tagName = elem.tagName
+            if (typeof duplexBinding[tagName] === "function") {
+                data.changed = getBindingCallback(elem, "data-duplex-changed", vmodels) || noop
+                //由于情况特殊，不再经过parseExprProxy
+                parseExpr(data.value, vmodels, data, "duplex")
+                if (data.evaluator && data.args) {
+                    var form = elem.form
+                    if (form && form.msValidate) {
+                        form.msValidate(elem)
+                    }
+                    data.msType = data.param || ""
+                    if (data.msType === "bool") {
+                        data.msType = "boolean"
+                        log("ms-duplex-bool已经更名为ms-duplex-boolean")
+                    } else if (data.msType === "text") {
+                        data.msType = "string"
+                        log("ms-duplex-text已经更名为ms-duplex-string")
+                    }
+                    if (data.msType === "radio") {
+                        log("ms-duplex-radio将在2.0废掉，请尽量不要用")
+                    }
+                    if (!/boolean|string|number/.test(data.msType)) {
+                        data.msType = ""
+                    }
+                    data.bound = function(type, callback) {
+                        if (elem.addEventListener) {
+                            elem.addEventListener(type, callback, false)
+                        } else {
+                            elem.attachEvent("on" + type, callback)
+                        }
+                        var old = data.rollback
+                        data.rollback = function() {
+                            avalon.unbind(elem, type, callback)
+                            old && old()
+                        }
+                    }
+                    duplexBinding[elem.tagName](elem, data.evaluator.apply(null, data.args), data)
+                }
+            }
+        },
+        "repeat": function(data, vmodels) {
+            var type = data.type
+            parseExpr(data.value, vmodels, data)
+            data.proxies = []
+            var freturn = false
+            try {
+                var $repeat = data.$repeat = data.evaluator.apply(0, data.args || [])
+                var xtype = avalon.type($repeat)
+                if (xtype !== "object" && xtype !== "array") {
+                    freturn = true
+                    avalon.log("warning:" + data.value + "对应类型不正确")
+                }
+            } catch (e) {
+                freturn = true
+                avalon.log("warning:" + data.value + "编译出错")
+            }
+            var elem = data.element
+            elem.removeAttribute(data.name)
+            data.sortedCallback = getBindingCallback(elem, "data-with-sorted", vmodels)
+            data.renderedCallback = getBindingCallback(elem, "data-" + type + "-rendered", vmodels)
+
+            var comment = data.element = DOC.createComment("ms-repeat")
+            if (type === "each" || type === "with") {
+                data.template = elem.innerHTML.trim()
+                avalon.clearHTML(elem).appendChild(comment)
+            } else {
+                data.template = elem.outerHTML.trim()
+                data.group = 1
+                elem.parentNode.replaceChild(comment, elem)
+            }
+
+            data.rollback = function() {//只用于list为对象的情况
+                bindingExecutors.repeat.call(data, "clear")
+                var elem = data.element
+                var parentNode = elem.parentNode
+                var content = avalon.parseHTML(data.template)
+                var target = content.firstChild
+                parentNode.replaceChild(content, elem)
+                target = data.element = data.type === "repeat" ? target : parentNode
+                data.group = null
+                target.setAttribute(data.name, data.value)
+            }
+            var arr = data.value.split(".") || []
+            if (arr.length > 1) {
+                arr.pop()
+                var n = arr[0]
+                for (var i = 0, v; v = vmodels[i++]; ) {
+                    if (v && v.hasOwnProperty(n)) {
+                        var events = v[n].$events
+                        events[subscribers] = events[subscribers] || []
+                        events[subscribers].push(data)
+                        break
+                    }
+                }
+            }
+            if (freturn) {
+                return
+            }
+
+            data.handler = bindingExecutors.repeat
+            data.$outer = {}
+            var check0 = "$key",
+                    check1 = "$val"
+            if (Array.isArray($repeat)) {
+                check0 = "$first"
+                check1 = "$last"
+            }
+            for (var i = 0, p; p = vmodels[i++]; ) {
+                if (p.hasOwnProperty(check0) && p.hasOwnProperty(check1)) {
+                    data.$outer = p
+                    break
+                }
+            }
+            var $list = ($repeat.$events || {})[subscribers]
+            if ($list && avalon.Array.ensure($list, data)) {
+                $$subscribers.push({
+                    data: data, list: $list
+                })
+            }
+            if (!Array.isArray($repeat) && type !== "each") {
+                var pool = withProxyPool[$repeat.$id]
+                if (!pool) {
+                    withProxyCount++
+                    pool = withProxyPool[$repeat.$id] = {}
+                    for (var key in $repeat) {
+                        if ($repeat.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                            (function(k, v) {
+                                pool[k] = createWithProxy(k, v, {})
+                                pool[k].$watch("$val", function(val) {
+                                    $repeat[k] = val //#303
+                                })
+                            })(key, $repeat[key])
+                        }
+                    }
+                }
+                data.handler("append", $repeat, pool)
+            } else {
+                data.handler("add", 0, $repeat)
+            }
+        },
+        "html": function(data, vmodels) {
+            parseExprProxy(data.value, vmodels, data)
+        },
+        "on": function(data, vmodels) {
+            var value = data.value
+            var eventType = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+            if (typeof bindingHandlers.on[eventType + "Hook"] === "function") {
+                bindingHandlers.on[eventType + "Hook"](data)
+            }
+            if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
+                var matched = (value.match(rdash) || ["", ""])[1].trim()
+                if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
+                    value = value.replace(rdash, "")
+                }
+            }
+            parseExprProxy(value, vmodels, data)
+        },
+        "visible": function(data, vmodels) {
+            var elem = avalon(data.element)
+            var display = elem.css("display")
+            if (display === "none") {
+                var style = elem[0].style
+                var has = /visibility/i.test(style.cssText)
+                var visible = elem.css("visibility")
+                style.display = ""
+                style.visibility = "hidden"
+                display = elem.css("display")
+                if (display === "none") {
+                    display = parseDisplay(elem[0].nodeName)
+                }
+                style.visibility = has ? visible : ""
+            }
+            data.display = display
+            parseExprProxy(data.value, vmodels, data)
+        },
+        "widget": function(data, vmodels) {
+            var args = data.value.match(rword)
+            var elem = data.element
+            var widget = args[0]
+            if (args[1] === "$" || !args[1]) {
+                args[1] = widget + setTimeout("1")
+            }
+            data.value = args.join(",")
+            var constructor = avalon.ui[widget]
+            if (typeof constructor === "function") { //ms-widget="tabs,tabsAAA,optname"
+                vmodels = elem.vmodels || vmodels
+                var optName = args[2] || widget //尝试获得配置项的名字，没有则取widget的名字
+                for (var i = 0, v; v = vmodels[i++]; ) {
+                    if (v.hasOwnProperty(optName) && typeof v[optName] === "object") {
+                        var nearestVM = v
+                        break
+                    }
+                }
+                if (nearestVM) {
+                    var vmOptions = nearestVM[optName]
+                    vmOptions = vmOptions.$model || vmOptions
+                    var id = vmOptions[widget + "Id"]
+                    if (typeof id === "string") {
+                        args[1] = id
+                    }
+                }
+                var widgetData = avalon.getWidgetData(elem, args[0]) //抽取data-tooltip-text、data-tooltip-attr属性，组成一个配置对象
+                data[widget + "Id"] = args[1]
+                data[widget + "Options"] = avalon.mix({}, constructor.defaults, vmOptions || {}, widgetData)
+                elem.removeAttribute("ms-widget")
+                var vmodel = constructor(elem, data, vmodels) || {} //防止组件不返回VM
+                data.evaluator = noop
+                elem.msData["ms-widget-id"] = vmodel.$id || ""
+                if (vmodel.hasOwnProperty("$init")) {
+                    vmodel.$init()
+                }
+                if (vmodel.hasOwnProperty("$remove")) {
+                    function offTree() {
+                        if (!elem.msRetain && !root.contains(elem)) {
+                            vmodel.$remove()
+                            elem.msData = {}
+                            delete VMODELS[vmodel.$id]
+                            return false
+                        }
+                    }
+                    if (window.chrome) {
+                        elem.addEventListener("DOMNodeRemovedFromDocument", function() {
+                            setTimeout(offTree)
+                        })
+                    } else {
+                        avalon.tick(offTree)
+                    }
+                }
+            } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
+                elem.vmodels = vmodels
+            }
+        }
+    }
+    //============================ class preperty binding  =======================
+    "hover,active".replace(rword, function(method) {
+        bindingHandlers[method] = bindingHandlers["class"]
+    })
+    "with,each".replace(rword, function(name) {
+        bindingHandlers[name] = bindingHandlers.repeat
+    })
+    bindingHandlers["if"] = bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+    //============================= string preperty binding =======================
+    //与href绑定器 用法差不多的其他字符串属性的绑定器
+    //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
+    "title,alt,src,value,css,include,href".replace(rword, function(name) {
+        bindingHandlers[name] = bindingHandlers.attr
+    })
+    //============================= model binding =======================
+
+    //将模型中的字段与input, textarea的value值关联在一起
+    var duplexBinding = bindingHandlers.duplex
+    //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
+    //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
+    duplexBinding.INPUT = function(element, evaluator, data) {
+        var type = element.type,
+                bound = data.bound,
+                $elem = avalon(element),
+                firstTigger = false,
+                composing = false
+        function callback(value) {
+            firstTigger = true
+            data.changed.call(this, value)
+        }
+        function compositionStart() {
+            composing = true
+        }
+        function compositionEnd() {
+            composing = false
+        }
+        //当value变化时改变model的值
+        function updateVModel() {
+            if (composing)//处理中文输入法在minlengh下引发的BUG
+                return
+            var val = element.oldValue = element.value //防止递归调用形成死循环
+            var typedVal = getTypedValue(data, val)               //尝式转换为正确的格式
+            if ($elem.data("duplex-observe") !== false) {
+                evaluator(typedVal)
+                callback.call(element, typedVal)
+                if ($elem.data("duplex-focus")) {
+                    avalon.nextTick(function() {
+                        element.focus()
+                    })
+                }
+            }
+        }
+
+        //当model变化时,它就会改变value的值
+        data.handler = function() {
+            var val = evaluator()
+            val = val == null ? "" : val + ""
+            if (val !== element.value) {
+                element.value = val
+            }
+        }
+
+        if (type === "checkbox" && data.param === "radio") {
+            type = "radio"
+        }
+        if (type === "radio") {
+            var IE6 = !window.XMLHttpRequest
+            updateVModel = function() {
+                if ($elem.data("duplex-observe") !== false) {
+                    var val = element.value
+                    var typedValue = data.msType ? getTypedValue(data, val) : !element.oldValue
+                    evaluator(typedValue)
+                    callback.call(element, typedValue)
+                }
+            }
+            data.handler = function() {
+                var val = evaluator()
+                var checked = data.msType ? val + "" === element.value : !!val
+                element.oldValue = checked
+                if (IE6) {
+                    setTimeout(function() {
+                        //IE8 checkbox, radio是使用defaultChecked控制选中状态，
+                        //并且要先设置defaultChecked后设置checked
+                        //并且必须设置延迟
+                        element.defaultChecked = checked
+                        element.checked = checked
+                    }, 100)
+                } else {
+                    element.checked = checked
+                }
+            }
+            bound(IE6 ? "mouseup" : "click", updateVModel)
+        } else if (type === "checkbox") {
+            updateVModel = function() {
+                if ($elem.data("duplex-observe") !== false) {
+                    var method = element.checked ? "ensure" : "remove"
+                    var array = evaluator()
+                    if (!Array.isArray(array)) {
+                        log("ms-duplex应用于checkbox上要对应一个数组")
+                        array = [array]
+                    }
+                    var typedValue = getTypedValue(data, element.value)
+                    avalon.Array[method](array, typedValue)
+                    callback.call(element, array)
+                }
+            }
+
+            data.handler = function() {
+                var array = [].concat(evaluator()) //强制转换为数组
+                element.checked = array.indexOf(getTypedValue(data, element.value)) >= 0
+            }
+
+            bound(W3C ? "change" : "click", updateVModel)
+
+        } else {
+            var event = element.attributes["data-duplex-event"] || element.attributes["data-event"] || {}
+            if (element.attributes["data-event"]) {
+                log("data-event指令已经废弃，请改用data-duplex-event")
+            }
+            event = event.value
+            if (event === "change") {
+                bound("change", updateVModel)
+            } else {
+                if (W3C && DOC.documentMode !== 9) { //IE10+, W3C
+                    bound("input", updateVModel)
+                    bound("compositionstart", compositionStart)
+                    bound("compositionend", compositionEnd)
+                } else {
+                    var events = ["keyup", "paste", "cut", "change"]
+
+                    function removeFn(e) {
+                        var key = e.keyCode
+                        //    command            modifiers                   arrows
+                        if (key === 91 || (15 < key && key < 19) || (37 <= key && key <= 40))
+                            return
+                        if (e.type === "cut") {
+                            avalon.nextTick(updateVModel)
+                        } else {
+                            updateVModel()
+                        }
+                    }
+
+                    events.forEach(function(type) {
+                        element.attachEvent("on" + type, removeFn)
+                    })
+
+                    data.rollback = function() {
+                        events.forEach(function(type) {
+                            element.detachEvent("on" + type, removeFn)
+                        })
+                    }
+                }
+            }
+        }
+        element.oldValue = element.value
+        launch(function() {
+            if (avalon.contains(root, element)) {
+                onTree.call(element)
+            } else if (!element.msRetain) {
+                return false
+            }
+        })
+        registerSubscriber(data)
+        var timer = setTimeout(function() {
+            if (!firstTigger) {
+                callback.call(element, element.value)
+            }
+            clearTimeout(timer)
+        }, 31)
+    }
+
+    function getTypedValue(data, val) {
+        switch (data.msType) {
+            case "boolean":
+                return val === "true"
+            case "number":
+                return isFinite(val) || val === "" ? parseFloat(val) || 0 : val
+            default:
+                return val
+        }
+    }
+
+    var TimerID, ribbon = [],
+            launch = noop
+    function W3CFire(el, name, detail) {
+        var event = DOC.createEvent("Events")
+        event.initEvent(name, true, true)
+        if (detail) {
+            event.detail = detail
+        }
+        el.dispatchEvent(event)
+    }
+
+    function onTree() { //disabled状态下改动不触发input事件
+        if (!this.disabled && this.oldValue !== this.value) {
+            if (W3C) {
+                W3CFire(this, "input")
+            } else {
+                this.fireEvent("onchange")
+            }
+        }
+    }
+
+    avalon.tick = function(fn) {
+        if (ribbon.push(fn) === 1) {
+            TimerID = setInterval(ticker, 60)
+        }
+    }
+
+    function ticker() {
+        for (var n = ribbon.length - 1; n >= 0; n--) {
+            var el = ribbon[n]
+            if (el() === false) {
+                ribbon.splice(n, 1)
+            }
+        }
+        if (!ribbon.length) {
+            clearInterval(TimerID)
+        }
+    }
+
+    function newSetter(newValue) {
+        oldSetter.call(this, newValue)
+        if (newValue !== this.oldValue) {
+            W3CFire(this, "input")
+        }
+    }
+    try {
+        var inputProto = HTMLInputElement.prototype
+        Object.getOwnPropertyNames(inputProto)//故意引发IE6-8等浏览器报错
+        var oldSetter = Object.getOwnPropertyDescriptor(inputProto, "value").set //屏蔽chrome, safari,opera
+        Object.defineProperty(inputProto, "value", {
+            set: newSetter
+        })
+    } catch (e) {
+        launch = avalon.tick
+    }
+
+    duplexBinding.SELECT = function(element, evaluator, data) {
+        var $elem = avalon(element)
+        function updateVModel() {
+            if ($elem.data("duplex-observe") !== false) {
+                var val = $elem.val() //字符串或字符串数组
+                if (Array.isArray(val)) {
+                    val = val.map(function(v) {
+                        return getTypedValue(data, v)
+                    })
+                } else {
+                    val = getTypedValue(data, val)
+                }
+                if (val + "" !== element.oldValue) {
+                    evaluator(val)
+                }
+                data.changed.call(element, val)
+            }
+        }
+        data.handler = function() {
+            var val = evaluator()
+            val = val && val.$model || val
+            //必须变成字符串后才能比较
+            if (Array.isArray(val)) {
+                if (!element.multiple) {
+                    log("ms-duplex在<select multiple=true>上要求对应一个数组")
+                }
+            } else {
+                if (element.multiple) {
+                    log("ms-duplex在<select multiple=false>不能对应一个数组")
+                }
+            }
+            val = Array.isArray(val) ? val.map(String) : val + ""
+            if (val + "" !== element.oldValue) {
+                $elem.val(val)
+                element.oldValue = val + ""
+            }
+        }
+        data.bound("change", updateVModel)
+        var innerHTML = NaN
+        var id = setInterval(function() {
+            var currHTML = element.innerHTML
+            if (currHTML === innerHTML) {
+                clearInterval(id)
+                //先等到select里的option元素被扫描后，才根据model设置selected属性  
+                registerSubscriber(data)
+                data.changed.call(element, evaluator())
+            } else {
+                innerHTML = currHTML
+            }
+        }, 20)
+    }
+    duplexBinding.TEXTAREA = duplexBinding.INPUT
+    //============================= event binding =======================
+
+    function fixEvent(event) {
+        var ret = {}
+        for (var i in event) {
+            ret[i] = event[i]
+        }
+        var target = ret.target = event.srcElement
+        if (event.type.indexOf("key") === 0) {
+            ret.which = event.charCode != null ? event.charCode : event.keyCode
+        } else if (/mouse|click/.test(event.type)) {
+            var doc = target.ownerDocument || DOC
+            var box = doc.compatMode === "BackCompat" ? doc.body : doc.documentElement
+            ret.pageX = event.clientX + (box.scrollLeft >> 0) - (box.clientLeft >> 0)
+            ret.pageY = event.clientY + (box.scrollTop >> 0) - (box.clientTop >> 0)
+            ret.wheelDeltaY = ret.wheelDelta
+            ret.wheelDeltaX = 0
+        }
+        ret.timeStamp = new Date - 0
+        ret.originalEvent = event
+        ret.preventDefault = function() { //阻止默认行为
+            event.returnValue = false
+        }
+        ret.stopPropagation = function() { //阻止事件在DOM树中的传播
+            event.cancelBubble = true
+        }
+        return ret
+    }
+
+    var eventHooks = avalon.eventHooks
+    //针对firefox, chrome修正mouseenter, mouseleave
+    if (!("onmouseenter" in root)) {
+        avalon.each({
+            mouseenter: "mouseover",
+            mouseleave: "mouseout"
+        }, function(origType, fixType) {
+            eventHooks[origType] = {
+                type: fixType,
+                deel: function(elem, fn) {
+                    return function(e) {
+                        var t = e.relatedTarget
+                        if (!t || (t !== elem && !(elem.compareDocumentPosition(t) & 16))) {
+                            delete e.type
+                            e.type = origType
+                            return fn.call(elem, e)
+                        }
+                    }
+                }
+            }
+        })
+    }
+    //针对IE9+, w3c修正animationend
+    avalon.each({
+        AnimationEvent: "animationend",
+        WebKitAnimationEvent: "webkitAnimationEnd"
+    }, function(construct, fixType) {
+        if (window[construct] && !eventHooks.animationend) {
+            eventHooks.animationend = {
+                type: fixType
+            }
+        }
+    })
+    //针对IE6-8修正input
+    if (!("oninput" in DOC.createElement("input"))) {
+        eventHooks.input = {
+            type: "propertychange",
+            deel: function(elem, fn) {
+                return function(e) {
+                    if (e.propertyName === "value") {
+                        e.type = "input"
+                        return fn.call(elem, e)
+                    }
+                }
+            }
+        }
+    }
+    if (DOC.onmousewheel === void 0) {
+        /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
+         firefox DOMMouseScroll detail 下3 上-3
+         firefox wheel detlaY 下3 上-3
+         IE9-11 wheel deltaY 下40 上-40
+         chrome wheel deltaY 下100 上-100 */
+        var fixWheelType = DOC.onwheel !== void 0 ? "wheel" : "DOMMouseScroll"
+        var fixWheelDelta = fixWheelType === "wheel" ? "deltaY" : "detail"
+        eventHooks.mousewheel = {
+            type: fixWheelType,
+            deel: function(elem, fn) {
+                return function(e) {
+                    e.wheelDeltaY = e.wheelDelta = e[fixWheelDelta] > 0 ? -120 : 120
+                    e.wheelDeltaX = 0
+                    if (Object.defineProperty) {
+                        Object.defineProperty(e, "type", {
+                            value: "mousewheel"
+                        })
+                    }
+                    fn.call(elem, e)
+                }
+            }
+        }
+    }
+
+    /*********************************************************************
+     *          监控数组（与ms-each, ms-repeat配合使用）                     *
+     **********************************************************************/
+
+    function Collection(model) {
+        var array = []
+        array.$id = generateID()
+        array.$model = model   //数据模型
+        array.$events = {}
+        array.$events[subscribers] = []
+        array._ = modelFactory({
+            length: model.length
+        })
+        array._.$watch("length", function(a, b) {
+            array.$fire("length", a, b)
+        })
+        for (var i in EventManager) {
+            array[i] = EventManager[i]
+        }
+        avalon.mix(array, CollectionPrototype)
+        return array
+    }
+
+    var _splice = ap.splice
+    var CollectionPrototype = {
+        _splice: _splice,
+        _fire: function(method, a, b) {
+            notifySubscribers(this.$events[subscribers], method, a, b)
+        },
+        _add: function(arr, pos) { //在第pos个位置上，添加一组元素
+            var oldLength = this.length
+            pos = typeof pos === "number" ? pos : oldLength
+            var added = []
+            for (var i = 0, n = arr.length; i < n; i++) {
+                added[i] = convert(arr[i])
+            }
+            _splice.apply(this, [pos, 0].concat(added))
+            this._fire("add", pos, added)
+            if (!this._stopFireLength) {
+                return this._.length = this.length
+            }
+        },
+        _del: function(pos, n) { //在第pos个位置上，删除N个元素
+            var ret = this._splice(pos, n)
+            if (ret.length) {
+                this._fire("del", pos, n)
+                if (!this._stopFireLength) {
+                    this._.length = this.length
+                }
+            }
+            return ret
+        },
+        push: function() {
+            ap.push.apply(this.$model, arguments)
+            var n = this._add(arguments)
+            this._fire("index", n > 2 ? n - 2 : 0)
+            return n
+        },
+        pushArray: function(array) {
+            return this.push.apply(this, array)
+        },
+        unshift: function() {
+            ap.unshift.apply(this.$model, arguments)
+            this._add(arguments, 0)
+            this._fire("index", arguments.length)
+            return this.$model.length //IE67的unshift不会返回长度
+        },
+        shift: function() {
+            var el = this.$model.shift()
+            this._del(0, 1)
+            this._fire("index", 0)
+            return el //返回被移除的元素
+        },
+        pop: function() {
+            var el = this.$model.pop()
+            this._del(this.length - 1, 1)
+            return el //返回被移除的元素
+        },
+        splice: function(a, b) {
+            // 必须存在第一个参数，需要大于-1, 为添加或删除元素的基点
+            a = _number(a, this.length)
+            var removed = _splice.apply(this.$model, arguments),
+                    ret = [], change
+            this._stopFireLength = true //确保在这个方法中 , $watch("length",fn)只触发一次
+            if (removed.length) {
+                ret = this._del(a, removed.length)
+                change = true
+            }
+            if (arguments.length > 2) {
+                this._add(aslice.call(arguments, 2), a)
+                change = true
+            }
+            this._stopFireLength = false
+            this._.length = this.length
+            if (change) {
+                this._fire("index", 0)
+            }
+            return ret //返回被移除的元素
+        },
+        contains: function(el) { //判定是否包含
+            return this.indexOf(el) !== -1
+        },
+        size: function() { //取得数组长度，这个函数可以同步视图，length不能
+            return this._.length
+        },
+        remove: function(el) { //移除第一个等于给定值的元素
+            return this.removeAt(this.indexOf(el))
+        },
+        removeAt: function(index) { //移除指定索引上的元素
+            return index >= 0 ? this.splice(index, 1) : []
+        },
+        clear: function() {
+            this.$model.length = this.length = this._.length = 0 //清空数组
+            this._fire("clear", 0)
+            return this
+        },
+        removeAll: function(all) { //移除N个元素
+            if (Array.isArray(all)) {
+                all.forEach(function(el) {
+                    this.remove(el)
+                }, this)
+            } else if (typeof all === "function") {
+                for (var i = this.length - 1; i >= 0; i--) {
+                    var el = this[i]
+                    if (all(el, i)) {
+                        this.splice(i, 1)
+                    }
+                }
+            } else {
+                this.clear()
+            }
+        },
+        ensure: function(el) {
+            if (!this.contains(el)) { //只有不存在才push
+                this.push(el)
+            }
+            return this
+        },
+        set: function(index, val) {
+            if (index >= 0) {
+                var valueType = avalon.type(val)
+                if (val && val.$model) {
+                    val = val.$model
+                }
+                var target = this[index]
+                if (valueType === "object") {
+                    for (var i in val) {
+                        if (target.hasOwnProperty(i)) {
+                            target[i] = val[i]
+                        }
+                    }
+                } else if (valueType === "array") {
+                    target.clear().push.apply(target, val)
+                } else if (target !== val) {
+                    this[index] = val
+                    this.$model[index] = val
+                    this._fire("set", index, val)
+                }
+            }
+            return this
+        }
+    }
+    "sort,reverse".replace(rword, function(method) {
+        CollectionPrototype[method] = function() {
+            var aaa = this.$model,
+                    bbb = aaa.slice(0),
+                    sorted = false
+            ap[method].apply(aaa, arguments) //先移动model
+            for (var i = 0, n = bbb.length; i < n; i++) {
+                var a = aaa[i],
+                        b = bbb[i]
+                if (!isEqual(a, b)) {
+                    sorted = true
+                    var index = bbb.indexOf(a, i)
+                    var remove = this._splice(index, 1)[0]
+                    var remove2 = bbb.splice(index, 1)[0]
+                    this._splice(i, 0, remove)
+                    bbb.splice(i, 0, remove2)
+                    this._fire("move", index, i)
+                }
+            }
+            bbb = void 0
+            if (sorted) {
+                this._fire("index", 0)
+            }
+            return this
+        }
+    })
+
+    function convert(val) {
+        if (rcomplexType.test(avalon.type(val))) {
+            val = val.$id ? val : modelFactory(val)
+        }
+        return val
+    }
+
+    //============ each/repeat/with binding 用到的辅助函数与对象 ======================
+
+    //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
+    function shimController(data, transation, proxy, fragments) {
+        var dom = avalon.parseHTML(data.template)
+        var nodes = avalon.slice(dom.childNodes)
+        transation.appendChild(dom)
+        proxy.$outer = data.$outer
+        var fragment = {
+            nodes: nodes,
+            vmodels: [proxy].concat(data.vmodels)
+        }
+        fragments.push(fragment)
+    }
+    // 取得用于定位的节点。比如data.group = 3,  结构为
+    // <div><!--ms-repeat--><br id="first"><br/><br/><br id="second"><br/><br/></div>
+    // 当pos为0时,返回 br#first
+    // 当pos为1时,返回 br#second
+    // 当pos为2时,返回 null
+    function locateFragment(data, pos) {
+        var comment = data.element
+        if (data.type == "repeat") {//ms-repeat，data.group为1
+            var node = comment.nextSibling
+            for (var i = 0, n = pos; i < n; i++) {
+                if (node) {
+                    node = node.nextSibling
+                } else {
+                    break
+                }
+            }
+        } else {
+            var nodes = avalon.slice(comment.parentNode.childNodes, 1)
+            var group = data.group || nodes.length / data.proxies.length
+            node = nodes[group * pos]
+        }
+        return node || null
+    }
+
+    function removeFragment(node, group, pos) {
+        var n = group * (pos || 1)
+        var nodes = [node], i = 1
+        var view = hyperspace
+        while (i < n) {
+            node = node.nextSibling
+            if (node) {
+                nodes[i++] = node
+            }
+        }
+        for (var i = 0; node = nodes[i++]; ) {
+            view.appendChild(node)
+        }
+        return view
+    }
+
+    function calculateFragmentGroup(data) {
+        if (!isFinite(data.group)) {
+            var nodes = avalon.slice(data.element.parentNode.childNodes, 1)
+            var n = "proxySize" in data ? data.proxySize : data.proxies.length
+            data.group = nodes.length / n
+        }
+    }
+    // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
+    var watchEachOne = oneObject("$index,$first,$last")
+
+    function createWithProxy(key, val, $outer) {
+        var proxy = modelFactory({
+            $key: key,
+            $outer: $outer,
+            $val: val
+        }, {
+            $val: 1,
+            $key: 1
+        })
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
+        return proxy
+    }
+    var eachProxyPool = []
+    function getEachProxy(index, item, data, last) {
+        var param = data.param || "el", proxy
+        var source = {
+            $remove: function() {
+                return data.$repeat.removeAt(proxy.$index)
+            },
+            $itemName: param,
+            $index: index,
+            $outer: data.$outer,
+            $first: index === 0,
+            $last: index === last
+        }
+        source[param] = item
+        for (var i = 0, n = eachProxyPool.length; i < n; i++) {
+            var proxy = eachProxyPool[i]
+            if (proxy.hasOwnProperty(param)) {
+                for (var k in source) {
+                    proxy[k] = source[k]
+                }
+                eachProxyPool.splice(i, 1)
+                return proxy
+            }
+        }
+        if (rcomplexType.test(avalon.type(item))) {
+            source.$skipArray = [param]
+        }
+        proxy = modelFactory(source, watchEachOne)
+        proxy.$watch(param, function(val) {
+            data.$repeat.set(proxy.$index, val)
+        })
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
+        return proxy
+    }
+
+    function recycleEachProxies(array) {
+        for (var i = 0, el; el = array[i++]; ) {
+            recycleEachProxy(el)
+        }
+        array.length = 0
+    }
+
+    function recycleEachProxy(proxy) {
+        for (var i in proxy.$events) {
+            if (Array.isArray(proxy.$events[i])) {
+                proxy.$events[i].length = 0
+            }
+        }
+        if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
+            eachProxyPool.pop()
+        }
+    }
+    /*********************************************************************
+     *                             自带过滤器                            *
+     **********************************************************************/
+    var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
+    var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
+    var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
+    var rsanitize = {
+        a: /\b(href)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        img: /\b(src)\=("javascript[^"]*"|'javascript[^']*')/ig,
+        form: /\b(action)\=("javascript[^"]*"|'javascript[^']*')/ig
+    }
+    var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
+    var rnoalphanumeric = /([^\#-~| |!])/g;
+    var filters = avalon.filters = {
+        uppercase: function(str) {
+            return str.toUpperCase()
+        },
+        lowercase: function(str) {
+            return str.toLowerCase()
+        },
+        truncate: function(target, length, truncation) {
+            //length，新字符串长度，truncation，新字符串的结尾的字段,返回新字符串
+            length = length || 30
+            truncation = truncation === void(0) ? "..." : truncation
+            return target.length > length ? target.slice(0, length - truncation.length) + truncation : String(target)
+        },
+        camelize: camelize,
+        //https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+        //    <a href="javasc&NewLine;ript&colon;alert('XSS')">chrome</a> 
+        //    <a href="data:text/html;base64, PGltZyBzcmM9eCBvbmVycm9yPWFsZXJ0KDEpPg==">chrome</a>
+        //    <a href="jav	ascript:alert('XSS');">IE67chrome</a>
+        //    <a href="jav&#x09;ascript:alert('XSS');">IE67chrome</a>
+        //    <a href="jav&#x0A;ascript:alert('XSS');">IE67chrome</a>
+        sanitize: function(str) {
+            return str.replace(rscripts, "").replace(ropen, function(a, b) {
+                var match = a.toLowerCase().match(/<(\w+)\s/)
+                if (match) {//处理a标签的href属性，img标签的src属性，form标签的action属性
+                    var reg = rsanitize[match[1]]
+                    if (reg) {
+                        a = a.replace(reg, function(s, name, value) {
+                            var quote = value.charAt(0)
+                            return  name + "=" + quote + "javascript:void(0)" + quote
+                        })
+                    }
+                }
+                return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
+            })
+        },
+        escape: function(html) {
+            //将字符串经过 html 转义得到适合在页面中显示的内容, 例如替换 < 为 &lt 
+            return String(html).
+                    replace(/&/g, '&amp;').
+                    replace(rsurrogate, function(value) {
+                        var hi = value.charCodeAt(0)
+                        var low = value.charCodeAt(1)
+                        return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';'
+                    }).
+                    replace(rnoalphanumeric, function(value) {
+                        return '&#' + value.charCodeAt(0) + ';'
+                    }).
+                    replace(/</g, '&lt;').
+                    replace(/>/g, '&gt;')
+        },
+        currency: function(number, symbol) {
+            symbol = symbol || "\uFFE5"
+            return symbol + avalon.filters.number(number)
+        },
+        number: function(number, decimals, dec_point, thousands_sep) {
+            //与PHP的number_format完全兼容
+            //number	必需，要格式化的数字
+            //decimals	可选，规定多少个小数位。
+            //dec_point	可选，规定用作小数点的字符串（默认为 . ）。
+            //thousands_sep	可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
+            // http://kevin.vanzonneveld.net
+            number = (number + "").replace(/[^0-9+\-Ee.]/g, "")
+            var n = !isFinite(+number) ? 0 : +number,
+                    prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
+                    sep = thousands_sep || ",",
+                    dec = dec_point || ".",
+                    s = "",
+                    toFixedFix = function(n, prec) {
+                        var k = Math.pow(10, prec)
+                        return "" + Math.round(n * k) / k
+                    }
+            // Fix for IE parseFloat(0.55).toFixed(0) = 0 
+            s = (prec ? toFixedFix(n, prec) : "" + Math.round(n)).split('.')
+            if (s[0].length > 3) {
+                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
+            }
+            if ((s[1] || "").length < prec) {
+                s[1] = s[1] || ""
+                s[1] += new Array(prec - s[1].length + 1).join("0")
+            }
+            return s.join(dec)
+        }
+    }
+    /*
+     'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010)
+     'yy': 2 digit representation of year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10)
+     'y': 1 digit representation of year, e.g. (AD 1 => 1, AD 199 => 199)
+     'MMMM': Month in year (January-December)
+     'MMM': Month in year (Jan-Dec)
+     'MM': Month in year, padded (01-12)
+     'M': Month in year (1-12)
+     'dd': Day in month, padded (01-31)
+     'd': Day in month (1-31)
+     'EEEE': Day in Week,(Sunday-Saturday)
+     'EEE': Day in Week, (Sun-Sat)
+     'HH': Hour in day, padded (00-23)
+     'H': Hour in day (0-23)
+     'hh': Hour in am/pm, padded (01-12)
+     'h': Hour in am/pm, (1-12)
+     'mm': Minute in hour, padded (00-59)
+     'm': Minute in hour (0-59)
+     'ss': Second in minute, padded (00-59)
+     's': Second in minute (0-59)
+     'a': am/pm marker
+     'Z': 4 digit (+sign) representation of the timezone offset (-1200-+1200)
+     format string can also be one of the following predefined localizable formats:
+     
+     'medium': equivalent to 'MMM d, y h:mm:ss a' for en_US locale (e.g. Sep 3, 2010 12:05:08 pm)
+     'short': equivalent to 'M/d/yy h:mm a' for en_US locale (e.g. 9/3/10 12:05 pm)
+     'fullDate': equivalent to 'EEEE, MMMM d,y' for en_US locale (e.g. Friday, September 3, 2010)
+     'longDate': equivalent to 'MMMM d, y' for en_US locale (e.g. September 3, 2010
+     'mediumDate': equivalent to 'MMM d, y' for en_US locale (e.g. Sep 3, 2010)
+     'shortDate': equivalent to 'M/d/yy' for en_US locale (e.g. 9/3/10)
+     'mediumTime': equivalent to 'h:mm:ss a' for en_US locale (e.g. 12:05:08 pm)
+     'shortTime': equivalent to 'h:mm a' for en_US locale (e.g. 12:05 pm)
+     */
+    new function() {
+        function toInt(str) {
+            return parseInt(str, 10)
+        }
+
+        function padNumber(num, digits, trim) {
+            var neg = ""
+            if (num < 0) {
+                neg = '-'
+                num = -num
+            }
+            num = "" + num
+            while (num.length < digits)
+                num = "0" + num
+            if (trim)
+                num = num.substr(num.length - digits)
+            return neg + num
+        }
+
+        function dateGetter(name, size, offset, trim) {
+            return function(date) {
+                var value = date["get" + name]()
+                if (offset > 0 || value > -offset)
+                    value += offset
+                if (value === 0 && offset === -12) {
+                    value = 12
+                }
+                return padNumber(value, size, trim)
+            }
+        }
+
+        function dateStrGetter(name, shortForm) {
+            return function(date, formats) {
+                var value = date["get" + name]()
+                var get = (shortForm ? ("SHORT" + name) : name).toUpperCase()
+                return formats[get][value]
+            }
+        }
+
+        function timeZoneGetter(date) {
+            var zone = -1 * date.getTimezoneOffset()
+            var paddedZone = (zone >= 0) ? "+" : ""
+            paddedZone += padNumber(Math[zone > 0 ? "floor" : "ceil"](zone / 60), 2) + padNumber(Math.abs(zone % 60), 2)
+            return paddedZone
+        }
+        //取得上午下午
+
+        function ampmGetter(date, formats) {
+            return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1]
+        }
+        var DATE_FORMATS = {
+            yyyy: dateGetter("FullYear", 4),
+            yy: dateGetter("FullYear", 2, 0, true),
+            y: dateGetter("FullYear", 1),
+            MMMM: dateStrGetter("Month"),
+            MMM: dateStrGetter("Month", true),
+            MM: dateGetter("Month", 2, 1),
+            M: dateGetter("Month", 1, 1),
+            dd: dateGetter("Date", 2),
+            d: dateGetter("Date", 1),
+            HH: dateGetter("Hours", 2),
+            H: dateGetter("Hours", 1),
+            hh: dateGetter("Hours", 2, -12),
+            h: dateGetter("Hours", 1, -12),
+            mm: dateGetter("Minutes", 2),
+            m: dateGetter("Minutes", 1),
+            ss: dateGetter("Seconds", 2),
+            s: dateGetter("Seconds", 1),
+            sss: dateGetter("Milliseconds", 3),
+            EEEE: dateStrGetter("Day"),
+            EEE: dateStrGetter("Day", true),
+            a: ampmGetter,
+            Z: timeZoneGetter
+        }
+        var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,
+                NUMBER_STRING = /^\d+$/
+        var R_ISO8601_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/
+        // 1        2       3         4          5          6          7          8  9     10      11
+
+        function jsonStringToDate(string) {
+            var match
+            if (match = string.match(R_ISO8601_STR)) {
+                var date = new Date(0),
+                        tzHour = 0,
+                        tzMin = 0,
+                        dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear,
+                        timeSetter = match[8] ? date.setUTCHours : date.setHours
+                if (match[9]) {
+                    tzHour = toInt(match[9] + match[10])
+                    tzMin = toInt(match[9] + match[11])
+                }
+                dateSetter.call(date, toInt(match[1]), toInt(match[2]) - 1, toInt(match[3]))
+                var h = toInt(match[4] || 0) - tzHour
+                var m = toInt(match[5] || 0) - tzMin
+                var s = toInt(match[6] || 0)
+                var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000)
+                timeSetter.call(date, h, m, s, ms)
+                return date
+            }
+            return string
+        }
+        var rfixFFDate = /^(\d+)-(\d+)-(\d{4})$/
+        var rfixIEDate = /^(\d+)\s+(\d+),(\d{4})$/
+        filters.date = function(date, format) {
+            var locate = filters.date.locate,
+                    text = "",
+                    parts = [],
+                    fn, match
+            format = format || "mediumDate"
+            format = locate[format] || format
+            if (typeof date === "string") {
+                if (NUMBER_STRING.test(date)) {
+                    date = toInt(date)
+                } else {
+                    var trimDate = date.trim()
+                    if (trimDate.match(rfixFFDate) || trimDate.match(rfixIEDate)) {
+                        date = RegExp.$3 + "/" + RegExp.$1 + "/" + RegExp.$2
+                    }
+                    date = jsonStringToDate(date)
+                }
+                date = new Date(date)
+            }
+            if (typeof date === "number") {
+                date = new Date(date)
+            }
+            if (avalon.type(date) !== "date") {
+                return
+            }
+            while (format) {
+                match = DATE_FORMATS_SPLIT.exec(format)
+                if (match) {
+                    parts = parts.concat(match.slice(1))
+                    format = parts.pop()
+                } else {
+                    parts.push(format)
+                    format = null
+                }
+            }
+            parts.forEach(function(value) {
+                fn = DATE_FORMATS[value]
+                text += fn ? fn(date, locate) : value.replace(/(^'|'$)/g, "").replace(/''/g, "'")
+            })
+            return text
+        }
+        var locate = {
+            AMPMS: {
+                0: "上午",
+                1: "下午"
+            },
+            DAY: {
+                0: "星期日",
+                1: "星期一",
+                2: "星期二",
+                3: "星期三",
+                4: "星期四",
+                5: "星期五",
+                6: "星期六"
+            },
+            MONTH: {
+                0: "1月",
+                1: "2月",
+                2: "3月",
+                3: "4月",
+                4: "5月",
+                5: "6月",
+                6: "7月",
+                7: "8月",
+                8: "9月",
+                9: "10月",
+                10: "11月",
+                11: "12月"
+            },
+            SHORTDAY: {
+                "0": "周日",
+                "1": "周一",
+                "2": "周二",
+                "3": "周三",
+                "4": "周四",
+                "5": "周五",
+                "6": "周六"
+            },
+            fullDate: "y年M月d日EEEE",
+            longDate: "y年M月d日",
+            medium: "yyyy-M-d ah:mm:ss",
+            mediumDate: "yyyy-M-d",
+            mediumTime: "ah:mm:ss",
+            "short": "yy-M-d ah:mm",
+            shortDate: "yy-M-d",
+            shortTime: "ah:mm"
+        }
+        locate.SHORTMONTH = locate.MONTH
+        filters.date.locate = locate
+    }
+
+
+    /*********************************************************************
+     *                     END                                  *
+     **********************************************************************/
+    avalon.ready = noop
+    avalon.bind(window, "load", function() {
+        avalon.scan(DOC.body)
+    })
+    avalon.config({
+        loader: false
+    })
+
+})(document)
+/**
+ http://www.cnblogs.com/henryzhu/p/mvvm-1-why-mvvm.ht
+ http://dev.oupeng.com/wp-content/uploads/20131109-kennyluck-optimizing-js-games.html#controls-slide
+ http://ps.p12345.com/
+ */
diff --git a/examples/class.html b/examples/class.html
index 226fc789b..81ec870e2 100644
--- a/examples/class.html
+++ b/examples/class.html
@@ -1,73 +1,43 @@
-
 <!DOCTYPE html>
 <html>
     <head>
-        <title>ms-class</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <title>新风格</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
         <script src="../avalon.js"></script>
+        <script>
+            var model = avalon.define({
+                $id: "ms-class",
+                toggle: true,
+                click: function(e) {
+                    model.toggle = !model.toggle
+                }
+            })
+        </script>
         <style>
-            .width500{
-                width:500px;
-            }
-            .height200{
-                height: 200px
-            }
-            .bgRed{
-                background:red;
-            }
-            .ui-corner-bottom{
-                width:500px;
-                height:20px;
-                background: blue;
-                border-bottom-right-radius:10px;
-                border-bottom-left-radius:10px;
-            }
-            .ui-corner-all{
-                width:500px;
-                height:20px;
-                background: pink;
-                border-radius:10px;
+            .test{
+                width:100px;
+                height:100px;
+                border:1px solid red;
+                color:red;
+                -webkit-user-select: none;  /* Chrome all / Safari all */
+                -moz-user-select: none;     /* Firefox all */
+                -ms-user-select: none;      /* IE 10+ */
+                -o-user-select: none;
+                user-select: none;          
             }
             .aaa{
-                background: black;
-            }
-            .hover{
-                background: whitesmoke;
-                border:1px solid #FF77F1;
-                color:#000!important;
-            }
-            .bbb{
-                color:white;
-            }
-            .ccc{
-                width:500px;
-                height:40px;
+                color:blue;
+                border:1px solid blue;
             }
         </style>
-        <script type="text/javascript">
-            var model = avalon.define("test", function(vm) {
-                vm.w = 500
-                vm.h = 200
-                vm.bottom = true
-                vm.toggleBottom = function() {
-                    vm.bottom = !vm.bottom
-                }
-                vm.num = "00"
-                vm.className = "点我"
-                vm.changeClassName = function() {
-                    vm.num = (100 * Math.random()).toFixed(0);
-                    vm.className = this.className
-                };
-            })
-        </script>
     </head>
-    <body ms-controller="test">
-        <h3 style="text-align: center">ms-class</h3>
-        <div ms-class-ui-corner-bottom="bottom" 
-             ms-class-ui-corner-all="!bottom" ms-click='toggleBottom' >点我切换类名</div>
-        <div ms-class="aaa bbb ccc" ms-hover='hover'>添加多个类名，并且移上去会有hover效果</div>
-        <div ms-class="bgRed width{{w}} height{{h}}" ms-css-height="h">类名通过插值表达式生成{{w}} * {{h}}
-            <p><input data-duplex-event="change" ms-duplex="h"></div>
-        <p><button type='button' ms-class="test{{num}}" ms-click="changeClassName">{{className}}</button></p>
+    <body ms-controller="ms-class">
+        <div class="test" ms-class="aaa:toggle" ms-click="click">点我</div>
+        <div  ms-class="aaa"  ms-class-1="bbb"  ms-class-2="ccc"> 它的名类是aaa bbb ccc   </div>
+        <div  ms-class-2="aaa" ms-class="bbb"  ms-class-1="ccc" >  它的名类是bbb ccc aaa   </div>
+        <div  ms-class="bbb"  ms-class-1="aaa"  ms-class-2="ccc">  它的名类是bbb aaa ccc   </div>
+        <div  ms-class="xxx yyy zzz" >  它的名类是xxx yyy zzz   </div>
+        <div  ms-class="XXX YYY ZZZ:true" >  它的名类是XXX YYY ZZZ    </div>
     </body>
 </html>
diff --git a/examples/class1.html b/examples/class1.html
new file mode 100644
index 000000000..d51e3d194
--- /dev/null
+++ b/examples/class1.html
@@ -0,0 +1,65 @@
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>ms-class</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <script src="../avalon.js"></script>
+        <style>
+            .ms-class div{
+                display:inline-block;
+                width:200px;
+                height:100px;
+                border: 1px solid  black;
+            }
+            .active{
+                background: black;
+                color: white;
+            }
+            .bgRed {
+                background:palegoldenrod;
+            }
+            .hover{
+                background: red;
+                color: white;
+            }
+            .green{
+                 background: green;
+            }
+        </style>
+        <script type="text/javascript">
+            var model = avalon.define({
+                $id: "test",
+                w: 500,
+                h: 200,
+                bottom: true,
+                num: "00",
+                className: "点我",
+                array: [],
+                add: function(){
+                    model.array.push(1)
+                },
+                remove: function(){
+                    model.array.pop()
+                },
+                changeClassName: function() {
+                    model.num = (100 * Math.random()).toFixed(0);
+                    model.className = this.className
+                }
+            })
+        </script>
+    </head>
+    <body ms-controller="test" class="ms-class">
+        <div ms-active="active" >测试:active</div>
+        <div ms-hover="hover" >测试:hover</div>
+        <div ms-class="bgRed width{{w}} height{{h}}" ms-css-width="h">
+            类名通过插值表达式生成<br/>
+            {{w}} * {{h}}<br/>
+            <input data-duplex-event="change" ms-duplex="h">
+        </div>
+        <p><button type="button" ms-class="test{{num}}" ms-click="changeClassName">{{className}}</button></p>
+        <div ms-class="green: array.length">
+            <button ms-click="add" type="button">add</button><button ms-click="remove" type="button">remove</button>
+        </div>
+    </body>
+</html>
diff --git a/examples/class3.html b/examples/class3.html
new file mode 100644
index 000000000..1f27a0654
--- /dev/null
+++ b/examples/class3.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>ms-class</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js"></script>
+        <script>
+            avalon.define({
+                $id: "test",
+                array: avalon.range(0, 14)
+            })
+        </script>
+        <style>
+            .zebra-table{
+                border-collapse: collapse;
+                width:400px;
+                border:1px solid black;
+            }
+            .zebra-table td{
+                border:1px solid black;
+                text-indent: 1em;
+            }
+            .zebra-table .even td{
+                background:black;
+                color:white;
+            }
+             .zebra-table .hover td{
+                color: red;
+                font-weight: bolder;
+            }
+        </style>
+    </head>
+    <body ms-controller="test" >
+        <table class="zebra-table">
+            <tr ms-repeat="array" ms-hover="hover" ms-class="even: $index % 2 == 0"><td>{{$index}}</td><td>{{ new Date - 0 | date("yyyy-MM-dd")}}</td></tr>
+        </table>
+    </body>
+</html>
diff --git a/examples/css1.html b/examples/css1.html
index 40eec61e1..90cf91eae 100644
--- a/examples/css1.html
+++ b/examples/css1.html
@@ -6,25 +6,24 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js" ></script>
         <script>
-            avalon.define("test", function(vm) {
-                vm.w = 100;
-                vm.h = 100;
-                vm.click = function() {
+            var vm = avalon.define({
+                $id: "test",
+                w: 100,
+                h: 100,
+                click: function() {
                     vm.w = parseFloat(vm.w) + 10;
                     vm.h = parseFloat(vm.h) + 10;
                 }
             })
+
         </script>
     </head>
     <body>
-        <h3 style='text-align: center'>ms-css</h3>
-
         <div ms-controller="test">
             <div style=" background: #a9ea00;" ms-css-width="w" ms-css-height="h"  ms-click="click"></div>
             <p>{{ w }} x {{ h }}</p>
             <p>W: <input type="text" ms-duplex="w" data-duplex-event="change"/></p>
             <p>H: <input type="text" ms-duplex="h" /></p>
         </div>
-
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/css2.html b/examples/css2.html
index 61889bfa8..60420e6a7 100644
--- a/examples/css2.html
+++ b/examples/css2.html
@@ -10,9 +10,7 @@
             })
         </script>
     </head>
-    <body class="ms-controller" 
-          ms-controller="test">
+    <body ms-controller="test">
         <div style="width:300px;height:300px" ms-css-background-image="aa"></div>
-       
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/css3.html b/examples/css3.html
index 965f30a87..2113a0ff0 100644
--- a/examples/css3.html
+++ b/examples/css3.html
@@ -8,6 +8,7 @@
             avalon.define("test", function(vm) {
                 vm.o = 0.5
             })
+
         </script>
         <style>
             .outer{
diff --git a/examples/data.html b/examples/data.html
new file mode 100644
index 000000000..02431b1c4
--- /dev/null
+++ b/examples/data.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js"></script>
+        <script>
+            avalon.define({
+                $id: "test",
+                $skipArray: ["array", "object"],
+                number: 111,
+                number2: NaN,
+                bool: false,
+                bool2: true,
+                nn: null,
+                vv: void 0,
+                array: [1, 2, 3],
+                date: new Date,
+                object: {
+                    name: "这是数据"
+                },
+                show: function() {
+                    var elem = avalon(this)
+                    avalon.log(
+                            elem.data("number"), elem.data("number2"),
+                            elem.data("bool"), elem.data("bool2"),
+                            elem.data("null"), elem.data("void"),
+                            elem.data("fn"), this["data-array"],
+                            this["data-date"], this["data-object"]
+                            )
+                }
+            })
+        </script>
+    </head>
+    <body ms-controller="test">
+        <div ms-data-number="number"
+             ms-data-number2="number2"
+             ms-data-bool="bool"
+             ms-data-bool2="bool2"
+             ms-data-void="vv"
+             ms-data-null="nn"
+             ms-data-array="array"
+             ms-data-date="date"
+             ms-data-object="object"
+             ms-data-fn="show"
+             ms-click="show"
+             >点我</div>
+    </body>
+</html>
diff --git a/examples/dialog.html b/examples/dialog.html
new file mode 100644
index 000000000..0379c8fac
--- /dev/null
+++ b/examples/dialog.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js">
+        </script>
+        <style>
+            .dialog{
+                position: absolute;
+                border: 1px solid black;
+                background: rgb(202,225,238);
+                padding:4px ;
+            }
+            .dialog h2 {
+                position: relative;
+                background: rgb(99,177, 225);
+                margin: 0px;
+                padding:2px;
+            }
+            .dialog h2 .close{
+                position: absolute;
+                top: 4px;
+                right: 4px;
+            }
+        </style>
+        <script>
+            var dialogWrapper
+            avalon.templateCache[""] = ""
+            var vmodel = avalon.define({
+                $id: "test",
+                dialogUrl: "",
+                dialogTitle: "",
+                openDialog: function(url, title, w, h) {
+                    if (!dialogWrapper) {
+                        var div = avalon.parseHTML("<div class='dialog'><h2>{{dialogTitle|html}}" +
+                                "<input class=close type=button ms-click=closeDialog value='x'></h2>" +
+                                "<div ms-include-src='dialogUrl' ></div></div>").firstChild
+                        document.body.appendChild(div)
+                        dialogWrapper = div
+                    }
+                    var winWidth = avalon(window).width()
+                    var winHeight = avalon(window).height()
+                    w = w || 400
+                    h = h || 300
+
+                    avalon(dialogWrapper).css({
+                        top: (winHeight - h) / 2 + avalon(document).scrollTop(),
+                        left: (winWidth - w) / 2 + avalon(document).scrollLeft(),
+                        width: w,
+                        height: h
+                    })
+                    vmodel.dialogUrl = url
+                    vmodel.dialogTitle = title || ""
+                    avalon.scan(dialogWrapper, vmodel)
+                },
+                closeDialog: function() {
+                    if (dialogWrapper) {
+                        document.body.removeChild(dialogWrapper)
+                        dialogWrapper = null
+                    }
+                }
+            })
+        </script>
+    </head>
+    <body  ms-controller="test">
+        <div>TODO write content</div>
+        <button type="button" ms-click="openDialog('dialog1.html', '标题', 200, 200)">open1</button>
+        <button type="button" ms-click="openDialog('dialog2.html', '标题', 400, 300)">open2</button>
+    </body>
+</html>
diff --git a/examples/dialog1.html b/examples/dialog1.html
new file mode 100644
index 000000000..1cb48b7c7
--- /dev/null
+++ b/examples/dialog1.html
@@ -0,0 +1 @@
+<div>这是弹出层</div>
\ No newline at end of file
diff --git a/examples/dialog2.html b/examples/dialog2.html
new file mode 100644
index 000000000..71e319e39
--- /dev/null
+++ b/examples/dialog2.html
@@ -0,0 +1,14 @@
+<form ms-controller='dialog2'>
+    <div><input ms-duplex='username'>{{username}}</div>
+    <div><input ms-duplex='password'>{{password}}</div>
+    <script>
+        if (!avalon.vmodels.dialog2) {
+            avalon.define({
+                $id: "dialog2",
+                username: "司徒正美",
+                password: "123456"
+            })
+        }
+        
+    </script>
+</form>
\ No newline at end of file
diff --git a/examples/duplex4.html b/examples/duplex4.html
index 739171535..da4fb07d9 100644
--- a/examples/duplex4.html
+++ b/examples/duplex4.html
@@ -4,7 +4,7 @@
         <title>测试同步到$model</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.mobile.js" ></script>
+        <script src="../avalon.js" ></script>
         <script>
             var model = avalon.define("test", function(vm) {
                 vm.rows = {name: 'a', age: 45}
diff --git a/examples/grid.html b/examples/grid.html
index de4d05e9a..98d09c3dc 100644
--- a/examples/grid.html
+++ b/examples/grid.html
@@ -45,9 +45,9 @@
                     scope.showItems.push(avalon.mix(true, {}, a));
                     scope.getPages();
                 };
-                scope.removeItem = function(e) {
+                scope.removeItem = function(fn, e) {
                     e.preventDefault()
-                    var item = this.$vmodel.$remove();
+                    var item = fn()[0];
                     scope.items.remove(item);
                     if (!scope.showItems.length) {
                         if (Math.ceil(scope.items.length / scope.pageCount) === scope.pageIndex) {
@@ -73,9 +73,9 @@
                     scope.pageIndex = 0;
                     scope.getShowItems();
                 };
-                scope.jumpPage = function(e) {
+                scope.jumpPage = function($index, e) {
                     e.preventDefault()
-                    scope.pageIndex = this.$vmodel.$index;
+                    scope.pageIndex = $index;
                     scope.getShowItems();
                 }
             });
@@ -100,14 +100,14 @@
                         <td>{{row.name}}</td>
                         <td>{{row.sales | number}}</td>
                         <td>${{row.price }}</td>
-                        <td><a href="javascript:void(0)" ms-click="removeItem">删除</a></td>
+                        <td><a href="javascript:void(0)" ms-click="removeItem($remove, $event)">删除</a></td>
                     </tr>
                 </tbody>
             </table>
             <div class="ms-grid-pageLinks">
                 <span>Page:</span>
                 <span >
-                    <a ms-repeat-page="pages" ms-href="#{{page}}" ms-click="jumpPage"  ms-class-selected="$index==pageIndex"   >{{page+1}}</a>
+                    <a ms-repeat-page="pages" ms-href="#{{page}}" ms-click="jumpPage($index,$event)"  ms-class-selected="$index==pageIndex"   >{{page+1}}</a>
                 </span>
             </div>
             <button ms-click='addItem'>
diff --git a/examples/grid2.html b/examples/grid2.html
deleted file mode 100644
index bf1da08ee..000000000
--- a/examples/grid2.html
+++ /dev/null
@@ -1,134 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>by 司徒正美</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <script src="../avalon.js"></script>
-        <style>
-            .wrapper {
-                overflow-y: scroll;
-                border: 1px solid green;
-                height: 210px;
-                position: relative;
-            }
-            .wrapperInner{
-                height: 2378px
-            }
-            table{
-                border:1px solid blueviolet;
-                border-collapse: collapse;
-                position: absolute;
-                width:100%;
-            }
-            tr{
-                height: 20px;   
-            }
-            td{
-                border:1px solid  blueviolet;
-            }
-
-        </style>
-        <script>
-            var array = avalon.range(0, 700)
-
-            var startIndex = 0
-            var endIndex = 10
-            var vmodel = avalon.define("grid", function(vm) {
-                vm.data = array
-                vm.top = 0
-                vm.$skipArray = ["data"]
-                vm._data = array.slice(startIndex, endIndex)
-            })
-
-            var requestAnimationFrame = window.requestAnimationFrame ||
-                    window.webkitRequestAnimationFrame ||
-                    window.mozRequestAnimationFrame ||
-                    function(callback) {
-                        return window.setTimeout(callback, 1000 / 60);
-                    }
-            var cancelAnimationFrame = window.cancelAnimationFrame ||
-                    window.webkitCancelRequestAnimationFrame ||
-                    window.mozCancelAnimationFrame ||
-                    function(id) {
-                        clearTimeout(id)
-                    }
-
-            avalon.ready(function() {
-                var wrapperInner = document.getElementById("wrapperInner")
-                var wrapper = document.getElementById("wrapper")
-                var table = document.getElementById("table")
-
-                var tableHeight = table.offsetHeight
-                var trHeight = Math.ceil(tableHeight / vmodel._data.size())
-                wrapperInner.style.height = trHeight * (vmodel.data.length + 2) + "px"
-                var prevScrollTop = 0
-                var lastRenderedScrollTop = 0
-                var requestID
-                var reRenderTbody = function() {
-                    var scrollTop = wrapper.scrollTop
-                    var scrollDir = scrollTop > prevScrollTop ? "down" : "up"
-                    prevScrollTop = scrollTop
-                    var distance = Math.abs(lastRenderedScrollTop - scrollTop)
-                    if (distance >= trHeight) {
-                        var linage = distance / trHeight
-                        var integer = Math.floor(linage)//取得整数部分
-                        var decimal = linage - integer//取得小数部分
-                        if (decimal > 0.55) {//四舍五入
-                            integer += 1 //要添加或删除的行数
-                        }
-                        var length = vmodel.data.length, count = 0
-                        if (scrollDir === "down") {
-                            //    console.log("下拉 " + integer + "行")
-                            while (endIndex < length) {
-                                endIndex += 1
-                                startIndex += 1
-                                count += 1
-                                var el = vmodel.data[endIndex]
-                                vmodel._data.push(el)
-                                vmodel._data.shift()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        } else {
-                            //  console.log("上移 " + integer + "行")
-                            while (startIndex >= 0) {
-                                endIndex -= 1
-                                startIndex -= 1
-                                count += 1
-                                var el = vmodel.data[startIndex]
-                                vmodel._data.unshift(el)
-                                vmodel._data.pop()
-                                if (count === integer) {
-                                    break
-                                }
-                            }
-                        }
-                        lastRenderedScrollTop = wrapper.scrollTop = vmodel.top = startIndex * trHeight
-                    }
-                }
-                avalon.bind(wrapper, "scroll", function(e) {
-                    vmodel.top = wrapper.scrollTop
-                    cancelAnimationFrame(requestID)
-                    requestID = requestAnimationFrame(reRenderTbody)
-                })
-
-            })
-        </script>
-
-    </head>
-    <body>
-        <div ms-controller="grid">
-            <div class="wrapper" id="wrapper">
-                <div class="wrapperInner" id="wrapperInner">
-                    <table ms-css-top="top" id="table">
-                        <tbody>
-                            <tr ms-repeat="_data"><td width="30%">表格1</td><td width="30%">第{{el}}行</td><td>表格3</td></tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-    </body> 
-</html>
\ No newline at end of file
diff --git a/examples/href.html b/examples/href.html
index 0f334fd91..2b3ea98a9 100644
--- a/examples/href.html
+++ b/examples/href.html
@@ -18,6 +18,38 @@
             });
 
         </script>
+        <style>
+            .menu{
+                padding-left: 20px;
+                border-bottom:1px solid greenyellow;/*底线*/
+            }
+            .menu a{
+                display: inline-block;/*让内联元素变成一个矩形，可以添加边框什么的*/
+                *display:inline;
+                *zoom:1;
+                width:200px;
+                height:30px;
+                line-height: 30px;/*垂直居中*/
+                text-align: center;/*文本居中*/
+                text-decoration: none;/*去掉默认底边*/
+            }
+            .menu a:hover{
+                display: inline-block;
+                position: relative;
+                z-index: 10;
+                width:200px;
+                height:31px;
+                top: 1px;
+                background: #fff;
+                line-height: 31px;
+                text-align: center;
+                border-top: 1px  solid  greenyellow;
+                border-left: 1px  solid  greenyellow;
+                border-right: 1px  solid  greenyellow;
+                border-bottom: 1px  solid  #fff;
+                text-decoration: none;
+            }
+        </style>
     </head>
     <body>
         <fieldset ms-controller="test">
@@ -26,6 +58,12 @@
             <p><a ms-href="#{{menu.$id}}">link2</a></p>
             <p><a ms-href="{{menu.$id}}">link3</a></p>
         </fieldset>
+        <br/>
+        <br/>
+        <div class="menu">
+            <a href="#">aaaa</a><a href="#">aaaa</a><a href="#">aaaa</a>
+        </div>
+
 
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/if1.html b/examples/if1.html
index 502ded639..435217924 100644
--- a/examples/if1.html
+++ b/examples/if1.html
@@ -4,7 +4,7 @@
         <title>ms-if</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="../avalon.js"></script>
         <script>
             var vmodel = avalon.define('test', function(vm) {
                 vm.object = {}
diff --git a/examples/if4.html b/examples/if4.html
new file mode 100644
index 000000000..77529bb35
--- /dev/null
+++ b/examples/if4.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>by 司徒正美</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="../avalon.js"></script>
+     
+        <script>
+            avalon.define({
+                $id: "grid",
+              
+                array: [{
+                        name: 1,
+                        toggle: true
+                },{
+                        name: 1,
+                        toggle: true
+                },{
+                        name: 3,
+                        toggle: false
+                },{
+                        name: 1,
+                        toggle: true
+                }]
+            })
+
+        
+        </script>
+
+    </head>
+    <body>
+        <div ms-controller="grid">
+            <ul>
+                <li ms-repeat="array" ms-if-loop="el.toggle"><input ms-duplex="el.name">{{el.name}}</li>
+            </ul>
+            
+        </div>
+    </body> 
+</html>
\ No newline at end of file
diff --git a/examples/include.html b/examples/include.html
index 09b4b5be0..e93df6d62 100644
--- a/examples/include.html
+++ b/examples/include.html
@@ -4,17 +4,18 @@
         <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>ms-include</title>
-        <script src="../avalon.js"></script>
+        <script src="avalon.$events.js"></script>
         <script>
-            avalon.define("test", function(vm) {
-                vm.url = "Template1"
-                vm.name = "司徒正美"
-                vm.password = '12345678'
-                vm.array = [1, 2, 3, 4, 5, 6, 7]
-                vm.add = function(e) {
+           var model = avalon.define({
+                $id: "test",
+                url: "Template1",
+                name: "司徒正美",
+                password: '12345678',
+                array: [1, 2, 3, 4, 5, 6, 7],
+                add: function(e) {
                     if (this.value && e.which == 13) {//this为input元素
                         var a = this.value
-                        vm.array.push(a)
+                        model.array.push(a)
                         this.value = "";
                     }
                 }
diff --git a/examples/includeTemplate1.html b/examples/includeTemplate1.html
index d2abe5c42..0fb0550c5 100644
--- a/examples/includeTemplate1.html
+++ b/examples/includeTemplate1.html
@@ -8,3 +8,14 @@ <h1>这是模板1</h1>
 <p>生成于{{ 1373021259229 | date("yyyy MM dd:HH:mm:ss")}}</p>
 <p>生成于{{ "1373021259229" | date("yyyy MM dd:HH:mm:ss")}}</p>
 <p>值得注意的是，new Date可传的格式类型非常多，但不是所有浏览器都支持这么多，详看<a href="http://dygraphs.com/date-formats.html">这里</a>。</p>
+<div ms-controller="aaa">
+    {{hhh}}
+</div>
+
+<script type="text/javascript">
+    var modelProfile = avalon.define({
+        $id: 'aaa',
+        hhh: '哈哈哈哈'
+    });
+    avalon.scan(document.body, modelProfile);
+</script>
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index 149aa3865..d2240ee3e 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -22,7 +22,7 @@
         <ul>
             <li ms-repeat="avalon.range(1, 5)"><a ms-href="duplex{{el}}.html">ms-duplex {{el}}</a></li>
             <li ms-repeat="avalon.range(0, 4)"><a ms-href="if{{el}}.html">ms-if {{el}}</a></li>
-            <li><a href="class.html">ms-class</a></li>
+            <li><a href="class1.html">ms-class</a></li>
             <li><a href="css0.html">ms-css-* 0</a></li>
             <li><a href="css1.html">ms-css-* 1</a></li>
             <li><a href="css2.html">ms-css-* 2</a></li>
@@ -36,7 +36,7 @@
             <li><a href="href.html">ms-href</a></li>
             <li><a href="visible.html">ms-visible</a></li>
             <li><a href="include.html">ms-include </a></li>
-            <li ms-repeat="avalon.range(0, 15)"><a ms-href="repeat{{el}}.html">ms-repeat {{el}}</a></li>
+            <li ms-repeat="avalon.range(0, 16)"><a ms-href="repeat{{el}}.html">ms-repeat {{el}}</a></li>
             <li><a href="skipArray.html">skipArray </a></li>
             <li><a href="todos.html">todos 示例</a></li>
             <li><a href="grid.html">grid 示例</a></li>
diff --git a/examples/on0.html b/examples/on0.html
index d56aaa25f..26ac1c744 100644
--- a/examples/on0.html
+++ b/examples/on0.html
@@ -6,24 +6,25 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js" ></script>
         <script>
-            var model = avalon.define("test", function(vm) {
-                vm.firstName = "司徒"
-                vm.array = ["aaa", "bbb", "ccc"]
-                vm.argsClick = function(e, a, b) {
+            var model = avalon.define({
+                $id: "test",
+                firstName: "司徒",
+                array: ["aaa", "bbb", "ccc"],
+                argsClick: function(e, a, b) {
                     alert([].slice.call(arguments).join(" "))
-                }
-                vm.loopClick = function(a, e) {
+                },
+                loopClick: function(a, e) {
                     alert(a + "  " + e.type)
-                }
-                vm.status = ""
-                vm.callback = function(e) {
-                    vm.status = e.type
-                }
-                vm.field = ""
-                vm.check = function(e) {
-                    vm.field = this.value + "  " + e.type
-                }
-                vm.submit = function() {
+                },
+                status: "",
+                callback: function(e) {
+                    model.status = e.type
+                },
+                field: "",
+                check: function(e) {
+                    model.field = this.value + "  " + e.type
+                },
+                submit: function() {
                     var data = model.$model
                     if (window.JSON) {
                         setTimeout(function() {
@@ -31,7 +32,7 @@
                         })
                     }
                 }
-            });
+            })
 
         </script>
     </head>
@@ -40,9 +41,9 @@ <h3 style="text-align: center">ms-on-*</h3>
         <fieldset ms-controller="test">
             <legend>有关事件回调传参</legend>
             <div ms-mouseenter="callback" ms-mouseleave="callback">{{status}}<br/>
-                <input ms-on-input="check"/>{{field}}
+              <input ms-on-input="check"/>{{field}}
             </div>
-            <div ms-click="argsClick($event, 100, firstName)">点我</div>
+        <div ms-click="argsClick($event, 100, firstName)">点我</div>
             <div ms-each-el="array" >
                 <p ms-click="loopClick(el, $event)">{{el}}</p>
             </div>
diff --git a/examples/on1.html b/examples/on1.html
index 9e406892c..eabf65985 100644
--- a/examples/on1.html
+++ b/examples/on1.html
@@ -7,18 +7,19 @@
         <script src="../avalon.js" ></script>
         <script>
             var count = 0
-            avalon.define("multi-click", function(vm) {
-                vm.str1 = ""
-                vm.str2 = ""
-                vm.str3 = ""
-                vm.click0 = function() {
-                    vm.str1 = "xxxxxxxxx" + (count++)
-                }
-                vm.click1 = function() {
-                    vm.str2 = "xxxxxxxxx" + (count++)
-                }
-                vm.click2 = function() {
-                    vm.str3 = "xxxxxxxxx" + (count++)
+            var model = avalon.define({
+                $id: "multi-click",
+                str1: "1",
+                str2: "2",
+                str3: "3",
+                click0: function() {
+                    model.str1 = "xxxxxxxxx" + (count++)
+                },
+                click1: function() {
+                    model.str2 = "xxxxxxxxx" + (count++)
+                },
+                click2: function() {
+                    model.str3 = "xxxxxxxxx" + (count++)
                 }
             })
         </script>
diff --git a/examples/on2.html b/examples/on2.html
index 7f4cbcaa4..083d311ac 100644
--- a/examples/on2.html
+++ b/examples/on2.html
@@ -6,25 +6,26 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js" ></script>
         <script>
-            avalon.define("test", function(vm) {
-                vm.fn = function() {
-                   console.log("11111111")
-                }
-                vm.fn1 = function() {
+            avalon.define({
+                $id: "xxx",
+                fn: function() {
+                    console.log("11111111")
+                },
+                fn1: function() {
                     console.log("2222222")
-                }
-                vm.fn2 = function() {
+                },
+                fn2: function() {
                     console.log("3333333")
                 }
             })
         </script>
     </head>
     <body>
-        <div ms-controller="test" 
+        <div ms-controller="xxx" 
              ms-on-mouseenter-3="fn"
              ms-on-mouseenter-2="fn1"
              ms-on-mouseenter-1="fn2"
-             style="width:300px;height:300px;background: red;"
+             style="width:100px;height:100px;background: red;"
              >
         </div>
     </body>
diff --git a/examples/on3.html b/examples/on3.html
index 5dc5acef5..7b8fc6874 100644
--- a/examples/on3.html
+++ b/examples/on3.html
@@ -7,15 +7,15 @@
         <script src="../avalon.js"></script>
         <script>
             avalon.define("test", function(vm) {
+                vm.a = ""
                 vm.fn1 = function(e) {
-                    avalon.log(e)
-                    avalon.log(this.value)
+                    vm.a = this.value
                 }
             })
         </script>
     </head>
 
     <body ms-controller="test">
-        <input ms-input="fn1" >
+        <input ms-input="fn1" >{{a}}
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/on4.html b/examples/on4.html
index 086ccccf4..7a8f2b01d 100644
--- a/examples/on4.html
+++ b/examples/on4.html
@@ -6,14 +6,14 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js"></script>
         <script>
-            avalon.define("test", function(vm) {
-                vm.fn1 = function(e) {
-                    console.log(e)
+            avalon.define({
+                $id: "test",
+                fn1: function(e) {
+                    console.log(e.type)
                     console.log(this)
-
-                }
-                vm.fn2 = function(e) {
-                    console.log(e)
+                },
+                fn2: function(e) {
+                    console.log(e.type)
                     console.log(this)
                 }
             })
diff --git a/examples/on5.html b/examples/on5.html
index 250f0ed8b..fab474e54 100644
--- a/examples/on5.html
+++ b/examples/on5.html
@@ -6,23 +6,20 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js"></script>
         <script>
-            avalon.define("test", function(vm) {
-                vm.text = ""
-                vm.fn1 = function(e) {
-                    vm.text = e.wheelDelta + "  " + e.type
-
+            var model = avalon.define({
+                $id: "test",
+                text: "",
+                callback: function(e) {
+                    model.text = e.wheelDelta + "  " + e.type
                 }
             })
-           
+
         </script>
     </head>
 
     <body ms-controller="test">
-        <div>{{aaa|antixss|html}}</div>
-        <div ms-on-mousewheel="fn1" id="aaa" style="background: red;width:200px;height: 200px;">
+        <div ms-on-mousewheel="callback" id="aaa" style="background: red;width:200px;height: 200px;">
             {{text}}
         </div>
-
-
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/repeat1.html b/examples/repeat1.html
index 34fea0efa..57d374f5e 100644
--- a/examples/repeat1.html
+++ b/examples/repeat1.html
@@ -4,7 +4,7 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="../avalon.modern.js" ></script>
         <script>
             var vmodel = avalon.define("test", function(vm) {
                 vm.first = {
@@ -35,7 +35,7 @@
     </head>
     <body ms-controller="test">
         <p>要循环的数组位于一个对象上，然后对这个数组进行重新赋值</p>
-        <fieldset>
+       <fieldset>
             <legend>ms-repeat</legend>
             <table width="100%">
                 <tr>
@@ -55,10 +55,10 @@
         <fieldset>
             <legend>ms-each</legend>
             <ul ms-each="first.array">
-                <li>{{el}}</li>
+                <li>{{el}}</li><li>-----</li>
             </ul>
         </fieldset>
-        <fieldset>
+      <fieldset>
             <legend>ms-with</legend>
             <ul ms-with="first.object">
                 <li>{{$key}}: {{$val}}</li>
diff --git a/examples/repeat13.html b/examples/repeat13.html
index 7e8218103..c0d81c66d 100644
--- a/examples/repeat13.html
+++ b/examples/repeat13.html
@@ -4,7 +4,7 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="avalon.$events.js" ></script>
         <script>
             var vmodel = avalon.define("cascade", function(vm) {
                 // 省市区测试数据
diff --git a/examples/repeat15.html b/examples/repeat15.html
new file mode 100644
index 000000000..a471fcc3e
--- /dev/null
+++ b/examples/repeat15.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="avalon.$events.js"></script>
+        <script>
+            avalon.define("xxx", function(vm) {
+                vm.data = [{checked: false}, {checked: false}, {checked: false}, {checked: false}]
+                vm.allchecked = false
+                vm.$one = "yyyyyyyyyyy"
+                vm.checkAll = function() {
+
+                    var vmodel = avalon.vmodels.xxx
+                    var bool = vmodel.allchecked = this.checked
+                    vmodel.data.forEach(function(el) {
+                        el.checked = bool
+                    })
+                }
+                vm.click = function() {
+                    vm.data.splice(1, 0, {checked: true})
+                }
+                vm.click2 = function() {
+                    vm.object = {bbb: "4444444444"}
+                }
+                vm.object = {
+                    aaa: "111111"
+                }
+                vm.checkOne = function($index) {
+                    var vmodel = avalon.vmodels.xxx
+                    avalon.bind("click", this, function() {
+                        setTimeout(function() {
+
+                            if (!this.checked) {
+                                vmodel.allchecked = false
+                            } else {
+                                vmodel.allchecked = vmodel.data.every(function(el) {
+                                    return el.checked
+                                })
+                            }
+                        })
+                    })
+
+                }
+            })
+        </script>
+    </head>
+    <body  ms-controller="xxx" >
+        <ul ms-each="data">
+            <li>{{el.checked}}</li>
+        </ul>
+        <div>
+            <ul >
+                <li ms-repeat="object">{{$key}}</li>
+            </ul>
+        </div>
+        <ol >
+            <li ms-repeat="object">{{$key}}</li>
+        </ol>
+        <table border="1">
+            <tr>
+                <td><input type="checkbox" ms-duplex-radio="allchecked" data-duplex-changed="checkAll"/>全选{{$one}}</td>
+            </tr>
+            <tr ms-repeat="data">
+                <td><input type="checkbox"  ms-duplex-radio="el.checked" data-duplex-changed="checkOne(el,$index)"/>xxxxxxxxxxxx</td>
+            </tr>
+        </table>
+        <button type="button" ms-click="click">add</button> <button type="button" ms-click="click2">add</button>
+    </body>
+</html>
diff --git a/test4.html b/examples/repeat16.html
similarity index 92%
rename from test4.html
rename to examples/repeat16.html
index b8af0336d..0cd325b0a 100644
--- a/test4.html
+++ b/examples/repeat16.html
@@ -3,7 +3,7 @@
     <head>
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <script src="avalon.observe.js"></script>
+        <script src="../avalon.js"></script>
         <script>
             var vmodels = avalon.define("test", function(vm) {
                 vm.aaa = {
@@ -29,7 +29,7 @@
         <ul>
             <li ms-repeat="aaa.aa.a">{{el}}</li>
         </ul>
-        <p>{{xxx}}</p>
+     
         <div ms-repeat="aaa.object">
             {{$key}}: {{$val}}
         </div>
diff --git a/examples/repeat2.html b/examples/repeat2.html
index 05433d911..7d0dd7b66 100644
--- a/examples/repeat2.html
+++ b/examples/repeat2.html
@@ -4,7 +4,7 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="../avalon.modern.js" ></script>
         <script>
             var vmodel = avalon.define("test", function(vm) {
                 vm.first = {
diff --git a/examples/repeat3.html b/examples/repeat3.html
index e0c2ebbba..58fc19c7e 100644
--- a/examples/repeat3.html
+++ b/examples/repeat3.html
@@ -4,9 +4,9 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="../avalon.modern.js" ></script>
         <script>
-            avalon.define("test", function(vm) {
+            avalon.define("test", function(vm) {//这里是使用avalon.define的旧风格
                 vm.array = ["1", "2", "3", "4"]
                 "push,unshift,remove,ensure".replace(/\w+/g, function(method) {
                     vm[method] = function(e) {
diff --git a/examples/repeat4.html b/examples/repeat4.html
index dd15066d2..a7273457e 100644
--- a/examples/repeat4.html
+++ b/examples/repeat4.html
@@ -1,43 +1,46 @@
 <!DOCTYPE HTML>
 <html>
     <head>
-        <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js" ></script>
         <script>
-            if (!Date.now) {
+            if (!Date.now) {//fix 旧式IE
                 Date.now = function() {
                     return new Date - 0;
                 }
             }
-            avalon.define('test', function(scope) {
-                scope.selected = "name"
-                scope.options = ["name", "size", "date"]
-                scope.trend = 1
-                scope.data = [
+            var model = avalon.define({
+                $id: "test",
+                selected: "name",
+                options: ["name", "size", "date"],
+                trend: 1,
+                data: [
                     {name: "aaa", size: 213, date: Date.now() + 20},
-                    {name: "bbb", size: 4576, date: new Date - 4},
-                    {name: "ccc", size: 563, date: new Date - 7},
-                    {name: "eee", size: 3713, date: 9 + Date.now()},
+                    {name: "bbb", size: 4576, date:Date.now() - 4},
+                    {name: "ccc", size: 563, date: Date.now() - 7},
+                    {name: "eee", size: 3713, date: Date.now() + 9},
                     {name: "555", size: 389, date: Date.now() - 20}
-                ];
-                scope.$watch("selected", function(v) {
-                    var t = parseFloat(scope.trend)
-                    scope.data.sort(function(a, b) {
+                ]
+            })
+            model.$watch("selected", function(v) {
+                var t = parseFloat(model.trend)
+                model.data.sort(function(a, b) {
+                    if (v === "name") {
+                        return t * a[v].toLocaleString(b[v])
+                    } else {
                         var ret = a[v] > b[v] ? 1 : -1
                         return t * ret
-                    })
+                    }
                 })
-                scope.$watch("trend", function(t) {
-                    var v = scope.selected, t = parseFloat(t)
-                    scope.data.sort(function(a, b) {
-                        var ret = a[v] > b[v] ? 1 : -1
-                        return t * ret
-                    })
+            })
+            model.$watch("trend", function(t) {
+                var v = model.selected, t = parseFloat(t)
+                model.data.sort(function(a, b) {
+                    var ret = a[v] > b[v] ? 1 : -1
+                    return t * ret
                 })
-            });
-
+            })
 
         </script>
     </head>
diff --git a/examples/repeat5.html b/examples/repeat5.html
index 79316f365..f24477561 100644
--- a/examples/repeat5.html
+++ b/examples/repeat5.html
@@ -4,7 +4,7 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="avalon.$events.js" ></script>
 
         <script >
             var model = avalon.define("test", function(vm) {
@@ -24,7 +24,7 @@
             })
             setTimeout(function() {
                 model.action = "modify"
-                model.double[0].set(1, "更新了")
+                model.double_[0].set(1, "更新了")
             }, 3000)
 
 
diff --git a/examples/repeat6.html b/examples/repeat6.html
index dc1c17e8c..0f03ac7ac 100644
--- a/examples/repeat6.html
+++ b/examples/repeat6.html
@@ -3,12 +3,17 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>ms-repeat</title>
-        <script src="../avalon.js"></script>
+        <script src="avalon.$events.js"></script>
         <script>
             var model = avalon.define("test", function(vm) {
                 vm.array = [1, 2, 3, 4]
+                vm.a = {
+                    b: 1,
+                    c: 2
+                }
             })
             setTimeout(function() {
+                //alert(JSON.stringify(model.$model))
                 model.array = []
             }, 3000)
         </script>
@@ -22,7 +27,7 @@
         </ul>
         <p>下面是ms-each与ms-if的示例</p>
         <ul ms-each="array">
-            <li ms-if="!$last">{{el}}</li>
+            <li ms-if="$last">{{el}}</li>
         </ul>
 
     </body>
diff --git a/examples/repeat7.html b/examples/repeat7.html
index 5385503f7..d962a00d0 100644
--- a/examples/repeat7.html
+++ b/examples/repeat7.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="UTF-8">
         <title>ms-repeat</title>
-        <script src="../avalon.js"></script>
+        <script src="avalon.$events.js"></script>
         <style>
             ul{
                 display:inline-block;
diff --git a/examples/repeat8.html b/examples/repeat8.html
index 0711af957..2b5624b84 100644
--- a/examples/repeat8.html
+++ b/examples/repeat8.html
@@ -3,7 +3,7 @@
 <html>
     <head>
         <title></title>
-        <script src="../avalon.js"></script>
+        <script src="avalon.$events.js"></script>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <script>
             avalon.ready(function() {
@@ -39,8 +39,6 @@
                     vm.$watch("firstSelected", function(a) {
                         vm.second = map[a].concat()
                         vm.secondSelected = vm.second[0]
-
-
                     })
                     vm.$watch("secondSelected", function(a) {
                         vm.third = map[a].concat()
diff --git a/examples/repeat9.html b/examples/repeat9.html
index 6c52c88bb..da140421a 100644
--- a/examples/repeat9.html
+++ b/examples/repeat9.html
@@ -4,7 +4,7 @@
         <title>ms-repeat</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="avalon.$events.js" ></script>
         <script>
             var model = avalon.define("test", function(vm) {
                 vm.arr = ["a", "b", "c", "d", "e", "f", "g", "h"]
@@ -53,6 +53,7 @@
                     }
                 ]
             });
+
             setTimeout(function() {
                 model.object = {
                     a1: 4444,
@@ -99,7 +100,7 @@ <h3>ms-repeat实现数组双重循环</h3>
         </table>
         <h3>ms-each实现数组双重循环</h3>
         <table border="1" style="background:green" width="400px">
-            <tbody  ms-each="dbarray">
+            <tbody ms-each="dbarray">
                 <tr ms-each-elem="el.array"><td>{{elem}}</td></tr>
             </tbody>
         </table>
diff --git a/examples/antixss.html b/examples/sanisize.html
similarity index 53%
rename from examples/antixss.html
rename to examples/sanisize.html
index 2d03c2ca0..52cbbf864 100644
--- a/examples/antixss.html
+++ b/examples/sanisize.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title>ms-on-mousewheel</title>
+        <title>反XSS攻击</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
         <script src="../avalon.js"></script>
         <script>
             avalon.define("test", function(vm) {
-                vm.aaa = "<img onclick=333 src=http://tp2.sinaimg.cn/1823438905/180/40054009869/1/><p onclick='aaa' onclick2=\"ddd\" title=eee onpress=eee>onclick=eee<span onmouseup='ddd'>ddd</span></p><script>alert(1)<\/script>"
+                vm.aaa = "<img onclick=333 src='http://www.baidu.com/img/baidu_jgylogo3.gif'>" +
+                        "<form onclick=333 action='javascript:alert(1)'></form>" +
+                        "<p onclick='aaa' onclick2=\"ddd\" title=eee onpress=eee>onclick=eee<span onmouseup='ddd'>ddd</span></p><script>alert(1)<\/script>"
             })
 
-
-
         </script>
     </head>
 
diff --git a/examples/svg-innerHTML-outerHTML.html b/examples/svg-innerHTML-outerHTML.html
deleted file mode 100644
index 0165aeb37..000000000
--- a/examples/svg-innerHTML-outerHTML.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-    <head>
-        <title>ms-visible</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
-        <script>
-            var d = ["M 38 4 L 40.1349 4.068 L 42.2613 4.2686 L 44.371 4.6018 L 46.4555 5.0676 L 48.5066 5.6626 L 50.5162 6.3868 L 52.4765 7.2368 L 54.3796 8.2058 L 56.2181 9.2938 L 57.9847 10.494 L 59.6724 11.803 L 61.2746 13.214 L 62.7849 14.727 L 64.1974 16.3284 L 65.5066 18.0148 L 66.7071 19.7828 L 67.7944 21.6188 L 68.7641 23.5228 L 69.6124 25.4846 L 70.3359 27.494 L 70.9318 29.5442 L 71.3978 31.6284 L 71.7319 33.7398 L 71.9329 35.8648 L 72 38 L 71.9329 40.1352 L 71.7319 42.2602 L 71.3978 44.3716 L 70.9318 46.4558 L 70.3359 48.506 L 69.6124 50.5154 L 68.7641 52.4772 L 67.7944 54.3812 L 66.7071 56.2172 L 65.5066 57.9852 L 64.1974 59.6716 L 62.7849 61.273 L 61.2746 62.786 L 59.6724 64.197 L 57.9847 65.506 L 56.2181 66.7062 L 54.3796 67.7942 L 52.4765 68.7632 L 50.5162 69.6132 L 48.5066 70.3374 L 46.4555 70.9324 L 44.371 71.3982 L 42.2613 71.7314 L 40.1349 71.932 L 38 72", " L 35.8651 71.932 L 33.7387 71.7314 L 31.629 71.3982 L 29.5445 70.9324 L 27.4934 70.3374 L 25.4838 69.6132 L 23.5235 68.7632 L 21.6204 67.7942 L 19.7819 66.7062 L 18.0153 65.506 L 16.3276 64.197 L 14.7254 62.786 L 13.2151 61.273 L 11.8025 59.6716 L 10.4934 57.9852 L 9.29285 56.2172 L 8.20557 54.3812 L 7.23588 52.4772 L 6.3876 50.5154 L 5.66408 48.506 L 5.06817 46.4558 L 4.60223 44.3716 L 4.2681 42.2602 L 4.06709 40.1352 L 4 38 L 4.06709 35.8648 L 4.2681 33.7398 L 4.60223 31.6284 L 5.06817 29.5442 L 5.66408 27.494 L 6.3876 25.4846 L 7.23588 23.5228 L 8.20557 21.6188 L 9.29285 19.7828 L 10.4934 18.0148 L 11.8025 16.3284 L 13.2151 14.727 L 14.7254 13.214 L 16.3276 11.803 L 18.0153 10.494 L 19.7819 9.2938 L 21.6204 8.2058 L 23.5235 7.2368 L 25.4838 6.3868 L 27.4934 5.6626 L 29.5445 5.0676 L 31.629 4.6018 L 33.7387 4.2686 L 35.8651 4.068 L 38 4 Z"],
-            toggle1 = 1,
-            toggle2 = 1
-            var model = avalon.define("test", function(vm) {
-                vm.a = true
-                vm.d = d.join("")
-                vm.showHTML = function(flag) {
-                    var svg = document.getElementsByTagName('svg')[0],
-                        h = document.getElementById("html")
-                    if(flag == 1) {
-                        h.value = svg.innerHTML
-                    } else if(flag == 2) {
-                        h.value = svg.outerHTML
-                    }
-                }
-                vm.setHTML = function(flag) {
-                    var svg = document.getElementsByTagName('svg')[0]
-                    if(flag == 1) {
-                        toggle1 = !toggle1
-                        svg.innerHTML = svg.innerHTML.replace(/ d=\"[^\"]+"/g,  "d=\"" + (toggle1 ? d.join("") : d[0] + "z") + "\"")
-                    } else if(flag == 2) {
-                        toggle2 = !toggle2
-                        var html = svg.outerHTML.replace(/#619fe8/g, "red").replace(/76/g, "100")
-                        if(toggle2) {
-                            html = html.replace(/red/g, "#619fe8").replace(/100/g, "76")
-                        }
-                        svg.outerHTML = html
-                    }
-                    model.showHTML(flag)
-                }
-            })
-        </script>
-        <style>
-            .rect{
-                width:100px;
-                height:100px;
-                background: red;
-                display: none;
-                border:1px solid red; 
-                text-align: center
-            }
-        </style>
-    </head>
-    <body>
-        <h3>fix svg innerHTML and outerHTML</h3>
-        <div ms-controller="test">
-            <button ms-click="showHTML(1)">output innerHTML - for IE</button>
-            <button ms-click="showHTML(2)">output outerHTML - for IE</button>
-            <button ms-click="setHTML(1)">set innerHTML - for IE</button>
-            <button ms-click="setHTML(2)">set outerHTML - for IE</button>
-            <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; z-index: 3;" width="76" height="76" version="1.1">
-                <path fill="none" stroke="#619fe8" stroke-linejoin="round" stroke-width="4" ms-attr-d="d" />
-            </svg>
-            <p>
-                <textarea id="html" style="width:100%;height:300px;display:block;"></textarea>
-            </p>
-        </div>
-    </body>
-</html>
\ No newline at end of file
diff --git a/examples/svg.html b/examples/svg.html
index 54900722d..4d427102d 100644
--- a/examples/svg.html
+++ b/examples/svg.html
@@ -2,48 +2,22 @@
 <html>
     <head>
         <title></title>
-        <script src="../avalon.js"></script>
-        <style>
-          
-        </style>
+        <script src="../avalon.modern.js"></script>
         <script>
-            avalon.ready(function(){
-                var a =  '<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'
-                var b = '<path d="M153 334\
-C153 334 151 334 151 334\
-C151 339 153 344 156 344\
-C164 344 171 339 171 334\
-C171 322 164 314 156 314\
-C142 314 131 322 131 334\
-C131 350 142 364 156 364\
-C175 364 191 350 191 334\
-C191 311 175 294 156 294\
-C131 294 111 311 111 334\
-C111 361 131 384 156 384\
-C186 384 211 361 211 334\
-C211 300 186 274 156 274"\
-style="fill:white;stroke:red;stroke-width:2"/>'
-        
-        var c = '<ellipse cx="240" cy="100" rx="220" ry="30" style="fill:purple"/>\
-                 <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:lime"/>\
-                 <ellipse cx="210" cy="45" rx="170" ry="15"style="fill:yellow"/>'
-
-
-                document.querySelector("svg").innerHTML =  a
-                
-                alert(document.querySelector("svg").innerHTML)
-                       
+            avalon.define("test", function(vm) {
+                vm.a = true
+                vm.b = true
+                vm.c = 50
+                vm.k = true
             })
         </script>
     </head>
     <body ms-controller="test">
 
-
-    <svg width="100%" height="100%" 
-         xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.2" >
-
- 
-    </svg>
-
-</body>
+        <div ms-if="k">
+        <svg height="100" width="100" ms-if="a" xmlns="http://www.w3.org/2000/svg">
+            <circle ms-if="b" ms-attr-cx="c" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
+        </svg>
+        </div>
+    </body>
 </html>
\ No newline at end of file
diff --git a/examples/tabs.html b/examples/tabs.html
new file mode 100644
index 000000000..1a0f54f74
--- /dev/null
+++ b/examples/tabs.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="avalon.$events.js">
+            
+        </script>
+        <script>
+           var model = avalon.define({
+                $id:"test",
+                array: ["aaa", "bbb", "ccc"],
+                currentIndex: 0,
+                active: function($index){
+                    model.currentIndex = $index
+                }
+            })
+        </script>
+        <style>
+            .panel {
+                border: 1px solid  red;
+                width:400px;
+                height: 200px;
+            }
+        </style>
+    </head>
+    <body ms-controller="test">
+        <div>
+            <button ms-repeat="array" ms-mouseenter="active($index)" ms-class="$index === currentIndex">{{el}}</button>
+        </div>
+        <div ms-repeat="array" class="panel" ms-visible="$index === currentIndex">
+          第{{$index +  1}}个面板:  <strong>{{el}}</strong> 
+        </div>
+    </body>
+</html>
diff --git a/examples/test1.html b/examples/test1.html
new file mode 100644
index 000000000..b8f6075fc
--- /dev/null
+++ b/examples/test1.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>avalon入门</title>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<!--        <script src="avalon.$events.js" type="text/javascript"></script>-->
+    <script src="../avalon.js" type="text/javascript"></script>
+        <script>
+            var first = 0;
+            var model = avalon.define("test", function(vm) {
+                vm.firstName = "司徒"
+                vm.lastName = "正美"
+                vm.fullName = {//一个包含set或get的对象会被当成PropertyDescriptor，
+                    set: function(val) {//里面必须用this指向scope，不能使用scope
+                        var array = (val || "").split(" ");
+                        this.firstName = array[0] || "";
+                        this.lastName = array[1] || "";
+                    },
+                    get: function() {
+                        return this.firstName + " " + this.lastName;
+                    }
+                }
+                vm.color = "red"
+                vm.toggle = true
+                vm.changeToggle = function() {
+                    model.toggle = !model.toggle
+                }
+                vm.switchColor = function() {
+                    model.color = model.color === "red" ? "blue" : "red"
+                }
+                vm.html = '<strong>正美</strong>'
+                vm.arr = ["aaa", 'bbb', "ccc", "ddd"]
+                vm.sort = function() {
+                    vm.arr.reverse()
+                }
+                vm.selected = ["bbb", "ccc"]
+                vm.checkAllbool = false
+                vm.checkAll = function() {
+                    if (!first) {
+                        first++
+                        return
+                    }
+                    if (this.checked) {
+                        vm.selected = vm.arr
+                    } else {
+                        vm.selected.clear()
+                    }
+                }
+                vm.checkOne = function() {
+                    var bool = this.checked
+                    if (!bool) {
+                        vm.checkAllbool = false
+                    } else {
+                        vm.checkAllbool = vm.selected.size() === vm.arr.size()
+                    }
+                }
+            })
+            
+            setTimeout(function(){
+                avalon.log(model.hasOwnProperty("fullName"))
+            })
+            setTimeout(function() {
+                model.html = "<em>aaa</em>bbb<em>dddd</em>"
+            }, 1000)
+            setTimeout(function() {
+                model.html = "1111<em>aaa</em>bbb<em>dddd</em>222"
+            }, 1000)
+
+
+        </script>
+        <style>
+            .ms-class-test{
+                background:green;
+                width:300px;
+                height:100px;
+            }
+            .c-red{
+                background: red;
+            }
+            .c-blue{
+                background: blue;
+            }
+        </style>
+    </head>
+    <body>
+        <div ms-controller="test">
+            <p>First name: <input ms-duplex="firstName" /></p>
+          <p>Last name: <input ms-duplex="lastName"  /> {{lastName | html}}</p>
+            <p>Hello,    <input ms-duplex="fullName"></p>
+         
+            <div>这是显示的内容{{firstName +" | "+ lastName  }}&nbsp;<span style="color:gray">lastName尝试输入&lt;em&gt;test&lt;/em&gt;看看</span></div>
+          <ul>
+                <li><input type="checkbox" ms-duplex-radio="checkAllbool"  data-duplex-changed="checkAll"/>全选<button ms-click="sort" type="button">sort</button></li>
+                <li ms-repeat="arr" ><input type="checkbox" ms-value="el" ms-duplex="selected" data-duplex-changed="checkOne"/>{{el}}  <strong>{{$index}}</strong></li>
+            </ul>
+            <ol ms-each="arr">
+                <li>ms-each {{el}}</li>
+            </ol>
+            <div class="ms-class-test" ms-hover="c-{{color}}:toggle"> </div>
+            <div><button ms-click="switchColor"> 点我改变悬浮时的背景颜色</button>现在悬浮色为{{color}}</div>
+            <div><button ms-click="changeToggle"> 点我{{toggle? "禁止": "开启" }}悬浮变色</button></div>
+            <div>hello,{{html | html}}!</div>
+        </div>
+
+    </body>
+</html>
diff --git a/examples/test2.html b/examples/test2.html
new file mode 100644
index 000000000..dce0752be
--- /dev/null
+++ b/examples/test2.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>测试用例</title>
+        <script src="../avalon.js"></script>
+        <script>
+            var model = avalon.define('test', function(vm) {
+                vm.arr = [{aa: {d: 1}, text: 1}, {aa: {d: 1}, text: 2}, {aa: {d: 1}, text: 22}, {aa: {d: 1}, text: 5}, {aa: {d: 1}, text: 6}]
+                vm.x = 1
+                vm.add = function() {
+                    model.arr.push({aa: {d: 4}, text: 5})
+                }
+                vm.f1 = function() {
+                    model.arr = [4, 5, 1]
+                }
+            });
+        </script>
+    </head>
+    <body ms-controller="test">
+
+        <div ms-repeat="arr" ms-click="$remove">{{$index}}
+            <div>
+                {{el.aa.d}}<strong>{{el.text}}</strong>
+            </div>
+         
+            <button ms-click="f1">测试</button>
+        </div>
+   <button ms-click="add">add</button>
+    </body>
+</html>
\ No newline at end of file
diff --git a/examples/test3.html b/examples/test3.html
new file mode 100644
index 000000000..e9076ff53
--- /dev/null
+++ b/examples/test3.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>测试用例</title>
+    </head>
+    <body ms-controller="xxx">
+
+        <script src="../avalon.js"></script>
+        <script>
+            avalon.ready(function() {
+                var expect = function(a) {
+                    return {
+                        to: {
+                            be: function(b) {
+                                if (a === b) {
+                                    console.log(true)
+                                } else {
+                                    console.log(a + " !== " + b)
+                                }
+                            }
+                        }
+                    }
+                }
+                var model = avalon.define('test', function(vm) {
+                    vm.aaa = false
+                })
+                var body = document.body
+                var div = document.createElement("div")
+                div.innerHTML = ['<input ms-duplex-bool="aaa" type="radio" value="true">',
+                    '<input ms-duplex-bool="aaa" type="radio" value="false">'
+                ].join("")
+                body.appendChild(div)
+                avalon.scan(div, model)
+
+                setTimeout(function() {
+                    var inputs = div.getElementsByTagName("input")
+
+                    expect(inputs[0].checked).to.be(false)
+                    expect(inputs[1].checked).to.be(true)
+                    inputs[0].click()
+                    expect(inputs[0].checked).to.be(true)
+                    expect(model.aaa).to.be(true)
+                    //    body.removeChild(div)
+                    //   done()
+                }, 100)
+            })
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/examples/test4.html b/examples/test4.html
new file mode 100644
index 000000000..ea33524d8
--- /dev/null
+++ b/examples/test4.html
@@ -0,0 +1,75 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <title>ms-duplex</title>
+        <script src="../avalon.js" type="text/javascript"></script>
+        <script>
+            var model = avalon.define({
+                $id: "test",
+                aaa: "111",
+                bbb: false,
+                ccc: [222],
+                ddd: [true],
+                eee: [],
+                fff: 222
+            })
+            model.$watch("aaa", function(a) {
+                console.log(a)
+            })
+            model.ccc.$watch("length", function(a) {
+                console.log(model.ccc)
+            })
+            model.ddd.$watch("length", function(a) {
+                console.log(model.ddd)
+            })
+            model.eee.$watch("length", function(a) {
+                console.log(model.eee)
+            })
+            model.$watch("fff", function(a) {
+                console.log(a)
+            })
+        </script>
+    </head>
+    <body ms-controller="test">
+        <fieldset><legend>radio</legend>
+            <p><input ms-duplex="aaa" type="radio">根据当前checked属性取反设置其checked，只应用于单个控件</p>
+            <p><input ms-duplex-string="aaa" value="111" type="radio">
+                <input ms-duplex-string="aaa" value="222"type="radio">
+                根据其value属性设置其checked</p>
+            <p><input ms-duplex-number="aaa" value="111" type="radio">
+                <input ms-duplex-number="aaa" value="222"type="radio">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为number</p>
+            <p><input ms-duplex-boolean="bbb" value="true" type="radio">
+                <input ms-duplex-boolean="bbb" value="false"type="radio">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为boolean，原来的ms-duplex-bool</p>
+            <p><input ms-duplex-string="bbb" value="true" type="radio">
+                <input ms-duplex-string="bbb" value="false"type="radio">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为string，原来的ms-duplex-text</p>
+        </fieldset>
+        <fieldset><legend>checkbox</legend>
+            <p><input ms-duplex-radio="bbb" type="checkbox">根据当前checked属性取反设置其checked，只应用于单个控件</p>
+            <p><input ms-duplex-number="ccc" value="111" type="checkbox">
+                <input ms-duplex-number="ccc" value="222"type="checkbox">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为number</p>
+            <p><input ms-duplex-boolean="ddd" value="true" type="checkbox">
+                <input ms-duplex-boolean="ddd" value="false"type="checkbox">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为boolean</p>
+            <p><input ms-duplex-string="eee" value="男" type="checkbox">
+                <input ms-duplex-string="eee" value="女"type="checkbox">
+                根据其value属性设置其checked，要求应用于复数个控件，类型转换为string</p>
+        </fieldset>
+        <fieldset><legend>text,texteara, password</legend>
+            <p><input ms-duplex-number="aaa">{{typeof aaa}}</p>
+            <p><input ms-duplex-boolean="bbb">{{typeof bbb}}</p>
+        </fieldset>
+        <fieldset><legend>select</legend>
+            <select ms-duplex-number="fff">
+                <option>111</option>
+                <option>222</option>
+                <option>333</option>
+            </select>
+        </fieldset>
+    </body>
+</html>
diff --git a/examples/test5.html b/examples/test5.html
new file mode 100644
index 000000000..087c043f0
--- /dev/null
+++ b/examples/test5.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>测试用例</title>
+  </head>
+  <body ms-controller="xxx">
+    <div>
+      下面两组测试数据，按顺序从左到右勾选checkbox，第一组结果正确，第二组结果错误
+    </div>
+    <div>
+      x && y：{{f1()}}
+      <br>
+      <input type="checkbox" ms-duplex-radio="x">x：{{x}}
+      <input type="checkbox" ms-duplex-radio="y">y：{{y}}
+      <br><br>
+      a && b：{{f2()}}，{{a && b}}
+      <br>
+      <input type="checkbox" ms-duplex-radio="a">a：{{a}}
+      <input type="checkbox" ms-duplex-radio="b">b：{{b}}
+    </div>
+
+    <script src="avalon.$events.js"></script>
+    <script>
+      var model = avalon.define({
+        $id: 'xxx',
+        x: false,
+        y: false,
+        a: false,
+        b: false,
+        f1: function() {
+          return model.y && model.x
+        },
+        f2: function() {
+          return model.a && model.b
+        }
+      });
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/examples/text6.html b/examples/text6.html
new file mode 100644
index 000000000..3acbec932
--- /dev/null
+++ b/examples/text6.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>ms-attr-*</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <script src="avalon.$events.js"></script>
+
+        <script>
+            avalon.config({
+                interpolate:["<!--","-->"]
+            })
+            avalon.define("test", function(vm) {
+                vm.aaa = 888
+            })
+
+        </script>
+
+
+    </head>
+    <body>
+       
+        <div ms-controller="test">
+            <!--aaa--> <!--bbb-->
+        </div>
+    </body>
+</html>
diff --git a/examples/todos.html b/examples/todos.html
index b25e69be2..f8e6ddf5a 100644
--- a/examples/todos.html
+++ b/examples/todos.html
@@ -118,7 +118,7 @@
                 box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0;
             }
         </style>
-        <script src="../avalon.js" ></script>
+        
         <script>
 
             avalon.define("todos", function(a) {
@@ -143,12 +143,12 @@
                     }
                 };
 
-                a.checkIt = function() {
-                    this.$vmodel.post.done = this.checked;
+                a.checkIt = function(post) {
+                    post.done = this.checked;
                     a.left = getLeft();
                 };
-                a.removeIt = function() {
-                    this.$vmodel.$remove();
+                a.removeIt = function(perish) {
+                    perish();
                     a.left = getLeft();
                 };
                 a.removeThem = function() {
@@ -169,14 +169,13 @@
                     a.left = len;
                 })
 
-                a.editIt = function() {//让那条评论可编辑
-                    a.posts.forEach(function(post) {
-                        post.edit = false;
+                a.editIt = function(post) {//让那条评论可编辑
+                    a.posts.forEach(function(el) {
+                        el.edit = false;
                     });
-                    this.$vmodel.post.edit = true;
+                    post.edit = true;
                 };
-                a.updateIt = function() {
-                    var post = this.$vmodel.post;
+                a.updateIt = function(post) {
                     post.text = this.value;
                     post.edit = false;
                 };
@@ -195,12 +194,12 @@ <h1>todos</h1>
                 <label for="toggle-all">Mark all as complete</label>
                 <ul class="todo-list" ms-each-post="posts">
                     <li  ms-class-done="post.done" ms-hover="hover" >
-                        <div ms-visible="!post.edit" ms-dblclick="editIt">
-                            <input type="checkbox"  ms-checked="post.done" ms-click="checkIt" width="10px"  />
+                        <div ms-visible="!post.edit" ms-dblclick="editIt(post)">
+                            <input type="checkbox"  ms-checked="post.done" ms-click="checkIt(post)" width="10px"  />
                             <label>{{post.text}}</label>
-                            <a href="###" ms-click="removeIt" class="destroy">●</a>
+                            <a href="###" ms-click="removeIt($remove)" class="destroy">●</a>
                         </div>
-                        <input class="editing" ms-visible="post.edit" ms-value="post.text" ms-blur="updateIt" />
+                        <input class="editing" ms-visible="post.edit" ms-value="post.text" ms-blur="updateIt(post)" />
                     </li>
                 </ul>
             </div>
diff --git a/examples/todos2.html b/examples/todos2.html
new file mode 100644
index 000000000..ee0fa8f8d
--- /dev/null
+++ b/examples/todos2.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html lang="cn">
+    <head>
+        <meta charset="utf-8">
+        <title>avalon • TodoMVC</title>
+        <link rel="stylesheet" href="http://todomvc.com/architecture-examples/react/bower_components/todomvc-common/base.css">
+        <script src="../avalon.js"></script>
+        <style>
+            .ms-controller{
+                visibility: hidden;
+            }
+        </style>
+        <script>
+            avalon.filters.capitalize = function(a) {
+                return a.charAt(0).toUpperCase()  + a.slice(1)
+            }
+            var model = avalon.define({
+                $id: "todo",
+                newTodo: "",
+                todos: [],
+                addTodo: function(e) {
+                    e.preventDefault()//阻止页面刷新
+                    var newTodo = model.newTodo.trim()
+                    if (!newTodo.length) {
+                        return
+                    }
+                    model.todos.push({
+                        title: newTodo,
+                        completed: false
+                    });
+                    model.newTodo = ""//清空内容
+                },
+                editingIndex: NaN,
+                editTodo: function($index) {
+                    model.editingIndex = $index
+                    //为了用户体验,有时不得不写一些DOM处理
+                    var el = this.parentNode.parentNode
+                    setTimeout(function() {//让光标定位于文本之后
+                        var input = el.querySelector("input.edit")
+                        input.focus()
+                        input.value = input.value
+                    })
+                },
+                doneEditing: function() {//还原
+                    model.editingIndex = NaN
+                },
+                allChecked: false,
+                checkOne: function() {//点击UI列表的checkbox时
+                     model.$unwatch()
+                    model.allChecked = model.todos.every(function(val) {
+                        return  val.completed
+                    })
+                     model.$watch()
+                    updateCount()
+                },
+                state: "all",
+                status: ["all", "active", "completed"],
+                remainingCount: 0,
+                completedCount: 0,
+                removeCompleted: function() {
+                    model.todos.removeAll(function(el) {
+                        return el.completed
+                    })
+                }
+            })
+
+            function updateCount() {
+                model.remainingCount = model.todos.filter(function(el) {
+                    return el.completed === false
+                }).length
+                model.completedCount = model.todos.length - model.remainingCount;
+            }
+
+            model.$watch("allChecked", function(completed) {//点击上方checkbox时
+                model.todos.forEach(function(todo) {
+                    todo.completed = completed
+                })
+                updateCount()
+            })
+
+            model.todos.$watch("length", updateCount)
+
+        </script>
+    </head>
+    <body ms-controller="todo" class="ms-controller">
+        <section id="todoapp">
+            <header id="header">
+                <h1>todos</h1>
+                <form id="todo-form" ms-submit="addTodo" autocomplete="off">
+                    <input id="new-todo" ms-duplex="newTodo" placeholder="What needs to be done?"  autofocus>
+                </form>
+            </header>
+            <section id="main" ms-visible="todos.size()" >
+                <input id="toggle-all" type="checkbox" ms-duplex-radio="allChecked">
+                <label for="toggle-all">Mark all as complete</label>
+                <ul id="todo-list">
+                    <li ms-repeat-todo="todos" ms-class="completed: todo.completed" ms-class-1="editing: $index === editingIndex">
+                        <div class="view">
+                            <input class="toggle" type="checkbox" ms-duplex-radio="todo.completed" data-duplex-changed="checkOne">
+                            <label ms-dblclick="editTodo($index)">{{todo.title}}</label>
+                            <button class="destroy" ms-click="$remove"></button>
+                        </div>
+                        <form action="javascript:void(0)" ms-submit="doneEditing">
+                            <input class="edit" ms-duplex="todo.title"  ms-blur="doneEditing" >
+                        </form>
+                    </li>
+                </ul>
+            </section>
+            <footer id="footer" ms-visible="todos.size()">
+                <span id="todo-count">
+                    <strong >{{remainingCount}}</strong>
+                    item{{remainingCount>1 ? "s" : ""}} left
+                </span>
+                <ul id="filters">
+                    <li ms-repeat="status">
+                        <a ms-class="selected: state == el" ms-href="#/{{el}}" >{{ el | capitalize }}</a>
+                    </li>
+                </ul>
+                <button id="clear-completed" ms-visible="completedCount" ms-click="removeCompleted">
+                    Clear completed ({{completedCount}})
+                </button>
+            </footer>
+        </section>
+        <footer id="info">
+            <p>Double-click to edit a todo</p>
+            <p>Created by <a href="https://github.com/RubyLouvre/avalon">司徒正美</a></p>
+            <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
+        </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/examples/tree.html b/examples/tree.html
index 8291b6c9a..3d1791be4 100644
--- a/examples/tree.html
+++ b/examples/tree.html
@@ -4,7 +4,7 @@
         <title>树</title>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
-        <script src="../avalon.js" ></script>
+        <script src="avalon.$events.js" ></script>
         <script>
             avalon.define("tree", function(vm) {
                 vm.tree = [
diff --git a/mobile.js b/mobile.js
index d9344fbb2..536f396a4 100644
--- a/mobile.js
+++ b/mobile.js
@@ -4,6 +4,126 @@ void function() {
     var isAndroid = ua.indexOf('Android') > 0
     var isIOS = /iP(ad|hone|od)/.test(ua)
 
+    //==============================================
+    //重写原bindingHandlers.on处理函数
+    var rdash = /\(([^)]*)\)/
+    var self = avalon.bindingHandlers.on = function(data, vmodels) {
+        var value = data.value,
+                four = "$event"
+        var eventType = data.param.replace(/-\d+$/, "")
+        if (typeof self[eventType + "Hook"] === "function") {//添加钩子
+            self[eventType + "Hook"](data)
+        }
+        if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
+            var matched = (value.match(rdash) || ["", ""])[1].trim()
+            if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
+                four = void 0
+                value = value.replace(rdash, "")
+            }
+        } else {
+            four = void 0
+        }
+        data.hasArgs = four
+        avalon.parseExprProxy(value, vmodels, data)
+    }
+
+    self["clickHook"] = function(data) {
+        var tapping = false,
+                element = data.element,
+                fastclick = avalon.fastclick,
+                doubleIndex = 0, //用于决定何时重置doubleStartTime
+                doubleStartTime, //双击开始时间,
+                startTime, // 单击开始时间
+                touchStartX,
+                touchStartY
+        function resetState() {
+            tapping = false;
+            avalon(element).removeClass(fastclick.activeClass)
+        }
+        function touchstart(event) {
+            doubleIndex++
+            if (doubleIndex === 1) {
+                doubleStartTime = Date.now()
+            }
+            tapping = true
+            if (avalon.fastclick.canClick(element)) {
+                avalon(element).addClass(fastclick.activeClass)
+            }
+            startTime = Date.now()
+            var touches = event.touches && event.touches.length ? event.touches : [event]
+            var e = touches[0]
+            touchStartX = e.clientX
+            touchStartY = e.clientY
+        }
+        function touchend(event) {
+            var touches = (event.changedTouches && event.changedTouches.length) ? event.changedTouches :
+                    ((event.touches && event.touches.length) ? event.touches : [event])
+            var e = touches[0];
+            var x = e.clientX
+            var y = e.clientY
+            var diff = Date.now() - startTime //经过时间
+            var dist = Math.sqrt(Math.pow(x - touchStartX, 2) + Math.pow(y - touchStartY, 2)) //移动距离
+            var canDoubleClick = false
+            if (doubleIndex === 2) {
+                doubleIndex = 0
+                canDoubleClick = true
+            }
+            if (tapping && diff < fastclick.clickDuration && dist < fastclick.dragDistance) {
+                ghostPrevent = true //在这里阻止浏览器的默认事件
+                setTimeout(function() {
+                    ghostPrevent = false
+                }, fastclick.preventTime)
+                // 失去焦点的处理
+                if (document.activeElement && document.activeElement !== element) {
+                    document.activeElement.blur()
+                }
+                if (fastclick.canClick(element)) {
+                    var forElement
+                    if (element.tagName.toLowerCase() === "label") {
+                        forElement = element.htmlFor ? document.getElementById(element.htmlFor) : null
+                    }
+                    if (forElement) {
+                        fastclick.focus(forElement)
+                    } else {
+                        fastclick.focus(element)
+                    }
+
+                    avalon.fastclick.fireEvent(element, "click", event)
+                    if (forElement) {
+                        avalon.fastclick.fireEvent(forElement, "click", event)
+                    }
+
+                    if (canDoubleClick) {
+                        //Windows default double-click time is 500 ms (half a second)
+                        //http://ux.stackexchange.com/questions/40364/what-is-the-expected-timeframe-of-a-double-click
+                        //http://msdn.microsoft.com/en-us/library/windows/desktop/bb760404(v=vs.85).aspx
+                        if (new Date - doubleStartTime < 500) {
+                            avalon.fastclick.fireEvent(element, "dblclick", event)
+                        }
+                        doubleIndex = 0
+                    }
+                }
+            }
+            resetState()
+        }
+        if (avalon.fastclick.canFix(element)) {
+            data.specialBind = function(element, callback) {
+                element.addEventListener("touchstart", touchstart)
+                element.addEventListener("touchmove", resetState)
+                element.addEventListener("touchcancel", resetState)
+                element.addEventListener("touchend", touchend)
+                element.addEventListener("click", callback)
+            }
+            data.specialUnbind = function(element, callback) {
+                element.removeEventListener("touchstart", touchstart)
+                element.removedEventListener("touchmove", resetState)
+                element.removeEventListener("touchcancel", resetState)
+                element.removeEventListener("touchend", touchend)
+                element.removeEventListener("click", callback)
+            }
+        }
+    }
+
     var ghostPrevent = false
     document.addEventListener('click', function(e) {
         if (ghostPrevent) {
@@ -82,8 +202,8 @@ void function() {
             }
         },
         canFix: function(element) {
-            // 如果是PC端就不需要修复了
-            if (typeof window.ontouchstart === 'undefined') {
+            // 如果设备不支持触摸就不需要修复了
+            if (!touchSupported) {
                 return false
             }
             //在Android 平台的chrome 32，为了避免点击延迟，允许用户设置如下代码
@@ -123,123 +243,135 @@ void function() {
         }
     }
 
-//==============================================
-//重写原bindingHandlers.on处理函数
-    var rdash = /\(([^)]*)\)/
-    avalon.bindingHandlers.on = function(data, vmodels) {
-        var value = data.value,
-                four = "$event"
-        var element = data.element
-        if (data.param === "click") {
-            var tapping = false,
-                    fastclick = avalon.fastclick,
-                    doubleIndex = 0, //用于决定何时重置doubleStartTime
-                    doubleStartTime, //双击开始时间,
-                    startTime, // 单击开始时间
-                    touchStartX,
-                    touchStartY
-            function resetState() {
-                tapping = false;
-                avalon(element).removeClass(fastclick.activeClass)
-            }
-            function touchstart(event) {
-                doubleIndex++
-                if (doubleIndex === 1) {
-                    doubleStartTime = Date.now()
-                }
-                tapping = true
-                if (avalon.fastclick.canClick(element)) {
-                    avalon(element).addClass(fastclick.activeClass)
-                }
-                startTime = Date.now()
-                var touches = event.touches && event.touches.length ? event.touches : [event]
-                var e = touches[0]
-                touchStartX = e.clientX
-                touchStartY = e.clientY
-            }
-            function touchend(event) {
-                var touches = (event.changedTouches && event.changedTouches.length) ? event.changedTouches :
-                        ((event.touches && event.touches.length) ? event.touches : [event])
-                var e = touches[0];
-                var x = e.clientX
-                var y = e.clientY
-                var diff = Date.now() - startTime //经过时间
-                var dist = Math.sqrt(Math.pow(x - touchStartX, 2) + Math.pow(y - touchStartY, 2)) //移动距离
-                var canDoubleClick = false
-                if (doubleIndex === 2) {
-                    doubleIndex = 0
-                    canDoubleClick = true
+    var IE11touch = navigator.pointerEnabled
+    var IE9_10touch = navigator.msPointerEnabled
+    var touchSupported = "ontouchstart" in window || IE9_10touch || IE11touch
+    if (touchSupported) {
+        (function(DOC) {
+            var touchProxy = {}, touchTimeout, tapTimeout, swipeTimeout, holdTimeout,
+                    now, firstTouch, _isPointerType, delta, deltaX = 0,
+                    deltaY = 0,
+                    touchNames = []
+
+            function swipeDirection(x1, x2, y1, y2) {
+                return Math.abs(x1 - x2) >=
+                        Math.abs(y1 - y2) ? (x1 - x2 > 0 ? "left" : "right") : (y1 - y2 > 0 ? "up" : "down")
+            }
+
+            function longTap() {
+                if (touchProxy.last) {
+                    touchProxy.fire("hold")
+                    touchProxy = {}
                 }
-                if (tapping && diff < fastclick.clickDuration && dist < fastclick.dragDistance) {
-                    ghostPrevent = true //在这里阻止浏览器的默认事件
-                    setTimeout(function() {
-                        ghostPrevent = false
-                    }, fastclick.preventTime)
-                    // 失去焦点的处理
-                    if (document.activeElement && document.activeElement !== element) {
-                        document.activeElement.blur()
-                    }
-                    if (fastclick.canClick(element)) {
-                        var forElement
-                        if (element.tagName.toLowerCase() === "label") {
-                            forElement = element.htmlFor ? document.getElementById(element.htmlFor) : null
-                        }
-                        if (forElement) {
-                            fastclick.focus(forElement)
-                        } else {
-                            fastclick.focus(element)
-                        }
+            }
 
-                        avalon.fastclick.fireEvent(element, "click", event)
-                        if (forElement) {
-                            avalon.fastclick.fireEvent(forElement, "click", event)
-                        }
+            function cancelHold() {
+                clearTimeout(holdTimeout)
+            }
 
-                        if (canDoubleClick) {
-                            //Windows default double-click time is 500 ms (half a second)
-                            //http://ux.stackexchange.com/questions/40364/what-is-the-expected-timeframe-of-a-double-click
-                            //http://msdn.microsoft.com/en-us/library/windows/desktop/bb760404(v=vs.85).aspx
-                            if (new Date - doubleStartTime < 500) {
-                                avalon.fastclick.fireEvent(element, "dblclick", event)
-                            }
-                            doubleIndex = 0
-                        }
-                    }
+            function cancelAll() {
+                clearTimeout(touchTimeout)
+                clearTimeout(tapTimeout)
+                clearTimeout(swipeTimeout)
+                clearTimeout(holdTimeout)
+                touchProxy = {}
+            }
+            //touchNames = ["mousedown", "mousemove", "mouseup", ""]
+            if (IE11touch) { //IE11 与 W3C
+                touchNames = ["pointerdown", "pointermove", "pointerup", "pointercancel"]
+            } else if (IE9_10touch) { //IE9-10
+                touchNames = ["MSPointerDown", "MSPointerMove", "MSPointerUp", "MSPointerCancel"]
+            } else {
+                touchNames = ["touchstart", "touchmove", "touchend", "touchcancel"]
+            }
+
+            function isPrimaryTouch(event) { //是否纯净的触摸事件，非mousemove等模拟的事件，也不是手势事件
+                return (event.pointerType === "touch" ||
+                        event.pointerType === event.MSPOINTER_TYPE_TOUCH) && event.isPrimary
+            }
+
+            function isPointerEventType(e, type) { //是否最新发布的PointerEvent
+                return (e.type === "pointer" + type ||
+                        e.type.toLowerCase() === "mspointer" + type)
+            }
+
+            DOC.addEventListener(touchNames[0], function(e) {
+                if ((_isPointerType = isPointerEventType(e, "down")) && !isPrimaryTouch(e))
+                    return
+                firstTouch = _isPointerType ? e : e.touches[0]
+                if (e.touches && e.touches.length === 1 && touchProxy.x2) {
+                    touchProxy.x2 = touchProxy.y2 = void 0
                 }
-                resetState()
-            }
-            if (avalon.fastclick.canFix(element)) {
-                data.specialBind = function(element, callback) {
-                    element.addEventListener("touchstart", touchstart)
-                    element.addEventListener("touchmove", resetState)
-                    element.addEventListener("touchcancel", resetState)
-                    element.addEventListener("touchend", touchend)
-                    element.addEventListener("click", callback)
+                now = Date.now()
+                delta = now - (touchProxy.last || now)
+                var el = firstTouch.target
+                touchProxy.el = "tagName" in el ? el : el.parentNode
+                clearTimeout(touchTimeout)
+                touchProxy.x1 = firstTouch.pageX
+                touchProxy.y1 = firstTouch.pageY
+                touchProxy.fire = function(name) {
+                    W3CFire(this.el, name)
                 }
-                data.specialUnbind = function(element, callback) {
-                    element.removeEventListener("touchstart", touchstart)
-                    element.removedEventListener("touchmove", resetState)
-                    element.removeEventListener("touchcancel", resetState)
-                    element.removeEventListener("touchend", touchend)
-                    element.removeEventListener("click", callback)
+                if (delta > 0 && delta <= 250) { //双击
+                    touchProxy.isDoubleTap = true
                 }
-            }
-        }
+                touchProxy.last = now
+                holdTimeout = setTimeout(longTap, 750)
+            })
+            DOC.addEventListener(touchNames[1], function(e) {
+                if ((_isPointerType = isPointerEventType(e, "move")) && !isPrimaryTouch(e))
+                    return
+                firstTouch = _isPointerType ? e : e.touches[0]
+                cancelHold()
+                touchProxy.x2 = firstTouch.pageX
+                touchProxy.y2 = firstTouch.pageY
+                deltaX += Math.abs(touchProxy.x1 - touchProxy.x2)
+                deltaY += Math.abs(touchProxy.y1 - touchProxy.y2)
+            })
 
-        if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
-            var matched = (value.match(rdash) || ["", ""])[1].trim()
-            if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
-                four = void 0
-                value = value.replace(rdash, "")
+            DOC.addEventListener(touchNames[2], function(e) {
+                if ((_isPointerType = isPointerEventType(e, "up")) && !isPrimaryTouch(e))
+                    return
+                cancelHold()
+                // swipe
+                if ((touchProxy.x2 && Math.abs(touchProxy.x1 - touchProxy.x2) > 30) ||
+                        (touchProxy.y2 && Math.abs(touchProxy.y1 - touchProxy.y2) > 30)) {
+                    //如果是滑动，根据最初与最后的位置判定其滑动方向
+                    swipeTimeout = setTimeout(function() {
+                        touchProxy.fire("swipe")
+                        touchProxy.fire("swipe" + (swipeDirection(touchProxy.x1, touchProxy.x2, touchProxy.y1, touchProxy.y2)))
+                        touchProxy = {}
+                    }, 0)
+                    // normal tap 
+                } else if ("last" in touchProxy) {
+                    if (deltaX < 30 && deltaY < 30) { //如果移动的距离太小
+                        tapTimeout = setTimeout(function() {
+                            touchProxy.fire("tap")
+                            if (touchProxy.isDoubleTap) {
+                                touchProxy.fire('doubletap')
+                                touchProxy = {}
+                            } else {
+                                touchTimeout = setTimeout(function() {
+                                    touchProxy.fire('singletap')
+                                    touchProxy = {}
+                                }, 250)
+                            }
+                        }, 0)
+                    } else {
+                        touchProxy = {}
+                    }
+                }
+                deltaX = deltaY = 0
+            })
+            if (touchNames[3]) {
+                DOC.addEventListener(touchNames[3], cancelAll)
             }
-        } else {
-            four = void 0
-        }
-        data.hasArgs = four
-        avalon.parseExprProxy(value, vmodels, data)
+        })(document)
+        //http://quojs.tapquo.com/ http://code.baidu.com/
+        //'swipe', 'swipeleft', 'swiperight', 'swipeup', 'swipedown',  'doubletap', 'tap', 'singletap', 'hold'
     }
-}()
 
+}()
 
 
 
diff --git a/test1.html b/test1.html
deleted file mode 100644
index 0ffb72f95..000000000
--- a/test1.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>avalon入门</title>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <script src="avalon.js" ></script>
-        <!--        <script src="mobile.js" ></script>-->
-        <script>
-            var a
-            var model = avalon.define({
-                $id: "test",
-                pos: "ccc",
-                images: [{src:"https://www.google.com/images/srpr/logo11w.png"}],
-                getRealImage: function(a){
-                    console.log("----"+a+this.tagName)
-                },
-                click: function(e) {
-                    console.log("-------------")
-                    console.log(this)
-                },
-                dblclick: function(e) {
-                    console.log(e.type)
-                }
-            })
-            var model2 = avalon.define("tab", function(vm) {
-                vm.type = 0
-            })
-
-            model2.type = 1
-        </script>
-    </head>
-    <body>
-        <style>
-            .ms-click-active{
-                color: red
-            }
-        </style>
-        <div ms-controller="test">
-            <div  ms-each-el="images">
-                <img  ms-on-scan="getRealImage(el.src)" src="14.png" />
-            </div>
-
-            <!--            <label for="female" ms-click="click">Female</label>
-                        <input type="radio" name="sex" id="female" ms-click="click" />-->
-            <p type="button"  ms-click="click" ms-on-dblclick="dblclick">sss</p>
-            <input disabled="disabled" ms-click="click" value="这是disabled元素">
-        </div>
-    </body>
-</html>
diff --git a/test2.html b/test2.html
deleted file mode 100644
index bd5c6a02a..000000000
--- a/test2.html
+++ /dev/null
@@ -1,93 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>TODO supply a title</title>
-        <meta charset="UTF-8">
-        <script src="avalon.js"></script>
-        <meta name="viewport" content="width=device-width">
-        <script>
-            var rootState = {}
-            var Router = function() {
-                this.states = {
-                    "": rootState
-                }
-                this.currentState = ""
-                this.stateArray = []
-            }
-            Router.prototype = {
-                add: function(obj) {
-                    this.registerState(obj, true)
-                },
-     
-                _transitionTo: function(from, to) {
-              
-                    var curr = from
-                    var fromList = []
-                    do {
-                        fromList.push(from)
-                    } while ((from = this.states[from].parentNode) != null);
-
-                    var toList = []
-                    do {
-                        toList.push(to)
-                    } while ((to = this.states[to].parentNode) != null);
-                    do {
-                        if (fromList[fromList.length - 1] === toList[toList.length - 1]) {
-                            fromList.pop()
-                            toList.pop()
-                        } else {
-                            break
-                        }
-                    } while (true)
-                    var array = fromList.concat(toList.reverse())
-                    if (array[0] == curr) {
-                        array.shift()
-                    }
-                    return array
-
-                }
-                ,
-                transitionTo: function(to) {
-                    var from = this.currentState
-                    this.currentState = to
-                    return this._transitionTo(from, to)
-                },
-                registerState: function(obj, recursive) {
-                    var state = obj.state //这是一个字符串
-                    var match = state.match(/([\.\w]+)\./) || ["", ""]
-                    var parentNode = match[1]
-                    obj.parentNode = parentNode
-                    var parent = this.states[parentNode]
-                    if (parent) {
-                        parent.children = parent.children || []
-                        avalon.Array.ensure(parent.children, obj)
-                        this.states[state] = obj
-                        avalon.Array.ensure(this.stateArray, obj)
-                    }
-                    if (recursive) {
-                        for (var i = 0, el; el = this.stateArray[i++]; ) {
-                            if (el !== obj)
-                                this.registerState(el)
-                        }
-                    }
-                }
-            }
-            var router = new Router
-            router.add({state: "contacts"})
-            router.add({state: "contacts.list"})
-            router.add({state: "contacts.detail"})
-            router.add({state: "contacts.detail.item"})
-            router.add({state: "home"})
-            router.add({state: "home.eee"})
-            router.add({state: "abouts"})
-            console.log(router)
-            router.currentState = "home.eee"
-            var array = router.transitionTo("contacts.detail.item")
-            console.log(array)
-        </script>
-    </head>
-
-    <body>
-        <div>TODO write content</div>
-    </body>
-</html>
diff --git a/test3.html b/test3.html
deleted file mode 100644
index e4b4c4ec8..000000000
--- a/test3.html
+++ /dev/null
@@ -1,132 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-    <head>
-        <title>路由器的相关测试</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <script src="avalon.js">
-
-        </script>
-        <script>
-            require(["ready!", "mmRouter"], function() {
-                if (typeof console === "undefine") {
-                    avalon.log = function(str) {
-                        var div = document.createElement("div")
-                        div.innerHTML = str
-                        document.body.appendChild(div)
-                    }
-                }
-                avalon.router.get("/", {
-                    template: "<div>首页</div>",
-                    callback: function() {
-                        avalon.log("首页加载完毕")
-                    }
-                })
-                avalon.router.get("/aaa", {
-                    template: "<h1>这是第1个模板</h1>",
-                    callback: function(a) {
-                        avalon.log("aaa加载完毕")
-                    }
-                })
-                avalon.router.get("/bbb/:bbb", {
-                    templateUrl: function(a) {
-                        return "template" + a + ".html"
-                    }
-                })
-                avalon.router.get("/ccc", {
-                    templateUrl: "template1.html",
-                })
-
-
-                avalon.history.start({basepath: "/avalon/"})
-                avalon.define("test", function(vm) {
-                    vm.hash = function(a, e) {
-                        location.hash = a
-                        e.preventDefault()
-                    }
-                })
-                avalon.scan()
-            })
-
-            var adjustIframe = function(id, end) {
-                var iframe = document.getElementById(id), time = 0, end = end || 30, intervalID
-                if (iframe) {
-                    function callback() {
-                        time = time + 1
-                        if (time == end) {
-                            clearInterval(intervalID)
-                        }
-                        var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
-                        var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
-                        iframe.style.height = iheight + "px";
-                    }
-                    intervalID = setInterval(callback, 50)
-                }
-            }
-            
-            window.onload = function(){
-              console.log(  document.querySelectorAll("[ms-controller]")  )
-            }
-        </script>
-        
-
-    </head>
-    <body>
-        <div ms-controller="test">
-            <div ms-view></div>
-            <ul>
-                <li><a href="#!/aaa">1111</a></li>
-                <li><a href="#!/bbb/2">2222</a></li>
-                <li><a href="#!/bbb/3">3333</a></li>
-                <li><a href="#!/ccc">4444</a></li>
-            </ul>
-
-
-            <table class="table-doc">
-                <tr>
-                    <th>名字</th><th width="80">默认值</th><th>说明</th>
-                </tr>
-                <tr>
-                    <td colspan="3" align="center">配置参数</td>
-                </tr>
-                <tr>
-                    <td>view</td><td>""</td> <td>容器的名字, ms-view="name"中的name</td>
-                </tr>
-                <tr>  
-                    <td>element</td><td> null </td> <td>容器元素,即ms-view所定义的元素节点</td> 
-                </tr>
-                <tr>   
-                    <td>template</td> <td> null </td><td>字符串或函数，如果是函数会将入路由的参数与将路由对象作为this,
-                        最后返回容器要添加的HTML模板</td> 
-                </tr>
-                <tr>   
-                    <td>templateUrl</td>  <td>null</td><td>字符串或函数，如果是函数会将入路由的参数与将路由对象作为this，
-                        最后将返回一个URL地址，框架通过它得到template。template会缓存到路由对象上</td> 
-                </tr>
-                <tr>   
-                    <td>templates</td>  <td>{}</td><td>如果存在templateUrl，它会通过ajax请求加载对应的模块，缓存在这里</td> 
-                </tr>
-                <tr>   
-                    <td>regexp</td> <td></td> <td>路由规则对应的正则</td> 
-                </tr>
-                <tr>   
-                    <td>path</td> <td></td> <td>地址中被配匹的部分</td>  
-                </tr>
-                <tr>   
-                    <td>args</td> <td>[]</td><td>抽取路由规则中的参数名对应的实际值放在这里</td> 
-                </tr>
-                <tr>   
-                    <td>params</td><td>{}</td> <td>将路由规则中的参数名与对应的实际值 以键值对形式 构成一个对象</td> 
-                </tr>
-                <tr>   
-                    <td>callback(params)</td> <td></td><td> 当模板插入后，执行的回调函数，参数为args，值为路由对象</td> 
-                </tr>
-                <tr>   
-                    <td>query</td> <td>{}</td><td> 地址栏上的query组成的对象</td> 
-                </tr>
-            </table>
-        </div>
-
-    </body>
-</html>
diff --git a/test5.html b/test5.html
deleted file mode 100644
index bb70688ba..000000000
--- a/test5.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>ms-attr-*</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <meta http-equiv="X-UA-Compatible" content="IE=8" /> 
-        <script src="avalon.js"></script>
-
-        <script>
-            avalon.define("ms-attr-*", function(vm) {
-                vm.aaa = true
-                vm.click = function() {
-                    vm.aaa = !vm.aaa
-                }
-                vm.bbb ="@@@"
-                vm.ccc = "&&&"
-            })
-
-        </script>
-
-    </head>
-    <body>
-        <form method="get" action="aaa.html" ms-controller="ms-attr-*">
-            <input ms-enabled="aaa" name="a1" value="12345"/>
-            <input ms-disabled="aaa" name="a2" value="67890"/>
-            <input ms-readonly="aaa" name="a3" value="readonly" />
-
-            <input ms-checked="aaa" type="checkbox" value="checkbox" name="a4"/>
-            <select name="a5">
-                <option>222</option>
-                <option ms-selected="aaa">555</option>
-            </select>
-            <input ms-attr-value="bbb + ccc" name="a6" value="改" />
-            <button type="button" ms-click="click">
-                点我
-            </button>
-            <input type="submit" value="提交"/>
-        </form>
-    </body>
-</html>
diff --git a/test6.html b/test6.html
deleted file mode 100644
index b110f732c..000000000
--- a/test6.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>TODO supply a title</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width">
-        <script src="avalon.js"></script>
-
-
-        <script>
-
-     var vmodel = avalon.define("test", function(vm){
-        vm.array = [[1,2], [3,4], [5, 6]]
-      })
-      setTimeout(function(){
-         vmodel.array[1].set(1, "xxx")
-      }, 2500)
-
-        </script>
-    </head>
-    <body ms-controller="test">
-        <div ms-repeat="array">
-            <ul>
-                <li ms-repeat-elem="el">{{elem}}</li>
-            </ul>
-        </div>
-    </body>
-</html>
\ No newline at end of file