All Projects → xinglie → Magix Updater

xinglie / Magix Updater

partial refresh solution

Programming Languages

javascript
184084 projects - #8 most used programming language

magix-updater Version Number License download

npm install magix-updater

简介

局部刷新解决方案

使用

需要配合magix-combine工具

index.html

<div>
    <%=a%>~~<%=b%>
</div>

<ul>
    <%for(var i=0;i<list.length;i++){%>
        <li> <%=list[i]%> </li>
    <%}%>
</ul>

index.js

var updater = new Updater('app', '[email protected]');
var list = [1, 2, 3, 4, 5];
setInterval(function() {
    updater.set({
        a: Math.random(),
        b: Math.random(),
        list: list
    }).digest();
    list = list.reverse();
}, 2000);

以后a,b有变化时,只需要set a,b即可

如果更新到界面需要调用digest方法。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].