JavaScript 框架 : What are UI bindings and composed views?

标签 javascript backbone.js javascript-framework

我正在读这个:

http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/

我正在使用 backbone.js。我喜欢它,尽管它需要太多的样板文件。无论如何。

帖子的作者似乎非常重视 UI 绑定(bind)和组合 View 。

我想我知道 ui 绑定(bind)的基本优点,您可以在模型更改时更改 View 的小部分,而无需重新渲染整个 View 。我不一定明白这一点。如果你的观点很大,也许你应该缩小观点?我看过 knockoutjs 的代码,其中充斥着丑陋的数据绑定(bind)内容。 emberjs 是怎么处理的呢?有例子吗?

我不知道他所说的组合 View 是什么意思,有人可以解释一下吗?

Composed Views - Like all software developers, I enjoy creating modular reusable code. For this reason, when programming UI, I would like to be able to compose views (preferably at the template layer). This should also entail the potential for a rich view component hierarchy. An example of this would be a reusable pagination widget.

有例子吗?

谢谢

编辑:

这会有助于制作类似组合 View 的东西吗?

https://github.com/tbranyen/backbone.layoutmanager

最佳答案

组合 View 用于将 View 划分为小块,这些小块可以重复使用或适应不同的场景。

例如,在您正在编辑用户的表单中,您可以为地址字段创建一个 View ,然后从主页/模板调用它。作者也提到了分页作为示例,在这种情况下,您可以创建一个模型,该模型知道如何在页面之间切换时处理检索数据,并将其应用于页面中的表格。

关于“丑陋”的数据绑定(bind)代码,backbone 需要知道如何将自己附加到现有标记以及在事件发生时如何修改它。

也许这个例子会有所帮助: http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/

关于JavaScript 框架 : What are UI bindings and composed views?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9013545/

相关文章:

javascript - DOMContentLoaded 触发后是否应用样式?

javascript - 使用 Angular ng-swipe-left 和 ng-swipe-right 在滑动过程中旋转图像

javascript - Backbone.js 关系

javascript - 如何将数据从backbone.js的客户端传递到服务器。 Express + Backbone.js

javascript - 使用 RequireJS 预编译的 Handlebars 模板

javascript - 是否可以使用没有 View 状态和回发的 ASP.NET Web 表单

javascript - 如何在 javascript 中隐藏弹出窗口的导航栏?

javascript - 无法在 Chrome 中安装服务 worker

javascript - jQuery 和原型(prototype)不能与 Array.prototype.reverse 一起工作

javascript - Backbone 集合不会填充