JavaScript的Backbone.js框架的一些使用建议整理_基础知识
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript的Backbone.js框架的一些使用建议整理_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4408字，纯文字阅读大概需要7分钟。
内容图文
Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件；集合附有可枚举函数的丰富API； 视图可以声明事件处理函数，并通过RESTful JSON接口连接到应用程序。当我们开发含有大量Javascript的web应用程序时，首先你需要做的事情之一便是停止向DOM对象附加数据。 通过复杂多变的jQuery选择符和回调函数创建Javascript应用程序，包括在HTML UI，Javascript逻辑和数据之间保持同步，都不复杂。 但对付客户端应用来说，良好的架构通常是有很多益处的。
Backbone将数据呈现为模型, 你可以创建模型、对模型进行验证和销毁，甚至将它保存到服务器。 当UI的变化引起模型属性改变时，模型会触发"change"事件； 所有显示模型数据的视图会接收到该事件的通知，继而视图重新渲染。 你无需查找DOM来搜索指定id的元素去手动更新HTML。 —旦模型改变了，视图便会自动变化。
backbone.js提供了一套web开发的框架，通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。
Backbone天生就不固执己见。你从文档上获取的一个最基本观点是：使用backbone.js提供的工具，做任何你想做的事。
这点非常好，因为有这么多不同的应用场合，而且对于开始写app来说也非常容易。这种途径可能避免我们在刚开始时犯尽可能少的错误。
当一件事做错的时错，我们要发现并找到改正的方法。
下面这些提示，可以让你避免我们在进行Backbone.js开发时所碰到错误：
1. 视图（Views）是数据无关的(Data-Less)
数据属于模型（models）不是视图。下次你发现 你在一个视图中存储数据(或者更糟：在DOM里)，马上把它移到model里。
如果你没有model，创建一个非常简单：
真的不需要任何其它操作。
你可以在你的数据上侦听改变事件，甚至跟你的服务器在线同步。
2. DOM事件只改变models
当一个DOM事件触发时，比如点击了一个按钮，不要让它改变view本身。改变这个model.
改变DOM且不改变状态意味着你的状态还存储在DOM中。这条规则可以让你保持状态一致。
如果点击了一个“加载更多”边接，不要展开视图，只需要改变model:
好了，但是视图何时发生改变？好问题，下一条规则会回答。
3.DOM只有在model发生改变时才改变
事件是很神奇的，请使用他们。最简单的方法是每次改变后触发一遍。
更好的方法是只有在需要的时侯触发改变。
这个视图会一直同他的model保持一致。无论model是如何改变的：从命令接口或调试信息处响应动作，这个视图会一直保持更新。
4. 绑定的东西必须解绑
当视图从DOM上移除时，使用'remove'方法，它必须从所有绑定的事件上解绑上。
如果你使用'on'绑定，你的职责是使用'off'去解绑。如果没有解绑，内存回收器无法释放内存，从而造成你应用的性能下降。
这就是'listenTo'的由来。它会跟踪视图的绑定和解绑。Backbone把这个从DOM移动之前，会进行'stopListening'。
5. 保持链式写法
从render和remove方法里，总是返回'this'。这样可以让你写方法链。
这很方法，不要打破它。
6. 事件比回调要好
等待响应事件比回调要好
Backbone模型（models）默认会触发'sync'和'error'事件，因此可以使用这些事件代替回调。考虑一下这两种情况。
model何时填充（fetched）并不重要，handleSucess/handleError会被调用。
7. Views是有作用域的
视图永远不要操作除了它本身以外的DOM。
view会引用它自己的DOM元素，如'el'或者jquery对象'$el'
那意味着你永远不要直接使用jQuery：
请把DOM元素的选择限定到你自己的域里面：
如果你需要更新一个别的不同的视图，只要触发一个事件，让别的视图去做。你也可以使用Backbone的全局Pub/Sub系统。
例如，我们阻止页面滚动：
还有一件事
只要读读backbone的源代码，你会学到更多。看一看backbone.js的源代码，然后看看这些神奇的事情是怎么实现的。这个库非常小，而且可读性很好，整个读完不会超过10分钟的。
这些小贴士帮助我们写干净的，更好的可读的代码。
内容总结
以上是互联网集市为您收集整理的JavaScript的Backbone.js框架的一些使用建议整理_基础知识全部内容，希望文章能够帮你解决JavaScript的Backbone.js框架的一些使用建议整理_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。