BiSheng.js数据双向绑定库
不推荐继续使用,请移步 brix-bisheng
BiSheng.js 是纯粹的数据双向绑定库。
BiSheng.js 的名称源自活字印刷术的发明者“毕昇”。因为单向绑定犹如“刻版印刷”,双向绑定犹如“活字印刷”,故名 BiSheng.js。
快速开始
-
下载 BiSheng.js
bower install bishengjs
-
引入 BiSheng.js
<script src="./bower_components/bishengjs/dist/bisheng.js"></script>
-
使用
// HTML 模板 var tpl = '{{title}}' // 数据对象 var data = { title: 'foo' } // 执行双向绑定 BiSheng.bind(data, tpl, function(content){ // 然后在回调函数中将绑定后的 DOM 元素插入文档中 $('div.container').append(content) }); // 改变数据 data.title,对应的文档区域会更新 data.title = 'bar'
目录
代码的结构按照职责来设计,见下表;打包后的文件在 dist/ 目录下;API 和文档在 doc/ 目录下;测试用例在 test/ 目录下,基本覆盖了目前已实现的功能。
源文件 | 职责 & 功能 |
---|---|
src/ast.js | 修改语法树,插入定位符。 |
src/bisheng.js | 双向绑定的入口。 |
src/expose.js | 模块化,适配主流加载器。 |
src/flush.js | 更新 DOM 元素。 |
src/html.js | 转换 HTML 字符串为 DOM 元素。 |
src/locator.js | 生成定位符,解析、更新定位符的属性。 |
src/loop.js | 数据属性监听工具。 |
src/scan.js | 扫描 DOM 元素,解析定位符。 |
评论
Way.jsJavaScript 双向数据绑定库
Way.js是一个简单轻量级、持久化的JavaScript库,用来绑定DOM元素和内存中的数据。是一个超级简单的双向数据绑定库。示例代码:<form way-data="myFormData"
Way.jsJavaScript 双向数据绑定库
0
brix-bisheng数据双向绑定库
brix-bisheng是纯粹的数据双向绑定库。安装Install$ bower install --save brix-bisheng'用法Usage// 配置 Brix BiSheng 和依赖库r
brix-bisheng数据双向绑定库
0
Bindable.js双向数据绑定JS库
Bindable.js实现了灵活、快速的双向数据绑定的JavaScript库。Two-waydatabindingmeanslinkingpropertiesoftwoseparateobjects-
Bindable.js双向数据绑定JS库
0
jQuery.my实时双向数据绑定插件
实时的复杂的双向数据绑定插件jQuery.my这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my提供了全面的验证,条件格式,复杂的依赖关系
jQuery.my实时双向数据绑定插件
0
Intercooler.js数据绑定库
Intercooler是一个PVC框架,允许你使用HTML5风格绑定和RESTfulURL来在应用中添加AJAX特性。这让Web应用有着更好的用户体验。使用Intercooler你可以使用非常容易理解
Intercooler.js数据绑定库
0
jsonalizeJSON 和对象双向数据绑定工具
jsonalize,一个Python下的JSON和对象双向数据绑定工具,支持将Python自定义类对象和JSON之间的相互转换。受支持的JSON类型:JSONIntJSONLong(OnlyinPyt
jsonalizeJSON 和对象双向数据绑定工具
0
jsonalizeJSON 和对象双向数据绑定工具
jsonalize,一个 Python 下的 JSON 和对象双向数据绑定工具,支持将 Python
jsonalizeJSON 和对象双向数据绑定工具
0