标签：
最轻量级的前端Mvc框架backbone依赖最轻量级的库understore
backbone并非将前端再次切分为mvc，而是分为了七大模块，分别是：Events、Model、Collection、Router、History、Sync、View
一个Model对应一个View,如果是多个Model时，则进化为一个Collection对应一个View
Sync负责与服务器端进行交互
官方网站
http://backbonejs.org/
github地址
https://github.com/jashkenas/backbone
demo:
<!DOCTYPE html> <html> <head> <title></title> <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script> <script src="https://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script> <script src="https://cdn.bootcss.com/backbone.js/1.3.3/backbone-min.js"></script> </head> <body> <script type="text/javascript"> /** * 知识点：实例化模块 */ // var model = new Backbone.Model(); // var Collection = new Backbone.Collection(); // var view = new Backbone.View(); /** * 知识点：get/set * Model赋值 */ // var model = new Backbone.Model(); // model.set("name","Lee"); // alert(model.get("name")); /** * 知识点：Model转化为Collection * Model实例化、初始化时快速赋值 */ // var model_1 = new Backbone.Model({‘name‘:‘Lee‘}); // var model_2 = new Backbone.Model({‘name‘:‘Mp‘}); // var Collection = new Backbone.Collection(); // Collection.add(model_1); // Collection.add(model_2); // alert(JSON.stringify(Collection)); /** * 知识点：extent * 继承？Model中定义实例方法和静态方法 */ // var M = Backbone.Model.extend // ( // { // //第一个参数是一个对象，用于定义实例方法 // aaa:function(){ // alert("aaa"); // } // }, // { // //第二个参数是一个对象，用于定义静态方法 // bbb:function(){ // alert("bbb"); // } // } // ); // var _m = new M(); // _m.aaa(); //调用实例方法 // M.bbb(); //调用静态方法 /** * 知识点：defaults * Model初始化变量 */ // var M = Backbone.Model.extend({ // defaults:{ // name:"Lee" // } // }) // var m = new M(); // alert(m.get("name")); </script> </body> </html>
标签：
原文地址：http://www.cnblogs.com/CyLee/p/5797746.html
