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

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

九头蛇与大象之争,Hydra或将取代Hadoop 喜讯:中国安全团队Keen成功在Pwn2Own 2014黑客大赛上攻破64位Mac上的Safari OCP黑客马拉松冠军:24小时头脑风暴背后 新时代应用程序设计及MongoDB的十个深入理解 借助“开源”东风 英特尔打造卓越“软实力” 深圳综合交通设计研究院张鹍鹏:智能交通设备领域已成红海 信息化是发展趋势 25个可遇不可求的jQuery插件 Web设计中对视差设计的误区 直接拿来用,九个超实用的PHP代码片段(二) 一周消息树:小米染指平板电脑凶多吉少 移动周报:Xcode 5.1更新、CarPlay揭秘,Apple很忙 可穿戴领域,创业公司的掘金点?还是滑铁卢? 搜狐SendCloud2014运维技术沙龙拉开帷幕 一周热点:选择Go语言的12个理由,九头蛇与大象之争 中国云计算大会PPT集萃(二):十位技术大牛分享平台打造技术 延迟250毫秒损失数百万美元,Hadoop系统该如何应对实时任务 IBM成立展示中心扩展大型主机的Linux开放生态系统 SDN解决方案总结:OpenFlow、虚拟机、OpenStack和VXLAN/NVGRE 第六届中国云计算大会将于5月20-23日在京隆重召开 大数据实战:站在JMP分析平台上的FIT足迹识别技术 首届SAP d-code大会在上海举办 【OSTC讲师专访】ZoomQuiet:因商业化而开源是中国开源界最大的囧处 亿元资金扶持+联手100家VC,腾讯的雄心壮志 美国史上最大IPO 能给阿里巴巴带来什么? 买Windows平板而非iPad或Android的十大理由 Framework7:不会Objective-C,也能开发iOS7应用 CocoaChina开发者大会 全新引擎Cocos 3d-x开源 Oracle和微软的抱团,以及对抗Amazon霸主的5个可用点 Agile已死 Agility长存? 论程序员的自我修炼 Github女员工因遭性别歧视离职 串口通信的问题 紧急50分 在 vb.net 中,如何读取 xml 文件? 斑竹地进来! 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 新装的WIN2000,关了启动程序,占内存近100M,还老出怪问题 连编以后,出现的错误,求解 我有一个外来控件(条形码),请问该如何用代码在图片框中动态添加一控件?? 系统设计师就要开考了,请考过高程和就要考高程全部看过来~~~~ 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 如何把一组CLASS文件打成一个JAR的包 谁用过solid数据库阿,可知里面怎莫用视图阿??紧急! 求求大哥们了 怎样动态改变控件的属性? 明天要去九城面试,有知道内情的吗,给说说,无限感激,, 大家帮忙看看!我有记个问题一直困扰我!(送分的问题(可以加100分啊),不够可加啊!都是送分题,来者都有分) 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 如何处理让播放器播放多首歌 【请教】vc适合oo开发? Window中的大/小字体显示属性改变后,影响对话框大小的问题(VC)? 如何处理让播放器播放多首歌 如何同时使用两个msn 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 在线等待大虾求助:win2000缠人问题 求ASP下进度条源码!多谢了! ———请帮忙----! 如何用sql语句将文本文件转换成sql数据库 用什么开发工具最好 急急急!急急急!accept 后如何获取Client端socket的源IP地址字符串???? 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 Jbuilder9加载了db2驱动却不能使用 高分请教!!!关于访问数据库的用的DataSet对象的 请问如何传递一个VarChar类型的参数给存储过程? 来Networkers, 感受最强劲的网络力量 关于打印图片的问题,高分~~ 电脑是windows2000和rh linux8双系统,开机时可以选择win还是linux,不选的话默认进linux,现在我想默入win2000,不知如何做? 扩展名为.MSI的是什么文件,怎么用? 明天要去九城面试,有知道内情的吗,给说说,无限感激,, 求中程和高程的书 提问—— 请问MAPI中的ID对应WEBDAV中的哪个字段? 为什么不能安装软件 怎样让窗体从屏幕的右下角显示 ■■高分请教一个SQL语句:ORACLE数据库,请看叙述■■ 请教哦~~我实在不知道该怎么做了。sql当中创建表后是如何修改表格的 Jbuilder9加载了db2驱动成功后却不能使用 欢迎参加微软新闻组 & Diyinside Windows User Group离线技术沙龙 关于连接池使用的问题,请大家帮忙了,谢谢大家了 关于API声明问题 因为控制不住自己,犯错误了,在这里说出来,希望MMDD们以后不要学我的样 制作好的安装安装包为什么在其它机上安装不行. 王文正公 单个一个草字头什么意思? 草字头有什么意义 新概念第三册课文的译文谁有呀? 新概念英语第二册全书,要全部课文和译文还有单词什么的. 提手旁加一个秀是什么字,加拼音! 提手旁 加一个丽读什么 怎么打 提手旁加两个已加一个共是什么 the bottle really does contain perfumed mud.这里的does是什么意思怎样翻译 does your pen really use like that(你的笔真的是这样使用的么)这样翻译有问题么?如果有问题应该怎么翻 王文正公是指谁? 韩总统朴槿惠对朝言论引猜测 称可与金宁波轨道交通:逃票将纳入个人信用信息印度雄心勃勃探火星 英媒议论“与中国中印时隔5年再次联合军演 更多表达政浙医二院对抗菌药动真格 去年有医生被杭州正研究建设“城市风道” 引风进城李克强看望黑龙江受灾群众:不让一个群哥伦比亚一辆巴士坠崖 致13人死亡62013浙江·杭州国际人才交流与合作社会学家:27.6%户籍城镇化率证明“海龟”与“土鳖”结合 浙江发展关键南湖中园一区几栋楼前堆垃圾集宁路古城“入列”内蒙古考古遗址公园第四届北京艺展会吸引八万人次参观支付宝一次将只能登录一台设备冬奥会新建场馆明年开建百度成立200亿百度资本徐庄三条有人夜晚施工吵人备战联赛 丁宁做好“传帮带”外交部:韩方有关说法站不住脚抢抓发展机遇 增进民生福祉内容付费花样多 长久不能靠噱头召唤鬼族末世方舟逆天透视眼篮坛神话重生之神级实习老师银河军火商穿越者事务所沧若九城阴影下的宰相都市魔圣星空逍遥记东湖旅游区旅游江汉路步行街旅游户部巷旅游黄鹤楼旅游橘子洲旅游孔庙旅游国子监旅游雍和宫旅游护国寺旅游八达岭长城旅游景山公园旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘