Javascript MVVM模式前端框架—Knockout 2.1.0系列:目录
2013-01-24 11:11
796 查看
Javascript MVVM模式前端框架—Knockout 2.1.0系列:目录
2012-05-16 23:41 by 刺客之家, 5094 阅读, 22 评论, 收藏, 编辑前言
最近一段时间抽空学习了一下Knockout.js,发现这个框架十分有趣:它提供了一种优雅的解决方案来实现UI元素与Javascript对象之间的绑定
能够实现双向绑定:UI元素变化的时候更新js对象,反之亦然
能够跟踪依赖(dependency tracking),就是对象之间存在依赖的情况下,依赖项的变化会传导到整个依赖链条的末端。
灵活的模板功能
可以这么理解,基本上这是一个在web浏览器中实现类似Silverlight,WPF那种“数据绑定”功能的框架,不过它的功能远不止绑定这么简单。
通过学习官方文档,自己也整理了基本ko的所有功能,现在借博客园把整理的东西分享出来,让不喜欢看e文文档的童鞋们可以多一个了解ko的资源吧。
另外每个章节我都会把对应的Demo贴在文章中,给大家一个直观的感受。
备注:列表中使用*2.1 NEW*号标注了哪些特性是2.1版本新加入的功能
计划章节(随时更新)
1、初识KO:监控属性(Observable) 与 依赖属性(Computed)2、列表操作:监控数组(Observable Array)。
3、文本和样式绑定(上篇):visible绑定、js表达式充当绑定值
4、文本和样式绑定(中篇):text绑定、html绑定
5、文本和样式绑定(下篇):css绑定、style绑定、attr绑定
6、控制流Control Flow(上篇):foreach绑定、虚拟结点绑定
7、控制流Control Flow(中篇):理解绑定上下文Binding Context
8、控制流Control Flow(下篇):if绑定与with绑定
9、内建绑定之——Click绑定
10、内建绑定之——Event绑定
11、内建绑定之——Enable绑定、Value绑定、uniqueName绑定
12、内建绑定之——hasFocus绑定
13、内建绑定之——checked绑定
14、内建绑定之——option与selectOption绑定
15、自定义模板:模板绑定
16、创建自己的绑定(上篇):自定义Binding
17、*2.1 NEW*创建自己的绑定(中篇):绑定上下文扩展——修改子元素绑定上下文
18、*2.1 NEW*创建自己的绑定(下篇):自定Binding也可以支持虚拟DOM元素
19、ko数据辅助:viewModel的Json序列化支持
20、进阶技巧:扩展Observable
21、进阶技巧:使用throttle extender延迟更新computed属性
22、进阶技巧:使用dataFor,contextFor配合常规事件绑定
23、进阶技巧:使用fn扩展自定义函数
24、*2.1 NEW*使用$Index关键字绑定自动序号
25、*2.1 NEW*判断属性是否computed
26、*2.1 NEW*控制json序列化范围
相关资源:
Knockout官方首页:http://knockoutjs.com/相关文章推荐
- Javascript MVVM模式前端框架—Knockout 2.1.0系列:目录
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(4):文本和样式绑定(中篇)
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(8):控制流Control Flow(下篇):if和with绑定
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(5):文本和样式绑定(下篇)
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(9):内建绑定之——Click绑定
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(6):控制流Control Flow(上篇)
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(10):内建绑定之——Event绑定
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(3):文本和样式绑定(上篇)
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(11):内建绑定之——Enable、Value、uniqueName绑定
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(7):控制流Control Flow(中篇):理解绑定上下文
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(1):初识Ko,了解Observable与computed
- Javascript MVVM模式前端框架—Knockout 2.1.0系列
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(9):内建绑定之——Click绑定
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(2):使用Observable Array(监控数组)
- 前端 MVVM 框架KnockOut.JS深入浅出视频教程
- React-Knockout无缝粘合,JavaScript项目MVVM框架下的控件化
- 前端 MVVM 框架KnockOut.JS深入浅出视频教程
- Javascript MVC/MVVM 框架对比, AngularJS vs Backbone vs Knockout
- js架构设计模式——前端MVVM框架设计及实现(一)
- 前端MVVM框架:Knockout.JS(一)