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

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

微软、思科、Google、Facebook等联合推出CII 狙击“Heartbleed” 这是个神奇的国度:细数五大印度裔IT牛人CEO Atmel CMO Sander Arts眼中的创客运动 Unity“三巨头”:全心全意为开发者服务 全球移动广告现状报告:哪种平台、应用最赚钱? 《近匠》Smart Wallit,钱包找不到了?给它“打个电话”吧 Mozilla新CTO:JavaScript、 Firefox OS专家Andreas Gal 李彦宏发布百度大数据引擎,及与谷歌、亚马逊等类似项目对比 大数据领域,实时打击欺诈犯罪的4个战场 一周消息树:谷歌Project Ara,将开启下一个智能手机时代 数据恢复服务商的6个最佳实践 【走近讲师】谭晓生:魔高一尺道高一丈,360基于大数据的网络攻击检测 一周热点:摩尔定律让位于贝索斯定律 阿里巴巴集团CTO王坚确认出席第六届中国云计算大会 【走近讲师】青云甘泉:混合云的构建及其对企业的帮助 RadiumOne创始人兼CEO因家暴被公司解雇 3D打印狂潮:可检测皮肤疾病的低价手机显微镜 浅谈导航设计,开发者必备的十大实用技巧 【云先锋 41】上海越诚:基于云服务的建站类iService软件超市 董西成:Hadoop将在高速发展和完善中扩大优势! 【走近讲师】 华云数据郁珉:公有云市场八仙过海 价格不是唯一标准! Facebook、Twitter、Google移动广告之争 开发者的黄金时代=运维人员的恶梦? 研发团队平稳度过“从小到大”并非易事 诺基亚品牌手机不久将消失 Stephen Elop回应不是木马 看七家科技公司Logo的最初模样 移动UI框架Fries:私人定制最Sexy的用户界面 必须Mark!最佳HTML5应用开发工具推荐 百度技术开放日感悟:看百度如何获取大数据时代的“船票” 谷歌亚马逊微软的烧钱游戏 拉手网CTO官冲:团购网在大数据应用上的探索 请问在哪里可以找到监控局域网的网络流量的工具,不够再加? 免费ASP空间申请 白羊座的进来领分,水园里白羊座好像很少。。。。 ie无法编译jsp? 300分!求《程序员增值合订本》上册中的"完全掌握TCppWebBrowser控件"内容! Google搜索从入门到精通(散分) 由于工作需要,将要转到Linux平台,请问那位知道有什么好的SQL Client在Linux下? 由于工作需要,将要转到Linux平台,请问那位知道有什么好的SQL Client在Linux下? 你是怎么过的?CSDN无高人?:( 找asp.net入门经典!一定是C#写的!!!在线等! 菜鸟的关于DataGrid的问题 资源管理器中选中的多个文件怎样传给我的程序 什么是“三层数据库”和“嵌入式软件系统”? 什么是“三层数据库”和“嵌入式软件系统”? 类似"hello world"的简单问题,求教 免费ASP空间申请,支持ACCESS 事件的终止? 数据追加求教:谢谢您!!!! 请问InputBox在framework 类库里面有没有代替的阿? 为什么我写到文件中的字符总长度比我实际应该要写的多? 如何使dbctrlgrid多选,并使鼠标右击相当于鼠标左击 关于静态IP地址,急!!! 如何将tomcat做为windows的一项服务启动? 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 非法操作的问题 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 各位大虾救命啊!请问怎么在一个DIALOG中使用RICHEDITVIEW,谢谢大家了 ACCESS的删除问题 我有“处女”情结,可.............. 菜问题,,马上给分sendto问题 while和for的区别 安装的问题 我喜欢上公司的JJ怎么办????? 谁能帮我反编译?急 1.7gmsdn如何改成3张碟刻出来 启动慢? 有什么方法实现点击"提交"按钮后,弹出一个框显示表单里的数据,"确定"后再提交,"取消"后不提交? 请教vb 字符串问题 急!明天要啊!(帮忙啊!)分在另一贴给! 请问如何创建一个组控件,然后又可以动态调用?请进!:) 用Jbuilder开发,怎样配置才能开发j2me? 关于HOOK和键盘屏蔽的问题??? 如何在自己的网页上嵌入google的页面翻译功能 有关2k的内存问题 阴谋家已被清除!大家尽兴的庆祝呀! 问一下 C++基础的弱智(20分钟内结贴) 高手请看:实形变量在不同的过程中调用问题?(大家都要遇到的问题,来着有分!) 还是没解决呀!!1 350元左右的MP3播放器谁好阿?你给推荐一下? 如何撰写反馈改善总结报告 找个化学专家!教我一下化学知识 有点小钱想投资,朋友推荐了网贷平台利融网,但不太清楚年化利率是什么意思, 一个用电器电阻大,电压也会大吗? 九上数学的反比例函数怎么学 铜能与浓硫酸反应而不能和稀硫酸反应 是什么原理 这一事实能说明反应物的性质影响化学反应速率吗 数学的反比例函数解析式已知一此函数Y=KX+B图像与反比例函数Y=8/X的图像在第一象限交B(4,n)求K,n的值 求一个英语单词或者句子 含 L J M最好是深情点的 什么是多元弱酸? 登岳阳楼杜甫是一首诗反映了作者的什么风格 求含j和x的英文单词 医院在Jiefang Road的英语 一道大学英语考试题I regret____a present to my friend when he got married last month.a.to have not madeb.not makingc.not having maded.having not made答案及原因.我也认为选C,可答案是A. 物理第二十一题 word中 如何做文字围绕圆内走?word中 不能用艺术字! 大学英语考试题1、Jimmy was so nervous,not a single word _____ down in the dictation.A、he wroteB、he was writtenC、did he writeD、was he written 2、Little ______ when I took the trip where it would lead me.A、have 物理第21,22题 0.1mol碳约含有____个碳原子 2mol氧气约含有____个氧分子,____个氧原子 1mol硫酸约含有___个硫酸分子,___个氢原子___个硫原子,__个氧原子 0.5mol氢气约含有___个氢原子.___MOL氢原子 0.2mol氢氧化钡含有_ 1、1._____ he said at the meeting shocked everybody.A、WhatB、ThatC、The factD、The matter 2、Mike didn’t understand ______ made his wife so upset this morning.A、whatB、whyC、howD、which 3、I wonder_____ 电镀掉镀层是怎么回事 word打出一段文字呈一个圆形就是在一个圆形的自选图形上打字,但要求充满整个圆而不是一个方形.(不要说用文本框一行行地调喔)不是说每个字有个圈,是一段文字呈一个圆形我的意思不是 数学 反比例函数题已知一次函数 y=kx+b 的图像与反比例函数 y=-x:8(也就是负x分之8)的图像交于A,B两点且点A的横坐标和点B的纵坐标都是 -2(1)求一次函数的解析式(2)求△AOB的面积拜托大 物理二十一至二十四题, word中怎样把文字均匀排放在360度的圆上 数学反比例函数题1以知反比例函数的图象Y=X分之K经过点(2,3),若点(A,-2)也在该函数的图象上,则A的值为?2正比例函数Y=-2X和反比例函数Y=X分之K的图象交点的纵坐标为-1,则反比例函数的解析式 21.题 葡萄的产量一亩大约是多少 1.一定量的铜粉和碳粉的混合物,在空气中充分燃烧后其固体与原混合物的质量不变,则原混合物中铜粉和碳粉的质量比为-------2.将一定量的一氧化碳和二氧化碳的混合气体通入足量的澄清石灰 h___ english class怎么填单词? 陕西一亩葡萄的产量是多少呢 有没有什么方法. 有没有同时包含“Z,H,T”的英文单词?三个字母大小不限,举个例子,是一个单词同时包含 要求是AAA+AA+A+A=BBBc 正方形的边长增加1/8,周长就增加()/(),面积就增加()/() 工程上立模什么意思,求详细解释 Cross the road啥意思 四边形ABCD中,角B=角C,AB=CD,判定四边形ABCD的形状,并证明你的结论 房屋建筑学中的施工说明是什么意思?施工说明是干什么用的?能举个例子说明一下吗?感激不尽 cross the road的中文意思 有没有英文单词里含有z,m的?要按顺序, 工程中,1.5*1.5砖 1*1砖 2*2.5砖各指什么含义, cross the road的意思 含有G和M的英文词语 某化学实验兴趣小组想设计一个实验来验证工厂排出的废气中含有SO2和CO2,采用如图所示装置所用药品有:(I)氢氧化钠溶液(II)品红溶液(III)酸性高锰酸钾溶液(IV)澄清石灰水A,II-III-IV-IB,IV-II-III-IC, dont cross the 一个四边形的四个角ABCD上各长着一棵树,现准备将其扩大成一个平行四边形,且面积为原来面积的两倍还不能破坏这四棵树,请设计出方案.注意,是一个凸四边形,最好附图,不然请说明作法 英语的比较级规律是什么?不规则的有哪些类? cross the road中文是什么? 其中(1)中的这个结论是一个有用的结论,请用这个结论,在图②的四边形中ABCD内引一条和一边平行的直线,求∠A+∠B+∠C+∠D的度数. 化工系统工程的有关问题1、系统合成的主要任务是什么?2、系统合成的主要工作步骤有哪些?3、系统合成方法有哪些?4、精馏序列的合成问题包括哪些?5、某工艺物流,其流率为200 kg/s,换热后升 Ni(CO)4 为什么不是dsp2杂化?CO不是强配体吗?而Ni的价电子轨道挤一挤的话就会有1个空的d轨道了,那为什么Ni(CO)4不是dsp2而是sp3呢? 品质改善报告怎么写才最合适我只是公司里一名很普通的车间组长,可是在我刚上任的第一个月,却把公司的产品弄出好多不良,导致了厂商对我们的客诉.老板要我写改善报告.我该怎么写呢?麻 工业制得的纯碱可能含有少量的氯化钠,现取含有少量的氯化钠杂质的纯碱药品5g与足量的稀盐酸完全反应,放出1.76g气体.请计算这种纯碱样品中碳酸钠的质量分数. 请教高中物理光学问题为什么筷子插到水中时,人所看到的筷子会变粗 次氯酸钙和硫酸锰反应·高分在线等·答对追50分要求写出酸碱性情况下的方程式·2L你的不对· 浓硫酸和铜的化学方程式 请教一道高中物理光学题如图,MN是竖直放置的长L=0.5m的平面镜,观察者在A处观察,有一小球从某处自由下落,小球下落的轨迹与平面镜相距d=0.25m,观察者能在镜中看到小球像的时间△t=0.2s.已知观 关于品质与质量的改善报告怎么写? 求指教!我在看一个汽车清洗剂的配方 算来算去 因为摩尔质量 我算不出来。求指教 配方如下:组分 m/kg聚丙烯酰胺(粉状) 25-90十二烷基苯磺酸钠 2-5脂肪醇聚氧乙烯醚 1-5十二万基硫酸钠 20- 谁能给我解释下责任的含义,你自己理解的责任与爱的关系,责任与快乐的关系等不要复制的,要你自己理解的 外电:朝鲜罗先市掀起学中文热中东欧四国支持西巴尔干国家加入欧盟韩国将首次以国家展团形式参加中国航展经济前景看好 并购风云再起德媒:美国陷入“老大哥”式幻想传染病与慢性病挑战加剧 中美专家共商美墨边界发现走私隧道 设备先进配备轻调查指斯诺登最可能在俄最流行社交网站西报:监听地图揭示权力新格局斯诺登在俄觅得网站工作 11月1日开美报披露美国安局侵入雅虎谷歌盗数据日本最先进潜艇“黑龙”举行下水仪式(手机预装软件审核今起实施 360卸载万圣节主题研究:到哪一年Facebo77岁贝卢斯科尼被曝已与28岁女友秘日韩两国或围绕慰安妇问题大闹法国国际美医院工作人员患结核病 数百新生儿或韩美11月举行第7轮防卫费分担会谈 日媒醋意评价朴槿惠外交策略 称其无视澳维州出台新法规定性侵犯再犯案将不准欧洲或限美企处理数据 封杀数百亿美元张国立拒谈张默:问题太尖锐 回答不了凯恩补时建功,热刺3-1阿斯顿维拉老雷:现在曼联无一人能为爵爷踢球英国自行车超速吃罚单,你没有看错阿莱格里:球员之间缺乏化学反应曝斯图里奇或国际比赛日后复出黄蜂正式与杰里米-兰姆续约国产Jeep自由光将今日上市 推2.埃泽利不会与勇士提前完成续约黄蜂执行科迪-泽勒合同球队选项上港计划建新球场 高层:上海不能只有第二届中国(长春)轨道交通博览会11采茶唱“富曲”把家门口的事办到家党的十八届五中全会精神第二批重点建设项目名单的通知融合发展新路“大病保险”年内实现全覆盖阳光雨露,洒向每一个贫困角落唱好精准扶贫“三部曲”研究部署推进制造强省建设等工作
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘