随笔分类 - knockout
摘要：关于knockout学习系列的文章已经写完，这里主要是做个总结，并且将目录罗列出来，方便查看。欢迎各位大神拍砖和讨论。总结 kncokout是一个轻量级的UI类库，通过MVVM模式使前端的UI简单话，减少javascript代码的编写。通常说到javascript类库，首先都会想到jquery...
阅读全文
摘要：前面已经介绍了ko的基本用法，结合官方文档，基本就可以实际应用了。本章作为ko学习的最后一篇，实现一个简单的demo。主要集中在ko，所以后台数据都是静态的。类似于博园，有一个个人文章的分类列表，一个文章列表。可以在文章最后下载工程源代码（包括之前demo的代码）。实现效果图如下：一、准备数据 ...
阅读全文
摘要：一、问题引出 通常，我们先定义好html结构或者模板，通过ajax向后台发起请求，后台返回json数据，然后再将json数据渲染到页面上。以博客园个人博客里的个人信息为例子，如图： 1.定义html。 姓名： 园龄： 粉丝： 关注： 2.定义ViewModel，其中的数...
阅读全文
摘要：前面的绑定都是用在基本标签上，这章主要讲表单域标签的绑定。一、value 绑定 绑定标签：input text、textarea。 用户名： 密码： function UserInfo(){ var self = this; self.name =...
阅读全文
摘要：所谓绑定上下文就是当前绑定(dat-bind)所使用到的对象（ViewModel）。在单个对象绑定的情况下是很容易理解的，但对象可能是复杂的类型，嵌套很多层，这个时候每层都有自己的上下文对象，理解起来就不是很方便了。ko通过上下文关键字，让层次间的关系变得更加清晰，相互访问变得更加简单。一、$d...
阅读全文
摘要：前面已经介绍了基本的绑定和模板相关知识，接下来就看ko里的数组和模板绑定，数组和模板绑定应该是实际项目中用得比较多的，ko提供了很好的支持。一、observaleArray 前面的监控属性都是单个对象，用的是ko.observable；有时候后台返回的是一个列表，也就是数组，这个时候就需要用监...
阅读全文
摘要：测试数据： function Person(name,age){ var self = this; self.name = ko.observable(name); self.age = ko.observable(age); self....
阅读全文
摘要：一、语法介绍 先来看一个简单的例子： var obj = {name:ko.observable("tom")} ko.applyBindings(obj); 这样会自动完成绑定。其中有3个特别的地方：1. data-bind。2.ko.observable 方法。 3.ko.apply...
阅读全文
摘要：通常来说，前端的维护难度是比较大的，特别是脚本，虽然像jquery这样的库可以帮助我们减少很多代码，但在稍微复杂的情况下，还是会产生有很多代码。上一篇介绍了模板引擎jsRender，它可以帮我们快速生成html，减少代码的编写，增强代码的可阅读性和可维护性。但最后也说到，它还是不够强大。一、mv...
阅读全文
摘要：上一篇最后提到了模板，并尝试自己编写一个最简单版本；有些朋友可能用过 jqtmpl，这是一个基于jquery的模板引擎，不过它已经不再更新了，而且据说渲染速度比较慢。这里介绍另外一个模板引擎:jsRender。个人觉得这些东西学习起来还是很简单的，挑一个看看就行，实际要用到了哪个，官网看看dem...
阅读全文
摘要：开篇 关于knockout的文章，园里已经有很多大神写过了，而且都写得很好。其实knockout学习起来还是很容易的，看看官网的demo和园里的文章，练习练习就可以上手了（仅限使用，不包含研究源码）。之所以想写这个系列，主要是想记录自己的学习和应用过程，也希望能给初学者一点帮助。 既然是学习过程...
阅读全文