- 浏览: 2160723 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (401)
- Agile (16)
- Apache Commons (3)
- Architecture (8)
- DB.MongoDB (5)
- DB.Mysql (3)
- DB.Oracle (34)
- DirectoryService (1)
- DotNet (1)
- English (3)
- Groovy (0)
- Html (28)
- Java (67)
- Java.Aixs (7)
- Java.Cache (2)
- Java.jPBM (1)
- Java.Resin (6)
- Java.Spring (4)
- Java.Struts2 (5)
- Java.Tomcat (16)
- Javascript (45)
- Javascript.Google Map (2)
- Javascript.Jquery (8)
- Life (15)
- Maven&Ant (4)
- Network (5)
- OS.Linux (45)
- OS.Windows (10)
- OS.Windows.Office (1)
- PlayFramework (15)
- Python (28)
- Reading notes (11)
- Security (13)
- Server.Apache (3)
- Server.Nginx (7)
- Test (6)
- Tool (15)
- Work.Solution (15)
- Other (20)
- SSO&CAS&Identity (13)
最新评论
-
hutuxiansheng123:
防火墙、Iptables、netfilter/iptables、NAT 概述 -
dacoolbaby:
非常棒的正则表达式,非常适用。万分感谢。
用python分析nginx的access日志 -
loot00:
您好! 我也遇到了相同的错误信息。我是用f_link_lob ...
LOB variable no longer valid after subsequent fetch -
feihangchen:
@OnApplicationStop public clas ...
Play framework 1.2.3 Jobs定时任务、异步任务、引导任务、触发任务、关闭任务 -
洞渊龙王:
谢谢了
www.w3.org被qiang导致logback报错:Connect reset
applyBindings
ko.applyBindings(myViewModel); // Knockout调用applyBindings激活myViewModel(即把myViewModel和View中的声明式绑定data-bind关联起来)
ko.applyBindings(myViewModel, document.getElementById('someElementId')); // 限制只在指定对象someElementId和后代节点中进行激活操作。
personName: ko.observable('Bob'),
The name is <span data-bind="text: personName"></span> // 静态绑定
Observables
并不是所有的浏览器都支持JavaScript的getters和setters方法(IE),因此从兼容性考虑,ko.observable是function。
读取observable属性:myViewModel.personName()
设置observable属性:myViewModel.personName('Mary')
同时设置多个observable属性:myViewModel.personName('Mary').personAge(50) 链式语法
Writeable computed observables可写的依赖属性(FirstName 和 FullName相互换算,数字自动格式化显示)
ko.dependentObservable(Knockout 2.0中新增加的方法,和ko.computed等价,但是更加方便理解使用)
Observable Arrays
observableArray :跟踪的是数组中的对象,而不是对象的状态。即observableArray 仅跟踪它拥有的对象,并且在对象被添加或者删除的时候,通知listeners 。要监控对象的属性变化,需要编写独立的代码。
由于observableArray()方法放回的是一个数组,因此从技术上来说,任何Javascript关于数组操作的原生方法都能直接使用。但是基于下述理由,通常推荐使用KO中的等价方法:
1,KO中的方法支持所有主流浏览器(比如,Javascript原生方法indexOf在<=IE8时不正常,而KO的indexOf 能正常工作)
2,dependency tracking
3,语法更加简洁:调用KO中的方法使用myObservableArray.push(...),调用原生Javascript中的方法使用myObservableArray().push(...)
具体每个方法参考下面链接中的文档
observableArray 排序:默认对字符串用字母排序,对数字用数值排序。可以自定义排序方法:参考代码块中的代码
参考:Observables
ko.applyBindings(myViewModel); // Knockout调用applyBindings激活myViewModel(即把myViewModel和View中的声明式绑定data-bind关联起来)
ko.applyBindings(myViewModel, document.getElementById('someElementId')); // 限制只在指定对象someElementId和后代节点中进行激活操作。
personName: ko.observable('Bob'),
The name is <span data-bind="text: personName"></span> // 静态绑定
Observables
并不是所有的浏览器都支持JavaScript的getters和setters方法(IE),因此从兼容性考虑,ko.observable是function。
读取observable属性:myViewModel.personName()
设置observable属性:myViewModel.personName('Mary')
同时设置多个observable属性:myViewModel.personName('Mary').personAge(50) 链式语法
// 动态绑定(主动订阅,取消订阅) var subscription = myViewModel.personName.subscribe(function(newValue) { /* do stuff */ }); // ...then later... subscription.dispose(); // I no longer want notifications // Computed Observables this.fullName = ko.computed(function() { return this.firstName() + " " + this.lastName(); }, this); var myObservableArray = ko.observableArray(); // Initially an empty array myObservableArray.push('Some value'); // Adds the value and notifies observers // 初始化绑定数组 // This observable array initially contains three objects var anotherObservableArray = ko.observableArray([ { name: "Bungle", type: "Bear" }, { name: "George", type: "Hippo" }, { name: "Zippy", type: "Unknown" } ]); // 自定义排序 myObservableArray.sort(function(left, right) { return left.lastName == right.lastName ? 0 : (left.lastName < right.lastName ? -1 : 1) }) // 可写的依赖属性 --- 数字自动格式化显示,保存值时移除无关逗号 function MyViewModel() { this.price = ko.observable(25.99); this.formattedPrice = ko.computed({ read: function () { return '$' + this.price().toFixed(2); }, write: function (value) { // Strip out unwanted characters, parse as float, then write the raw data back to the underlying "price" observable value = parseFloat(value.replace(/[^\.\d]/g, "")); this.price(isNaN(value) ? 0 : value); // Write to underlying storage }, owner: this }); } ko.applyBindings(new MyViewModel());
Writeable computed observables可写的依赖属性(FirstName 和 FullName相互换算,数字自动格式化显示)
ko.dependentObservable(Knockout 2.0中新增加的方法,和ko.computed等价,但是更加方便理解使用)
Observable Arrays
observableArray :跟踪的是数组中的对象,而不是对象的状态。即observableArray 仅跟踪它拥有的对象,并且在对象被添加或者删除的时候,通知listeners 。要监控对象的属性变化,需要编写独立的代码。
由于observableArray()方法放回的是一个数组,因此从技术上来说,任何Javascript关于数组操作的原生方法都能直接使用。但是基于下述理由,通常推荐使用KO中的等价方法:
1,KO中的方法支持所有主流浏览器(比如,Javascript原生方法indexOf在<=IE8时不正常,而KO的indexOf 能正常工作)
2,dependency tracking
3,语法更加简洁:调用KO中的方法使用myObservableArray.push(...),调用原生Javascript中的方法使用myObservableArray().push(...)
具体每个方法参考下面链接中的文档
observableArray 排序:默认对字符串用字母排序,对数字用数值排序。可以自定义排序方法:参考代码块中的代码
参考:Observables
发表评论
-
knockoutjs 变量引用方式、怪异问题排查
2012-08-24 15:01 1539问题:使用knockoutjs的过程中,有时候会发现一些奇怪的 ... -
Javascript Closures闭包、为什么要闭包(闭包作用)、变量作用域
2012-08-10 14:00 2123转自:http://www.jb51.net/article/ ... -
Javascript函数、变量的初始化顺序、Javascript上下文环境
2012-08-07 15:57 1857参考:Initialization of functions ... -
Javascript函数:函数声明、函数表达式、NFE被命名的函数表达式
2012-08-07 15:45 1186参考: functions-declaration ... -
Javascript alert object、JavaScript版本迷局
2012-07-30 15:18 24721,使用alert(object.toSource()) 注 ... -
knockoutjs -- if 绑定
2012-06-14 16:22 13033参考:http://knockoutjs.com/ ... -
jquery Fixture 插件
2012-06-07 10:16 1512jQuery.Fixture插件是一个包含在javascrip ... -
CoffeeScript
2012-04-20 15:05 1820CoffeeScript是一个被编译成javascript的小 ... -
javascriptmvc 3.2.2
2012-04-19 17:10 1363JavaScriptMVC是一个以MIT协议开源的Javasc ... -
knockoutjs -- all built-in buildings
2012-04-16 16:12 1003所有可用的binding值 文字和显示:visible, t ... -
knockoutjs -- load save data(与服务器进行数据交互) & binding绑定
2012-04-10 15:51 6054和服务器交互数据: Knockout 是一纯javascrip ... -
使用ajax和history.pushState无刷新改变页面URL onpopstate(转)
2012-04-10 13:20 11560var htmlData1 = $.ajax( ... -
knockoutjs 单页引用 客户端重定向(location.hash history.pushState)
2012-04-10 10:33 4398大部分现代的,相应的 ... -
knockoutjs foreach array绑定 表格 下拉框绑定
2012-04-09 16:04 11462动态表格使用observable arrays and the ... -
knockoutjs 静动态数据、行为绑定,计算属性及Sync同步更新 Value值更新事件控制
2012-04-09 15:24 9515data-bind="text: firstName ... -
knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI
2012-04-09 14:35 3813Knockout 是个JavaScript library,帮 ... -
jquery-validation-1.9.0
2012-04-07 15:52 4314jQuery验证插件: 简单高 ... -
textarea文本框限制输入文本数量(Firefox,Chrome,Safari)、Javascript取得字符ASCII码值、常见字符ASCII码值
2012-04-07 10:35 2270// focus用来对应Chrome浏览器往文本框拖入值 ... -
JavaScript高级程序设计读书笔记-事件
2011-11-09 16:53 1489JavaScript和HTML之间的交互是通过用户和浏览器操作 ... -
JavaScript高级程序设计读书笔记-浏览器中的JavaScript&DOM基础
2011-11-09 14:52 944HTML中的JavaScript: <scr ...
相关推荐
KnockoutJS-i18n 当前版本:0.2 依赖:KnockoutJS KnockoutJS-i18n 是一个简单的 KnockoutJS 模块,用于在您的 KO 网站中启用多语言。 KnockoutJS-i18n 使用 observable 或计算来创建和管理您的 Web 应用程序中的...
KnockOutJS示例 当用户在地图上选择标记时,用于添加,编辑和删除Google地图中的地点并显示instagram图片和yelp信息的应用程序。 来自UdacityJavaScript设计模式课程的项目 Google Map Javacript API的使用 使用...
KnockoutJS 是一个流行的 JavaScript 库,用于创建动态、数据驱动的用户界面。它采用MVVM(Model-View-ViewModel)设计模式,使得前端开发更加简洁高效。"knockoutjs-jogging" 项目可能是一个针对 KnockoutJS 的实践...
Knockoutjs-sparkline 全能 jQuery Sparkline 的 KnockoutJS 自定义绑定 依赖 没有凉亭。 项目与 Bower 重生。 扩展选项 TODO:这些可以通过将对象传递给绑定器而不是使用单独的绑定来以更友好的 KnockoutJS ...
KOReact器一个KnockoutJS插件,可让您无缝定位视图模型中的所有更改,并能够即时定位和处理它们。 它不需要对标记或视图模型本身进行任何修改,因此非常适合测试和快速制作原型。 用法: ko.watch...
KnockoutJS-Express-ES6 该示例演示了如何使用KnockoutJS,Express.js和ECMAScript 6以MVVM模式实现单页应用程序(SPA)。 主要特点 单页应用程序(SPA) ECMAScript 6(ES6)(带有BabelJS) 适用于MVVM的...
**KnockoutJS 计时器详解** KnockoutJS 是一个流行的 JavaScript 库,用于实现MVVM(Model-View-ViewModel)模式,它简化了数据绑定和动态用户界面的管理。在“knockoutjs-timer”项目中,开发者利用 KnockoutJS 的...
此外,KnockoutJS的依赖追踪系统允许我们创建可观察的变量(observables)。这些变量在被引用或修改时,会触发相关的视图更新。例如,`var userName = ko.observable("John Doe");`定义了一个可观察的用户名变量。当...
3. ** observables**:在KnockoutJS中,`observables`是能够监听变化的对象。每当其值被更改时,所有依赖于它的视图都会自动更新。你可以创建一个 observable 如 `var name = ko.observable("John")`。 4. **订阅者...
使用 KnockoutJS 的地址簿 这是学习knockoutJS的分步教程。 为什么 要成为一名出色的 Web 开发人员,您必须能够使用最新的技术和框架。 KnockoutJS 是新一代框架的一部分,它使前端开发变得更加容易,就像一样。 ...
关于本应用-Colorinator 本应用是一个学习使用 jQuery 和 KnockoutJS 的实例。可以自动根据红色、绿色及蓝色值来计算、调整颜色,同时,应用中也使用了 Wijmo jQuery 的滚动条和文本框插件。 也可以收藏本页,...
**KnockoutJS Components:利用基因剔除技术创建自定义组件** KnockoutJS是一款强大的JavaScript库,专门用于实现MVVM(Model-View-ViewModel)模式,它使得数据绑定和DOM更新变得更加简单。在KnockoutJS中,组件是...
2. ** observables**:在KnockoutJS中,数据模型通常由可观察对象(observables)构成。当这些对象的值发生变化时,与其相关的视图会自动更新。例如,`var name = ko.observable('John');` 3. **Computed ...
淘汰赛-doc-ja KnockoutJS 的非官方日语文档。 添加了对 Markdown 的支持。 文章文件为 docs/articles/*.md。 PULL REQ 如果你发送它,它会被反映!格式暂时以下的风格和原家是一致的,但是如果你写的不放心,我们会...
KnockoutJS 嵌套数据表 KnockoutJS Nested DataTable是一个 KnockoutJS 自定义组件,易于使用、自定义元素、嵌套表和可扩展。 所有默认的 dataTable 功能,如排序、分页、搜索等,也适用于该组件。 当前版本 0.1.0 ...
#KnockoutJS 教程示例我尝试了教程代码。我用 Bootstrap SF1 调整了设计部分。 ### 01 你好世界 ### 02 简介 ### 03 使用列表和集合 ### 04 单页应用程序 ### 05 创建自定义绑定 ### 06 加载和保存数据 ### ...
可以在Brackets-preference文件中分别禁用所有功能: " ericsmekens.knockoutjs.show_icon " : true ," ericsmekens.knockoutjs.code_hint " : true ," ericsmekens.knockoutjs.quick_edit " : true发行说明0.1.0 ...
Knockout-jsonSchema kickout-jsonSchema是一个插件,旨在根据规范生成JSON模式。 生成的JSON模式描述了给定的剔除视图模型的有效JSON数据,包括使用库定义的数据限制。 这使您可以轻松生成一个架构,该架构可用于在...
KnockoutJS-App KnockoutJS-的应用使用基本功能的CRUD(创建,读取,更新和删除)应用 。 该应用程序演示了如何使用AJAX加载,渲染和保存嵌套的JSON数据。 该应用程序使用: 以创建封装HTML组件或小部件, 使复杂...
警告如果您无话可说,那么impress.js可能对您没有帮助;)关于名字impress.js的名称。 Open / LibreOffice演示工具称为Impress是一个(不幸的)巧合;)版本历史0.5.3(, , )错误修复0.5版引入了包括impress:...