迷你MVVM框架 avalonjs 1.3.9發佈

時間 2019-11-13

標籤迷你 mvvm 框架 avalonjs 1.3.9 發佈简体版

原文原文鏈接

本次升級，avalon改進了許多內部方法，大大提高性能，而且帶來異步刷新視圖的新功能。php

ms-html內部再也不使用異步
head元素中的avalon元素加入ms-skip指令
重構計算屬性，如今超級輕量化
重構CG回收，不會每次都所有檢測全部綁定對象
重構內部方法isArrayLike，更好的斷定非負整數
重構number過濾器
重構widget的節點回收，去掉onTree方法
重構Collection內部工廠
重構modelFactory, 如今VM.$event.$digest開啓異步刷新視圖功能
重構offsetParent
重構ms-repeat，再也不觸發多餘的回調
針對IE下 MutationObserver 會撕碎文本節點BUG，添加 mergeTextNode 內部方法
優化短路與，短路或的處理邏輯
支持CommonJS和AMD和單文件三種方式引用，支持經過bower命令加載avalon
avalon.modern.js遺漏了 parseJSON補上，而且修正parseJSON的邏輯與原生的JSON.parse保持一致
去掉全部與scanCallback相關的定時器

本次升級帶來的最大的特性是$digestcss

在以前的版本，若是咱們對VM的某個監控屬性連續地改動，每次改動都當即同步到視圖，並觸發對應的$watch回調。html

<!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 vm = avalon.define({
                $id: "test",
                aaa: 111
            })
            vm.$watch("aaa", function(v) {
                console.log(v)
            })

            vm.aaa = 1
            vm.aaa = 2
            vm.aaa = 3

        </script>
    </head>
    <body ms-controller="test">
        {{aaa}}
    </body>
</html>

控制檯會依次輸出1,2,3jquery

<!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 vm = avalon.define({
                $id: "test",
                aaa: 111
            })
            vm.$events.$digest = true
            vm.$watch("aaa", function(v) {
                console.log(v)
            })

            vm.aaa = 1
            vm.aaa = 2
            vm.aaa = 3

        </script>
    </head>
    <body ms-controller="test">
        {{aaa}}
    </body>
</html>

這時只輸出一次，這對於一些相似於mousemove的頻繁操做很是有利，大大提高性能。git

最近一朋友用avalon作的一個使用avalon的模板項目。https://github.com/pinghe/seedfrontendgithub

此原型項目展現了：web