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

码农软件 · 软件分类 · 浏览器/JS引擎 · 2019-04-05 12:57:08

软件介绍

vdt.js 是一个在浏览器中使用的前端模板引擎,基于virtual-dom库开发,采用虚拟dom的思想实现模板的渲染与更新。

相对于传统前端模板引擎而言,优势在于:模板更新便捷而高效。因为利用virtual dom技术,vdt模板渲染的结果并非传统的html字符串,而是dom,所以更新操作不会导致整个模板重绘。

目前该工具已在金山云项目中大量应用

更多信息,请参考:http://javey.github.io/vdt.html,期待大家关于文档和代码的pull request。

功能特性

  • 基于virtual-dom,DOM更新速度快

  • 能实现前后端模板继承,包含,宏定义等

  • 文件大小在gzip压缩后大概13KB(包含浏览器实时编译模块)

  • 支持前后端渲染

安装

通过script标签引入

Vdt会暴露全局变量Vdt,请到github下载对应的文件, 或者通过npm安装,然后script标签引入

npm install vdt --save
<script type="text/javascript" src="node_modules/vdt/dist/vdt.js"></script>

与webpack或browserify结合使用

使用npm方式安装依赖

npm install vdt --save
var Vdt = require('vdt');

与requireJs等模块加载器结合使用

Vdt打包的文件支持通过UMD方式加载

define(['path/to/vdt'], function(Vdt) { });

示例

<div>
    <h1>{title}</h1>
    <div ev-click={onClick.bind(self)}>Clicked: {count}</div>
    <ul v-for={items}>
        <li>{key}: {value}</li>
    </ul>
</div>
var vdt = Vdt(template);
vdt.render({
    title: 'vdt',
    items: {
        a: 1,
        b: 2
    },
    count: 0,

    onClick: function() {
        this.count++;
        vdt.update();
    }
});

本文地址:https://codercto.com/soft/d/2911.html

21天学通C语言

21天学通C语言

(美国)琼斯(Bradley L.Jones) (美国)埃特肯(Peter Aitken) / 信达工作室 / 人民邮电出版社 / 2012-8 / 69.00元

《21天学通C语言(第6版•修订版)》是初学者学习C语言的经典教程。本版按最新的标准(ISO∕IEC:9899-1999),以循序渐进的方式介绍了C语言编程方面知识,并提供了丰富的实例和大量的练习。通过学习实例,并将所学的知识用于完成练习,读者将逐步了解、熟悉并精通C语言。《21天学通C语言(第6版•修订版)》包括四周的课程。第一周的课程介绍了C语言程序的基本元素,包括变量、常量、语句、表达式、函......一起来看看 《21天学通C语言》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

html转js在线工具
html转js在线工具

html转js在线工具