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

时间:2022-08-06 23:08:08
【文件属性】:

文件名称:前端虚拟DOM模板引擎Vdt.js.zip

文件大小:303KB

文件格式:JS

更新时间:2022-08-06 23:08:08

开源项目

vdt.js 是一个在浏览器中使用的前端模板引擎,基于virtual-dom库开发,采用虚拟dom的思想实现模板的渲染与更新。 相对于传统前端模板引擎而言,优势在于:模板更新便捷而高效。因为利用virtual dom技术,vdt模板渲染的结果并非传统的html字符串,而是dom,所以更新操作不会导致整个模板重绘。目前该工具已在金山云项目中大量应用 更多信息,请参考:http://javey.github.io/vdt.html,期待大家关于文档和代码的pull request。 示例: <html> <head>     <meta charset="utf-8" />     <title>Hello Vdt</title>     [removed][removed] </head> <body>     

    [removed]         
            

Hello {name}

            

Now: {time}

        
    [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


【文件预览】:
vdt.js-master
----.jshintrc(43B)
----.eslintrc(94B)
----rollup.config.js(1010B)
----src()
--------lib()
--------client.js(50B)
--------index.js(1020B)
----.babelrc(156B)
----.npmignore(155B)
----.travis.yml(63B)
----site()
--------index.html(689B)
--------pages()
--------server.js(641B)
--------webpack.config.js(1KB)
--------js()
--------build.js(1KB)
--------gulpfile.js(2KB)
--------css()
--------demo.html(2KB)
--------package-lock.json(286KB)
--------package.json(1KB)
----gulpfile.js(196B)
----assets()
--------benchmark-update.png(8KB)
----test()
--------tpl()
--------vdt.coffee(28KB)
--------server.coffee(2KB)
--------test.js(7KB)
--------demo()
--------browser()
----README.md(1KB)
----publish.js(436B)
----rollup.config.node.js(876B)
----dist()
--------vdt.js(134KB)
--------vdt.esm.js(134KB)
--------index.js(141KB)
--------vdt.min.js(53KB)
----rollup.config.browser.js(1020B)
----docs()
--------property.md(3KB)
--------extend.md(12KB)
--------model.md(943B)
--------class.md(681B)
--------instance.md(2KB)
--------template.md(8KB)
--------configure.md(3KB)
--------getting-started.md(5KB)
--------variable-tag.md(1KB)
--------event.md(3KB)
--------keyword.md(1KB)
--------key.md(775B)
--------changelog.md(2KB)
----.gitignore(147B)
----package-lock.json(222KB)
----package.json(2KB)

网友评论