knockout专题

Knockout应用开发指南 第三章:绑定语法

12   value 绑定 目的 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>,<select>和<textarea>上。 当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更新。 注:如果你在checkbox或者radio bu

微软官方推荐前端 MVVM 框架KnockOut.JS深入浅出(史上最全面、深入、权威教程)

一、课程背景   本课程系《基于ASP.NET MVC 4 +Knockout.JS+Web API+FluentData+EasyUI 技术实现Web通用商业开发框架》   http://www.ibeifeng.com/bso.html 中的一个单品课程,北风产品总监“风舞烟”讲师主讲,购买此课程提供VIP级顾问级服务(即课程中的相关问题工作日内可以即时得到解决) 二、讲师

Knockout Tournament Gym - 101623K(概率)

题意: n个人比赛,要求每一轮两两比赛,每次比赛一个人晋级,晋级概率为a/(a+b),a,b为两个人rating。 第一轮可以让一些人直接晋级,使得比赛树为完全二叉树,如图下。 求安排比赛方案使得第一个人最终获胜的概率最高。 思路: 除了第一个人直接按照rating排序,让第一个人尽量与rating小的人比赛,并且要求使得第一个人比赛场次尽可能少。之后就是一个模拟了。 这个模拟你可以递归模拟

SuperMap iClient3D for WebGL教程(Entity)-Knockout

作者:为梦齐舞 本文同步更新于简书文章https://www.jianshu.com/p/54a80317d6b5 我们经常使用到这样的功能,我们在界面里面拖动一个滑动条,模型就变小或者变大了;我们拖动一个滑动条,场景颜色变暗淡了,我们输入一个数字,我们的体重就变…这里就想想就好啦 这一切的原因都归功于Cesium.knockout;但需要注意Cesium中的knockout与Knock

Knockout学习之与服务器的数据交互

到目前为止,已经对MVVM模式如何帮自己整洁的管理针对动态UI的客户端代码,以及Knockout的可监听、绑定、依赖的工作方式有了很好的理解。在绝大部分的Web应用中,你需要从服务器获取数据,再将修改后数据返回。因为Knockout是一个纯客户端库,它能灵活的与各种服务器端技术(ASP.NET,Rails,PHP...)和任何架构模式,数据库合作。只要服务器端能收发JSON格式数据(so ea

【Knockout】二、监控属性Observables

MVVM和viewModel Knockout是建立在以下三大核心功能之上的: 监控属性和依赖跟踪(Observables and dependency tracking)声明式绑定(Declarative bindings)模板(Templating) 首先让我们先来了解下MVVM模式,和viewModel的概念。 MVVM(model、view、viewModel)是一种创建用户界面的

Knockout学习笔记之二($root,$parent及$data的区别)

以下是我从Google上找到的一个例子,非常生动形象,我修改了部分代码,具体内容如下: 对于$root 与$parent的区别: $root refers to the view model applied to the DOM with ko.applyBindings;         译:$root 是指ViewModel所应用于ko.applyBindings时所使用的DOM; $

require.js+knockout.js+.underscore模板引擎的使用

第一种使用方式: HTML: <ul data-bind="template: { name: 'peopleList' }"></ul><script type="text/html" id="peopleList"><% _.each(people(), function(person) { %><li><b data-bind="text: person.name"></b>

knockout.js模板绑定之利用Underscore.js模板引擎示例

View代码 1 <h1>People</h1> 2 <ul data-bind="template: { name: 'peopleList' }"></ul> 3 4 <script type="text/html" id="peopleList"> 5 <% _.each(people(), function(person) { %> 6 <

Knockout开发中文API系列5–绑定关键字

目的 Visible绑定通过绑定一个值来确定DOM元素显示或隐藏 示例 <div data-bind="visible: shouldShowMessage">        You will see this message only when "shouldShowMessage" holds a true value.    </div>       <script type

Knockout开发中文API系列4–监控属性数组

PS:这个翻译系列好久都没有更新了,实在是不应该,一方面是由于时间不多,另一方面也由于自身惰性太大,从今天起接着更新,会在最近的一月内把这个系列中文API文档翻译完整。 如果你想侦测并响应一个对象的变化,你需要使用observables。如果你想侦测并响应一个集合对象的变化,你需要使用observableArray。这在很多情况下,都显得非常有用,比如你想操作UI上的一组数据,控制其显示或编

Knockout开发中文API系列3–使用计算属性

计算属性 如果你已经有了一个监控属性 firstName和lastName,如果你想显示全名该怎么做呢?这个时候你就可以通过计算属性来实现,这个方法依赖于一个或多个监控属性,如果任何依赖对象发生改变他们就会跟着改变。 例如,下面的 view model: function AppViewModel() {        this.firstName = ko.observable(

Knockout开发中文API系列2–创建数据模型和监控属性

Knockout开发中文API系列2–创建数据模型和监控属性 Observables,这个词的翻译来自汤姆大叔,对于部分翻译不是很准确的,欢迎大家留言,以得到更好的翻译。 Knockout是建立在以下3个核心功能之上的: 1、    属性监控与依赖跟踪2、    声明式绑定3、    模版机制 在本节中,我们将学习3个核心里面的第一个。但在这之前,先让我们学习一下MVVM设计模式和Vie

Knockout开发中文API系列1

Knockout开发中文API系列1 从本节开始介绍关于KnockoutJs相关的内容,本节主要介绍knockoutjs一些重要特性与优点,以及它与Jquery等框架库之间的区别。 1、Knockout.js是什么? Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面