javascript框架:什么是UI绑定和组合视图?

Har*_*rry 14 javascript javascript-framework backbone.js

我正在读这个:

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

我正在使用backbone.js.我喜欢它,虽然它需要太多的样板.无论如何.

这篇文章的作者似乎非常重视UI绑定和组合视图.

我想我知道ui绑定的基本优势,你可以在模型更改时更改视图的一小部分,而无需重新渲染整个视图.我不一定看到这一点.如果您的观点很大,也许您应该制作较小的视图?我已经看过knockoutjs的代码了,它充斥着丑陋的数据绑定内容.emberjs如何处理它?有一个例子吗?

我不知道他的意见是什么意思,有人可以澄清吗?

组合视图 - 像所有软件开发人员一样,我喜欢创建模块化可重用代码.出于这个原因,在编程UI时,我希望能够组合视图(最好是在模板层).这也应该带来丰富的视图组件层次结构的潜力.一个例子是可重用的分页小部件.

有一个例子吗?

谢谢

编辑:

这有助于制作类似视图的内容吗?

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

Bru*_*lva 6

组合视图用于将视图划分为可以重用或适应不同场景的小块.

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

关于"丑陋"的数据绑定代码,骨干需要知道如何将自身附加到现有标记以及如何在事件发生时修改它.

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


cha*_*dmk 5

传统的网页是单片的.用户调用页面和服务器构造页面,浏览器呈现它.这里作者指的是将这种代码分解为一组视图.所以你的页面由多个部分组成.每个部分都可以独立渲染和更新.或者,一个模型更改可以触发部分或全部部分的一系列更新.

基本上,这允许您在Web上创建"桌面"类型的应用程序.而且你不必诉诸iframe黑客来做到这一点.

Gmail和Google阅读器是使用撰写视图构建的Web应用程序的很好示例.


tbr*_*yen 2

我为 Backbone.js 创建了 LayoutManager,因为我也想合成视图。

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

如果您觉得这种方法有帮助,请告诉我。