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

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

Android JNI开发入门篇 Android NDK开发技巧一 Android数据库ContentProvider封装原理 Android Permission列表,ADT 0.9.9 bug Android Theme和Styles内部定义解析 Android平台下图表绘制相关方法 Activity类的runOnUiThread方法你用过吗 Android上鲜为人知的UI控件介绍和使用 获取Android手机上的图片和视频缩略图 Android JSON解析示例代码 Android ANR介绍与避免 Windows Phone 7 SDK完善度不如Android m3 Android中使用定时器TimerTask类介绍 控制Android LED灯颜色代码 Android应用Icon大小在不同分辨率下定义 Android控件美化Shape你会用吗? Android屏幕截图之View方法 Android开发者应该保持以下特质 Android Widget开发模板 Zipalign使用方法-SDK中的APK文件优化工具 Android蓝牙控制之2.X或以上 Android数组排序常见方法 使用OpenGL开发一个指南针 Android自绘GridView控件 Android平板开发注意事项 Android控件TextProgressBar进度条上显文字 Android内存管理-SoftReference的使用 反射在Android开发中的利弊 intent调用代码总结二 Android缩略图类源代码 Android多人项目开发指导 如果只做oracle DBA,那学习 PL/SQL 是否熟悉一些就行,还是必须特别精 DOS程序和WINDOWS程序串口通信问题,各位帮帮忙! 高手请回答:VB多线程互斥信号问题 用c编写bbs 多线程与clientdataset 主扳、CPU、硬盘、光驱,升级方案大比拚!!!!! 一个极菜的问题:怎么确定文档的大小? zf925(天下哪来那么多高手),你的回答我以看见了,但你的帖子贴的不全,你的原代码的例子没有, 设备管理器里面断口显示的是端口COM1和COM2,但是我的调只解调器里面的断口却是COM3和COM4,到底怎么回事呢?? :哪位大侠有多媒体方面编程的经验?请帮忙查看一下,谢谢。 DELPHI有史以来最大的难题! 二级联动菜单怎么搞啊??各位大虾救急啊!!! 请赐教 如何建立mts與com,dcom,com+通信,其中每種方式有何不同之處? 有个有关j2ee应用服务器的问题,很困惑!(急,一定给分!) 学习c和c++学要学习汇编吗????? 我先试一 下 关于得到文件的名字? 用5行代码就让系统重起的帖子怎么找不着了?谁告诉我?加分了!! 素女经 如何修改SQL数据库表中的数据 在对话框里输出文字?不要控件!!不要static 控件 一个关于打印的怪问题! 如何将数据库通过JDBC接收并将字段关键字连成一棵树(每一分支最多64节点) 救急!!!!!!!小妹我遇到一点问题! 今年就业形势“大好”! ******* 马上就给分,所以给的少了点,大家别介意 ******** 大家给点意见 请关注一个初学者的问题?我学sql但是不知未来的发展趋势!? 图形数据窗口(line 星)点太大,如何缩小 救急!!!!小妹我遇到一点问题! 用bcb制作动态网页 数据窗口 Graph 类型 line 样式 如何学c语言? Delphi中如何获的其它应用程序中的内容? 显示颜色变成只有16色和2色? DWORD 参数传递的问题。 那里有播放AVI文件的程序?谢谢! 参数传递问题!!大侠帮帮我 请帮我修改一下源代码(delphi)请帮忙改一下,让它打印了不往里(数据库)存。 BIOS设置,用电脑是不是可以当闹钟呢? 五笔输入法忽然不能用了 救就我,为什么Frame的客户区变小了?关于切分窗口 怎样查找某一个目录下一个表是否存在? 请问有用过李阳疯狂英语的朋友吗?请说说到底怎么样? 我想向各位大侠请教一个问题? 如何屏蔽TEXTBOX的回车响应? 关于《各位学习编程的目的是什么》的总结 m_pusrrcdset->m_pDatabase->ExecuteSQL("")为什么不行?老是ASSERT错误 请问我刚入bcb的大门,有什么好的参考书可以看看吗? 生活中有哪几种圆柱体.嗯,一共是有三种的,而且是常见的,麻烦你帮帮忙吧,我会记住你的大恩大德的. 怎么区分小麦和稻子 海子的代表诗篇?一首最著名的? 举例说说生活中哪些物体的形状是圆柱体的 一块圆柱体木块竖着切成四块,表面积增48平方厘米;横着切成三块,表面积增加50.24平方厘米;削成一个最大圆锥体,体积减少了多少立方厘米? 空气中的灰尘有哪些危害? 是圆柱体的物体有哪些?举4例 小麦和大米有什么区别?为什么? 麦子已经成熟了,真是丰收在望.这句话哪儿错了 如果一个圆柱体与一个圆锥体的底面积和体积分别相等,则圆柱体的高是圆锥体高的() 有一根圆柱体的木料,如果底面直径竖直平均分成四块,表面积增加144平方厘米.如果平均截成4个小圆柱体,表面积会增加169.56平方厘米,这根木料原来的体积是多少? 用几句花描写麦子成熟后田野的景色,要用上打比方的方法 已知i,j是是夹角60的单位向量,向量a=2i+j,b=-3i+2j,则向量a,b的夹角为? 将一个圆柱体沿上下底面的圆心切成4块,表面积增加48平方厘米,如果将圆样切成3个小圆柱体,表面积增加50.24求圆柱的表面积 有树有麦子有鸟怎么写句子 设向量a=3i-2j+4k,b=i+j-2k 在a,b决定的平面上 求一个与a垂直的单位向量 经济 发展 .help help我对中国近代经济发展历史感兴趣.(1000字——) 描写棉花成熟时的样子的语句 设U=Z,A={x|x=2k,k∈Z}.B={x|x=2k+1,k∈Z},求CUA,CUB 已知向量a=-i+2j b=-3i+4j 求 |a-b|= 假如大气中没有灰尘,强烈的阳光将使人无法睁开眼睛,这是灰尘的什么作用 若U=Z,A={x|x=2k,k∈Z},B={x|x=2k+1,k∈Z},则CuA= CuB=CuA等于多少 CuB等于多少 已知i.j是两个不共线向量,若AB=3i+2j,CB=i+入j,CD=-2i+3j,那么当实数入为何值时,A,B,D三点共线?解析:已知AB向量=3i+2j,CB向量=i+λj,CD=-2i+j,那么:向量BD=向量CD-向量CB=-2i+j - (i+λj)=-3i +(1-λ)j若A.B.D三点共 用颜色来描写下列:(嫩绿)的秧苗 ()的稻谷 ()的大豆 ()的玉米 判断题:圆锥体是特殊的圆柱体() i.j是两个不共线向量,已知AB向量=3i+2j,CB向量=i+λj,CD=-2i+j,若ABD三点共线,求实数λ的值. 灰尘对人类或大自然有什么好处? 已知全集U={1,2,3,4,5},集合A={x∈Z||x-3|<2},则集合CuA等于(2,3,4}B.{2,3,4}C.{1,5}D.{5}Z 小麦和水稻啥区别? 在灰尘比较多的环境下工作吃什么对身体有好处 已知集合U=R,集合A={x|y=(1-1/x)^1/2}则CuA等于_______? 稻子和麦子有什么不同 在粉尘严重的环境工作,应该吃点什么比较好呢? 已知U=[12345],集合A=[x属于Z/|x-3|<2],则集合CuA等于什么? 把一个底面半径为5厘米、厚2厘米的圆柱形月饼沿直径切成4等份,表面积增加了多少平方厘米? 我的工作环境污染有点严重,吸入的粉尘多.请问吃什么食物可以排出肺内的灰尘呀. 已知全集u={1 2 3 4 5 },集合a={1 2},b={2 3 4 },则b∩cuA等于已知全集u={1 2 3 4 5 },集合a={1 2},b={2 3 4 },则b∩cuA等于 a{2} b{3 4} c{1 4 5} d{2 3 4 5} 把一个半径是5CM 后2CM的月饼沿直径切成四等份,表面积增加多少?(附加理由和算式) 设向量a=3i+2j, b=2i-j,求(1/3a-b)-(a-2/3b)+(2b-a)O(∩_∩)O谢谢解答3分之一a 生活中哪些物体是圆锥体?(要身边随手就能拿的) 把一个底面半径为5cm,厚2cm的圆柱形月饼沿直径切成四等分,表面积增加多少平方厘米?怎么算,为什么 求一段描写冬天小麦的句子求一段描写冬天小麦的段落 生活中有什么东西是圆锥体的?可以拿来上课用的.我想说的是随处可见的.我很难找到漏斗之类的东西 小麦和我们说的大米区别大吗 赞美秋天的诗 生活中有哪些东西是圆锥体的? 将一个圆柱体木块截成2个小圆柱体,表面积增加了100.48平方厘米,问圆柱体木块的底面半径?(岩高切的) 灰尘有什么好处快! 生活中哪些物品是圆锥体? 已知向量a=-i 3j,b=3i-3j,则a b的单位向量坐标是 有谁知道海子诗中的“麦地”,“马”,“麦子”,“大地”等各象征什么?他诗里有很多让我困惑的东东,谢谢帮忙! 已知a=3i-j-2k,b=i+2j-k,求a·b已知a=3i-j-2k,b=i+2j-k,求a·b及a×b 稻子和麦子有什么区别? 求海子诗 麦子熟了 读了几变就是不懂 ,喜欢海子的, 设a=3i-j-2k,b=i+2j-k,求 a·b及axb 一个圆柱体小木块 切成4块 表面积增加48平方厘米,横切3段表面积增加50.24平方厘米,现将它削成最大的圆锥体,体积减少多少?算式,数字的,快急 求海子经典诗句最好多点 生活中的封闭圆柱体急 已知向量i,j是互相垂直的单位向量,a=3i-4j,a+b=4i-3j(1)求向量a,b的夹角的余弦值;(2)对非零向量p,q,如果存在不为零的常熟α,β,使αp+βq=0,那么称向量p,q是线性无关的,向量a,b是线性相关还是 海子的最经典的诗句
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn