说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

Tangle:一个开源的数据交互式JS库

HTML文档下载 WORD文档下载 PDF文档下载
Tangle是一个简单易学的JavaScript库,用来创建reactive文档。用户可以交互式地探索各种浏览数值,修改各种参数、并且立即更新。

Tangle是一个用来创建reactive文档的开源JavaScript库。用户可以交互式地探索各种浏览数值,修改各种参数、并且立即更新。

这是一个简单的reactive文档:

当你吃完3块饼干,你就会消耗150卡路里的热量。

下面是HTML的例子。

When you eat <span data-var="cookies"  class="TKAdjustableNumber"> cookies </span>,you consume <span data-var="calories"> calories</span>. 

这个data-var属性指定一个变量。通常用它在某种程度上来显示变量的值,或指定一个类应该调整哪个变量。

var tangle = new Tangle (rootElement, model);

创建一个tangle 对象,rootElement为类Tangle的元素或一个变量,类初始化以及模型设置如下所述:

tangle.setModel(newModel);tangle.setModel({  initialize: function () { this.cookies = 3; },  update:  function () { this.calories = this.cookies * 50; }});

下面是关于Tangle的JavaScript的例子:

var tangle = new Tangle(document, {  initialize: function () { this.cookies = 3; },  update:  function () { this.calories = this.cookies * 50; } }); 

像往常一样,使用HTML和CSS书写文档。使用专门的HTML属性来表示变量。编写一些JavaScript来指定变量如何调用,最后Tangle把它们封装在一起。

想了解更多关于Tangle,请参阅:http://worrydream.com/Tangle/reference.html

Github托管地址:https://github.com/worrydream/Tangle

文章来源:worrydream.com

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘