BI-Directional / Two-Way Data-Binding Library
JavaScript CSS
Latest commit bb54d3c Jan 19, 2015 @nuysoft nuysoft Update README.md
Permalink
Failed to load latest commit information.
demo 润色 Nov 20, 2014
dist 润色 Nov 20, 2014
doc 润色 Nov 20, 2014
src 支持 Zepto Mar 13, 2014
test 支持 Zepto Mar 13, 2014
.gitignore doc Jan 9, 2014
.jshintrc init Nov 28, 2013
.travis.yml bower install Dec 22, 2013
Gruntfile.js 事件绑定雏形 Mar 6, 2014
LICENSE 模块化:测试用例,Live Demo,文档 Jan 23, 2014
README.md Update README.md Jan 19, 2015
bower.json 支持 Zepto Mar 13, 2014
index.html 重构目录 Dec 22, 2013
package.json BiSheng.auto/apply/watch/unwatch Jan 21, 2014

README.md

#不推荐继续使用,请移步 brix-bisheng

BiSheng.js(毕昇)

Build Status GitHub version Bower version Views in the last 24 hours Built with Grunt

纯粹的数据双向绑定库。

BiSheng.js 的名称源自活字印刷术的发明者“毕昇”。因为单向绑定犹如“刻版印刷”,双向绑定犹如“活字印刷”,故名 BiSheng.js。

API & 文档

快速开始

  1. 下载 BiSheng.js

     bower install bishengjs
    
  2. 引入 BiSheng.js

     <script src="./bower_components/bishengjs/dist/bisheng.js"></script>
    
  3. 使用

     // 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 元素,解析定位符。

更多演示

grunt 

访问 http://localhost:5000/