Knockout 是个JavaScript library,帮助创建丰富的显示和编辑器UI,通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。
knockout.js
官网:
http://knockoutjs.com/
帮组文档:
http://knockoutjs.com/documentation/introduction.html
交互式练习:
http://learn.knockoutjs.com/
网上的例子:
http://knockoutjs.com/examples/
关键概念:
- 1, 声明式绑定:很容易地使用一简单可读的语法来关联DOM元素和model数据;
- 2, 自动UI刷新(同步):当model数据的状态发送变化,UI就会自动刷新;
- 3, 自动依赖跟踪:隐含建立model数据,关键模型数据(compute计算出来的),目标内容的链式关系并组合起来,当model的数据发生变化时,关联模型数据、view显示的内容也会同步变化
- 4, 模版引擎:能快速根据模型数据生成复杂,嵌套的UI
更多特性:
- 1, 免费,MIT协议开源
- 2, 轻量级,缩小后39k gzip传输约13k
- 3, 纯Javascript,可以和任何Web架构集成
- 4, 不依赖其他任何东西
- 5, 支持所有主流浏览器:IE6+, Firefox2+, Chrome, Opera, Safari (desktop/mobile)
- 6, 全文档支持:API, examples, 交互式手册
调试: 使用knockout-x.y.z.debug.js文件,
各控件的使用方法,如下拉框,单选框等
所有可用的binding值
文字和显示:visible, text, html, css, style, attr
流程控制:foreach, if, ifnot, with
form字段:click, event, submit, enable, disable, value, hasFocus, checked, options, selectedOptions, uniqueName
模版:template
自定义blinding
- 大小: 21.1 KB
分享到:
相关推荐
KnockoutJS-i18n 当前版本:0.2 依赖:KnockoutJS KnockoutJS-i18n 是一个简单的 KnockoutJS 模块,用于在您的 KO 网站中启用多语言。 KnockoutJS-i18n 使用 observable 或计算来创建和管理您的 Web 应用程序中的...
KnockoutJS-Express-ES6 该示例演示了如何使用KnockoutJS,Express.js和ECMAScript 6以MVVM模式实现单页应用程序(SPA)。 主要特点 单页应用程序(SPA) ECMAScript 6(ES6)(带有BabelJS) 适用于MVVM的...
KnockOutJS示例 当用户在地图上选择标记时,用于添加,编辑和删除Google地图中的地点并显示instagram图片和yelp信息的应用程序。...cd KnockOutJS-GoogleMaps 安装凉亭依赖项 bower install 添加适用于ins
KnockoutJS is a Model View ViewModel (MVVM) framework that allows you to simplify the design of complex user. Knockout makes data manipulation simple and leads to maintainable web applications. ...
KOReact器一个KnockoutJS插件,可让您无缝定位视图模型中的所有更改,并能够即时定位和处理它们。 它不需要对标记或视图模型本身进行任何修改,因此非常适合测试和快速制作原型。 用法: ko.watch...
Knockoutjs-sparkline 全能 jQuery Sparkline 的 KnockoutJS 自定义绑定 依赖 没有凉亭。 项目与 Bower 重生。 扩展选项 TODO:这些可以通过将对象传递给绑定器而不是使用单独的绑定来以更友好的 KnockoutJS ...
KnockoutJS-的应用使用基本功能的CRUD(创建,读取,更新和删除)应用 。 该应用程序演示了如何使用AJAX加载,渲染和保存嵌套的JSON数据。 该应用程序使用: 以创建封装HTML组件或小部件, 使复杂的嵌套对象可...
Knockout-UI, 在KnockoutJS上,一个基于富UI组件 用户界面是基于 Knockout 和 jQuery UI的UI组件的集合。这个项目的目标是集成一些有用的小部件,可以以由社区重用和扩展。我开始在 2010年月 中学习 Knockout,并...
Knockout is a standalone JavaScript implementation of the Model-View-ViewModel (MVVM) pattern with templates. Mastering KnockoutJS will guide you through web application development with the Knockout...
生成的JSON模式描述了给定的剔除视图模型的有效JSON数据,包括使用库定义的数据限制。 这使您可以轻松生成一个架构,该架构可用于在服务器端验证JSON数据(使用您选择的技术),同时使客户端和服务器上的模型定义和...
Knockoutjs-示例 该项目基于Udacity为前端NanoDegree课程提供的项目。 该项目已修改为使用基因敲除框架。
使用 KnockoutJS 的地址簿 这是学习knockoutJS的分步教程。 为什么 要成为一名出色的 Web 开发人员,您必须能够使用最新的技术和框架。 KnockoutJS 是新一代框架的一部分,它使前端开发变得更加容易,就像一样。 ...
knockoutjs-form
敲除JS组件使用基因剔除创建的自定义组件
Knockoutjs-教程 Python网络服务器 python -m SimpleHTTPServer
淘汰赛-doc-ja KnockoutJS 的非官方日语文档。 添加了对 Markdown 的支持。 文章文件为 docs/articles/*.md。 PULL REQ 如果你发送它,它会被反映!格式暂时以下的风格和原家是一致的,但是如果你写的不放心,我们会...
淘汰赛-慢跑 KnockoutJS 的每日提交
KnockoutJS Nested DataTable是一个 KnockoutJS 自定义组件,易于使用、自定义元素、嵌套表和可扩展。 所有默认的 dataTable 功能,如排序、分页、搜索等,也适用于该组件。 当前版本 0.1.0 入门 可选:要与凉亭一起...
一个较老的MVVM框架,Knockout.js采用观察者模式去确保UI与底层数据是保持同步的。他的特性是:模板化 和 依赖追踪。
可以在Brackets-preference文件中分别禁用所有功能: " ericsmekens.knockoutjs.show_icon " : true ," ericsmekens.knockoutjs.code_hint " : true ," ericsmekens.knockoutjs.quick_edit " : true发行说明0.1.0 ...