初识backbone

Backbone的MVC结构

  1. 数据模型(Model):负责数据原型的创建和各类事件的自定义,并通过key/value形式绑定原型数据。

  2. 数据模型集合(Collection):所提供的API向原型中添加各类数据。

  3. 视图控制器(View):绑定页面中元素的内容并处理相应的事件,并通过RESTful JSON接口方式与原有应用程序中的数据进行动态交互。

特点

  1. MVC结构化:开发人员可以很方便的组织和开发自己的代码,真正做到数据交互、逻辑处理、页面展示的分离;并可以组织分工开发,减少重复开发,提高代码的开发效率和可维护性。

  2. 继承特性:能以面向对象的方式编写自己的数据、集合、视图模型,而且这些模型都具有可继承性。这使得开发人员可以很方便地重载这些模型和扩展一些自定义的属性和方法。

  3. 事件统一管理

  4. 绑定页面模板:可以直接调用页面中的HTML模板。好处:一是可以在HTML模板中嵌入JS代码,无须动态生成HTML元素时拼接字符串,减少页面执行时的出错率;二是可以在视图中管理页面中的模板,即定义多套HTML页面模板,再根据实际需要选择加载和页面的渲染,极大提升了前段开发人员的工作效率。

  5. 服务端无缝交互:在Backbone内部中,有一整套与服务器数据自动同步的机制,用户只需要关注客户端的操作,执行完这些操作后的数据将会在模型中自动同步到服务器中。

学习过程中的代码

code

志遥 wechat
微信扫一扫,我在丁香园记公众号等你