前端虚拟DOM模板引擎Vdt.js.zip

开源项目

需积分: 10 2 下载量 98 浏览量 2019-07-18 05:21:28 上传评论收藏 303KB JS 举报

温馨提示

共82个文件

js：32个

md：14个

vdt：10个

vdt.js 是一个在浏览器中使用的前端模板引擎，基于virtual-dom库开发，采用虚拟dom的思想实现模板的渲染与更新。相对于传统前端模板引擎而言，优势在于：模板更新便捷而高效。因为利用virtual dom技术，vdt模板渲染的结果并非传统的html字符串，而是dom，所以更新操作不会导致整个模板重绘。目前该工具已在金山云项目中大量应用更多信息，请参考：http://javey.github.io/vdt.html，期待大家关于文档和代码的pull request。示例：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello Vdt</title> [removed][removed] </head> <body> <div id="example_container"></div> [removed] <div> <p>Hello {name}</p> <p>Now: {time}</p> </div> [removed] [removed] var template = document.getElementById("example_template")[removed], vdt = Vdt(template), dom = vdt.render({name: "Vdt", time: new Date().toLocaleTimeString()}); document.getElementById("example_container").appendChild(dom); setInterval(function() { vdt.data.time = new Date().toLocaleTimeString(); vdt.update(); }, 1000); [removed] </body> </html> 标签：Vdtjs

资源推荐

资源详情

资源评论