Javascript MVVM模式前端框架—Knockout 2.1.0系列：目录
2012-05-16 23:41 刺客之家 阅读(9715) 评论(29) 编辑 收藏 举报前言
最近一段时间抽空学习了一下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/
