你的位置:首页 > 软件开发 > Java > BackBone.js入门教程

BackBone.js入门教程

发布时间:2016-01-22 18:00:44
废话不说,直入正题。Backbone.js是什么Backbone.js提供了一套web开发框架,通过Models进行key-value绑定及自定义事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及现有的Application通过R ...

废话不说,直入正题。

Backbone.js是什么

Backbone.js提供了一套web开发框架,通过Models进行key-value绑定及自定义事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及现有的Application通过RESTful JSON接口进行交互,它是基于jQuery和underscore的一个前端js框架。

Backbone中的重要概念

  • Model:根据现实数据建立的抽象,比如people

  • Collection:比如一群人

  • View:对Model和Collection中的数据进行展示,把数据渲染到页面上

  • Router:控制页面的路由

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

感受一下

先上个例子感受一下:简易考勤打卡系统。

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:BackBone.js入门教程

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。