Monday, January 9, 2017

Backbone.js -- JavaScript的以Model驱动自动页面更新

在Backbone.js有几个重要的概念:
Model是根据现实数据建立的抽象,比如人(People)
Collection是Model的一个集合,比如一群人
View是对Model和Collection中数据的展示,把数据渲染(Render)到页面上
Router是对路由的处理,就像传统网站通过url实现不同的页面

通过Backbone,你可以把你的数据当作Models,通过Models你可以创建数据,进行数据验证,销毁或者保存到服务器上。当界面上的操作引起model中属性的变化时,model会触发change的事件。那些用来显示model状态的views会接受到model触发change的消息,进而发出对应的响应,并且重新渲染新的数据到界面。在一个完整的Backbone应用中,你不需要写事件驱动代码来从DOM中通过特殊的id来获取节点手工地更新页面,因为在model发生变化时,views会很简单的进行自我更新。

ref:
中文介绍

No comments:

Post a Comment