knockoutjs2.0入门

《knockoutjs2.0入门》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、介绍淘汰赛是一个JavaScript库，可以帮助你创建一个干净的底层数据模型丰富，反应灵敏的显示和编辑器的用户界面。任何时候，你的UI部分，动态更新（例如，改变取决于用户的操作，或当外部数据源的变化），正可以帮助你实现它更简单和maintainably的。标题的特点：·优雅的依赖性跟踪-自动更新你的用户界面时，您的数据模型的变化正确的部件。·声明绑定-一个简单而明显的方式来连接你的UI部分，你的数据模型。您可以构建一个复杂的动态的用户界面，轻松地使用任意嵌套结合上下文。·平凡的可扩展性-实施新的声明，在短短的几行代码易于重用绑定的自定义行为。额外的好处：·纯JavaScript库-

2、作品与任何服务器或客户端技术·可以加入现有Web应用程序上，而不需要主要的架构改变·紧凑型-约13KB后gzip压缩·适用于任何主流浏览器（IE浏览器6+时，Firefox2+，铬，野生动物园，其他）·意味着可以很容易地在新的浏览器和平台验证其正确运作的一整套规范（BDD的风格）熟悉Ruby的Rails，ASP.NETMVC，或者其他的MV*技术的开发人员可能会看到声明性语法作为一个MVC的实时形式的MVVM。在另一种意义上，可以认为，正作为一种通用的方式，使用户界面编辑JSON数据......无论你:)好吧，你如何使用它呢？上手最快和最有趣的方式是通过工作互动教程。一旦你掌握的基

3、础知识，探索活生生的实例，然后与它有一个自己的项目中去。是Ko竞争与jQuery（或样机等），或使用它呢？jQuery的每个人都喜欢！这是一个笨拙的，不一致的DOMAPI，我们不得不把在过去的优秀更换。jQuery是一个很好的低层次的方式来处理网页中的元素和事件处理程序。当然，我仍然可以使用jQuery的低级DOM操作。正解决不同的问题。一旦你的UI变得平凡，并有一些重叠行为，事情就变得棘手和维护费用昂贵，如果你只使用jQuery。考虑一个例子：你的项目清单显示，说明在该列表中的项目数，要启用“添加”按钮，只有当有少于5件。不会有一个jQuery的底层数据模型的概念，所以要得到项目

4、，你必须从表或DIV的数量，具有一定的CSS类的TR在数量来推断它的数量。也许在一些SPAN显示的项目数，你要记住，更新跨越的文本，当用户增加了一个项目。你还必须记住禁用“添加”按钮，当数量的TR是5。后，你还要求执行“删除”按钮，你要弄清楚的DOM元素改变时，它的点击。淘汰赛是如何不同？它具有十分容易得多。它可以让你扩展的复杂性，而不必担心引进不一致。只是作为一个JavaScript数组代表您的项目，然后使用foreachforeach绑定到这个数组转换成一个TABLE或DIV的集。每当阵列的变化，用户界面的变化，以匹配（你没有搞清楚如何注入新的TRS或注入）。其余的UI保持同步

5、。例如，你可以声明一个SPAN绑定，显示如下项目：Thereareitems这就是它！你不必编写代码来更新它，它自己的更新时myItems阵列变化。同样，“添加”按钮，启用或禁用对项目的数量而定，只写：Add后来，当你要求执行“删除”功能，你不弄清楚它具有交互的UI是什么位;你只是使它改变底层数据模型。总结：正与jQuery或类似的低级别的DOMAPI没有竞争。正提供了一个互补性，高层次数

6、据模型链接到UI。正本身并不依赖于jQuery的，但你一定能在同一时间使用jQuery的，确实是有用的，如果你想的事情像过场动画。安装淘汰赛的核心库是纯JavaScript和不依赖于任何其他库。因此，正添加到您的项目，只要按照下列步骤：1.从淘汰赛的JavaScript文件下载最新版本的下载页面。对于正常的开发和生产，使用的默认情况下，缩小的版本（knockout-xyzjs）。仅用于调试，使用较大的，不缩小的版本（knockout-xyzdebug.js）。这表现为缩小的版本相同，但具有完整的变量名称和注释的人类可读的源代码，并不能掩盖内部API。1.引用文件，使用

7、>......现在你可以使用它。（显然，更新src属性，以配合你把下载的文件的位置。）如果你是新的淘汰赛，得到开始互动教程，看到一些活生生的例子，或深入有关文档观测。