way.js - 轻量级、持久化的双向绑定JS库
2016-05-13 12:17
1041 查看
AngularJS的双向绑定一直为人称道,但使用AngularJS需要对页面组件化,学习成本还是很高的。
本文源自 https://github.com/gwendall/way.js 边学边译。
使用:引用一个js文件即可。
way.js. 官方JS脚本 点击下载
开始:
声明一个HTML元素和一些标记
现在每一个变化将存储内存。绑定跨度的html将被改变。和绑定数据将持续,这意味着你的HTML会填充你的页面重新加载数据。
文档:
本文源自 https://github.com/gwendall/way.js 边学边译。
使用:引用一个js文件即可。
<script src="way.min.js"></script>
way.js. 官方JS脚本 点击下载
开始:
声明一个HTML元素和一些标记
<form way-data="myFormData" way-persistent="true"> <input type="text" name="name"> <input type="text" name="age"> <input type="text" name="gender"> </form> Name: <span way-data="myFormData.name"></span>
现在每一个变化将存储内存。绑定跨度的html将被改变。和绑定数据将持续,这意味着你的HTML会填充你的页面重新加载数据。
文档:
名称 | 类型 | 默认值 | 描述 |
data | string | null | 允许定义点分离路径数据将存储的地方。可以包括数组。当表单上使用时,一个json变量包括所有的输入了一个[名字]属性将被创建并存储在指定的存储。通过“__all__”路径访问所有的way.js的数据。 |
default | strign | null | 如果没有绑定值,链接的默认数据设置一个元素. |
相关文章推荐
- JSP的9大内置对象和4大域对象
- JavaScript——2(对象)
- c#winform中使用WebKit传递js对象实现与网页交互
- extjs中第一次访问有效,第二次访问出现部分组件无法显示的,动态改变组件的label值的方法,ExtJs中组件最好少使用ID属性(推荐更多使用Name属性)
- Javascript基础之数组的使用
- IE6中请求莫名中断(条件:a标签,click事件中有ajax请求,a标签中有href且是JavaScript:void(0);或JavaScript:;等阻断跳转代码)
- 关于JavaScript的执行环境与作用域的解读
- JS时间差(毫秒/天数/月份)
- js性能优化--学习笔记
- 一个新人对HTML内JavaScript的理解
- 【Javascript 基础】使用数组
- Js获取当前日期时间及其它操作
- js学习笔记5----函数传参
- 如何自定义异常然后在前台jsp提示异常信息
- JS 字符串编码函数(解决URL特殊字符传递问题):escape()、encodeURI()、encodeURIComponent()区别详解
- js日期时间比较函数
- js对字符串进行编码方法总结
- javascript 常用实用函数。。。。。。
- JS打开窗口的2种方式d的区别
- JS判断图片是否加载完成方法汇总(最新版)