代码改变世界

随笔分类 -  [B1]Knockout.js

Javascript MVVM模式前端框架—Knockout 2.1.0系列(11):内建绑定之——Enable、Value、uniqueName绑定

2013-02-07 14:32 by 刺客之家, 1910 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础今天我们要学习的是另外3个内置绑定。其中2个(enable,value)是很实用的,另外一个uniqueName是为了某些特殊场景服务的。正文Enable Binding我们的UI元素在很多时候可能不希望用户可以编辑,或者在达到某些条件的时候,开启/关闭DOM元素的编辑功能,这个时候,就该使用enable绑定可以绑定一个bool值,或者一个可以转化为bool值的js express(表达式)。如果绑定 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(10):内建绑定之——Event绑定

2013-02-01 21:09 by 刺客之家, 1953 阅读, 收藏, 编辑
摘要: 讲解如何使用ko实现event binding 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(9):内建绑定之——Click绑定

2013-01-24 09:19 by 刺客之家, 2686 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础惯例吐槽几句先。最近快过年了,手头上的事情才稍微少了点,终于有时间继续整理以前的学习记录,分享给大家。PS:最近花了点时间看了一下其他一些前端框架比如backbone.js,angularJS,发现knockout.js和他们比起来,还是有自己的特点和优势的。等以后对几个框架都有了更多了解之后,再总结一下他们的异同~再PS:由于最近太懒了,直接导致当初准备总结的2.1.0版本已经落后现在官方的2.2. 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(8):控制流Control Flow(下篇):if和with绑定

2012-09-08 10:48 by 刺客之家, 2207 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础好久没有写博客了,和园子里的几位大大比起来,真的是汗颜。不过好在KO的版本a仍是停留在2.1版本(不像某版本帝),咱们这就继续KO的学习。PS:上一篇的内容虽然没有很多的实例代码,但是对我们理解KO的上下文是很有帮助的。建议先看一下上一篇,有助于理解本文的with binding。好,今天接下来,我们把Control Flow中最后2个Binding说一下:if:如果绑定值为true(或者可以转化为t 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(7):控制流Control Flow(中篇):理解绑定上下文

2012-07-07 10:37 by 刺客之家, 2209 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础最近连续几个礼拜加班,实在是没有心情写博客。今天终于可以休息一下,继续我们的Knockout之旅。上一篇文章,我们感受了一下control flow的威力,那就是利用viewModel绑定列表元素到DOM上,在这个过程中,由于绑定的数据出现了嵌套,我们使用了一些关键字来实现访问不同的层次对象:$parent:访问当前绑定对象的上一层次对象$data:访问当前绑定对象自身这些关键字所指向的对象,是基于当 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(6):控制流Control Flow(上篇)

2012-06-20 23:38 by 刺客之家, 3125 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础各位好^_^,抱歉这么久没有更新,最近一直在忙工作,晚上还要上课,今天终于可以抽点时间出来,继续我们的Knockout之旅。在本系列的前几章出来之后,得到了不少园友的关注,在此也对大家表示感谢,谢谢你们给我继续写的动力。也有一些朋友提出关于knockout和xx好坏的问题,我个人真心不想做这些无谓的比较,就好像设计模式是为了解决不同的问题,这些框架的作者最初也是为了实现一些目标、解决具体的问题去设计的 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(5):文本和样式绑定(下篇)

2012-06-06 10:44 by 刺客之家, 2650 阅读, 收藏, 编辑
摘要: 介绍Knockout.js的css绑定,style绑定以及attr绑定。 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(4):文本和样式绑定(中篇)

2012-06-04 14:41 by 刺客之家, 2398 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础在我们开发应用的过程中,肯定都会碰到需要向用户展现内容的需求,比如展现一段文本,或者一段html等,本章我们来看2个非常实用的绑定:text绑定html绑定Text Binding(文本绑定)ko内置的基础绑定之一 。用于控制DOM元素的innerText属性。会自动对text内容进行Html编码。(也就是说你绑定的是什么值,展示出来就是什么值,比如"<div></div& 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(3):文本和样式绑定(上篇)

2012-05-26 13:33 by 刺客之家, 2659 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.html前言&基础从本章开始,我们来逐一学习一下ko给我们准备好的内置绑定,这些Binding能够帮助我们完成大部分日常开发的需求,今天我们先学习2个:Visible绑定使用Js Expression(表达式)进行绑定Visible Binding(可见性绑定)ko内置的基础绑定之一 。用于控制DOM元素的可见性,直接影响元素的display样式属性。如果与observable或者computed属性绑定,则会产生双向 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(2):使用Observable Array(监控数组)

2012-05-23 12:56 by 刺客之家, 3180 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.htmlObservable Array(监控数组)的作用列表操作是经常会遇到的一个场景,使用监控数组,你可以:保存列表对象,并且使用Ko提供的丰富的API操作列表元素(支持内建js Array的方法,以及ko自己添加的方法:remove,removeAll等)监控数组元素个数的变化,并且自动通知外部。如果与UI绑定,则自动更新UIObservable Array与js内建Array区别Observable Array是ko对 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列(1):初识Ko,了解Observable与computed

2012-05-17 17:31 by 刺客之家, 5755 阅读, 收藏, 编辑
摘要: *本文已经同步至索引目录:http://www.cnblogs.com/wbpmrck/archive/2012/05/16/Knockout-introduction.htmlKO是什么?KO不是万能的,它的出现主要是为了方便的解决下面的问题:UI元素较多,用户交互比较频繁,需要编写大量的手工代码维护UI元素的状态、样式等属性?UI元素之间关系比较紧密,比如操作一个元素,需要改变另外一个元素的状态?DOM元素与Js对象之间的数据同步?前端javascript代码组织不理想?用户输入数据校验、DOM操作、后台交互…,交织在一起?基础概念一:viewModel负责处理UI事件的响应,响应用户操作 阅读全文

Javascript MVVM模式前端框架—Knockout 2.1.0系列:目录

2012-05-16 23:41 by 刺客之家, 9709 阅读, 收藏, 编辑
摘要: 主要对Knockout的基本功能进行说明 阅读全文

【翻译】Knockout 2.1版本发布&新特性一览

2012-05-09 15:07 by 刺客之家, 2255 阅读, 收藏, 编辑
摘要: Knockout.JS 2.1 现在已经发布了! 源代码可以在这里下载here. 这个版本主要是对2.0版本进行了一些bug修复,以及性能优化。下面是主要的新特性:CommonJS and AMD support 【支持异步定义组件,以及配合requireJS异步加载viewModel、进行绑定】Great performance improvements to templating - use cloned DOM nodes when possible rather than parsing strings into elements. 【模板的性能优化:尽可能的使用复制DOM节点的方式而 阅读全文

本博客文章若非标记转载,均为原创,转载请注明出处~