Google Reader

Tangle: 为你的文档增加实时互动

by yuanyi

at 2011-11-01 10:18:18

original http://item.feedsky.com/~feedsky/heikezhi/~8608072/581911758/6713895/1/item.html

还记得前面我们介绍的Kill Math项目吗？其中有一个Scrubbing Calculator的小工具，旨在通过为文档增加实时计算功能来增强文档的交互性，现在Kill Math的作者已经发布了这个工具的Javascript版本：Tangle。

Tangle的使用很简单，比如你需要向用户提供一颗饼干包含的卡路里数，就可以像下面这样：

HTML:

When you eat  cookies,
you consume  calories.

JS:

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

现在用户就可以直接使用鼠标拖动来改变饼干数量，卡路里的数量会随着拖动同时改变（下面是图片，Demo请访问Tangle首页）：

当然这个例子看起来或许有点小儿科，即使不使用Tangle，稍有点JS基础的人应该都可以不费吹灰之力实现出来，但是Tangle提供的高层抽象可以让你在应对更加复杂的问题时，仍然可以保持代码的整洁，而不用担心复杂性变得不可控制，Tangle首页还展示了2个更为复杂的例子。

Demo和上手指南

想和我们一道传播黑客精神？快来加入吧！

无觅猜您也喜欢：
Chrome增加远程调试支持	CSS Reset的历史(一）	移动App，原生还是Web？这是个问题	将任何网页变成Katamari Damacy游戏
无觅