前端MVC框架Backbone 1.1.0源码分析(二) - 模型
摘要：模型是什么？Models are the heart of any JavaScript application, containing the interactive data as well as a large part of the logic surrounding it: conversions, validations, computed properties, and access control. You extend Backbone.Model with your domain-specific methods, and Model provides a basic se
阅读全文
posted @
2014-01-06 11:11
【艾伦】
阅读(2995)
推荐(7) 编辑
前端MVC框架Backbone 1.1.0源码分析(一)
摘要：前言如何定义库与框架前端的辅助工具太多太多了，那么我们是如何定义库与框架？jQuery是目前用的最广的库了，但是整体来讲jQuery目的性很也明确针对“DOM操作”，当然自己写一个原生态方法也能实现同样的DOM操作，换句话说，不管你用来还是不用，都不影响你整体的布局，或者是代码体系结构。框架则是一套完整的解决方案，针对是某一个领域的，比如EXT，dojo，那么很明显，你要用就需要按照它的规则执行，不管是编码风格还是结构，有一定的约束力一个老话题，前端为什么要用MVC前端开发中呢，不可避免的都有在应用逻辑中加入显示数据的代码的情况，当项目规模愈发变大时，这种形式的代码变得越发的难以维护，因为任何
阅读全文
posted @
2014-01-03 10:45
【艾伦】
阅读(7244)
推荐(15) 编辑
前端MVC框架Backbone 1.1.0源码分析系列
摘要：Backbone.js 是一个在JavaScript环境下的 模型-视图-控制器 (MVC) 框架。任何接触较大规模项目的开发人员一定会苦恼于各种琐碎的事件回调逻辑、以及金字塔般的代码。而且，在传统的Web应用程序代码中，不可避免的都有在应用逻辑中加入显示数据的代码的情况。当项目规模愈发变大时，这种形式的代码变得越发的难以维护，因为任何在主干逻辑中的变更都可能影响到数据显示逻辑，反之亦然。 Backbone就是要来解决这样的代码耦合的问题。它通过提供一个控制层-显示层的框架，以及模版(template)来分离各自逻辑。这样的MVC框架类似于传统意义上桌面程序以及服务器端程序的程序框架。第一篇.
阅读全文
posted @
2013-07-12 12:40
【艾伦】
阅读(1501)
推荐(4) 编辑
backbone的extend（0.9.2）
摘要：0.9.2版 原创，转载请标明 3Q....1 var AppView = Backbone.View.extend({2 3 4 5 })6 7 console.log(AppView)AppView是 Backbone.View 的一个视图模型子类，即AppView是父类返回的一个新的构造函数源代码如下： var extend = function(protoProps, staticProps) { var parent = this; var child; if (protoProps && protoProps.hasOwnProperty('construc
阅读全文
posted @
2012-08-26 07:29
【艾伦】
阅读(2119)
推荐(3) 编辑
Backbone.Events
摘要：Backbone中Events的中只有3个方法，分别是on， off， trigger，十分清晰，也没有其他依赖，下面我们来分析一下。 Events 是一个可以被mix到任意对象的模块，它拥有让对象绑定和触发自定义事件的能力。 事件在被绑定之前是不需要事先声明的，还可以携带参数。我们通过一个例子来看：var object = {};_.extend(object, Backbone.Events);object.bind("alert", function(msg) { alert("Triggered " + msg);});关键是_.extend ,
阅读全文
posted @
2012-08-18 13:21
【艾伦】
阅读(4908)
推荐(3) 编辑
Backbone架构+流程图
摘要：参考资料http://documentcloud.github.com/backbone/http://www.csser.com/tools/backbone/backbone.js.html官网介绍Backbone通过提供模型Models、集合Collection、视图Veiew赋予了Web应用程序分层结构。通过以下方式实现分层结构： 模型Model绑定键值数据和自定义事件； 集合Colection是模型的有序或无序集合，带有丰富的可枚举API； 视图View声明事件监听函数； 将模型、集合、视图与服务端的RESTful JSON接口连接。自调用匿名函数整个Backbone的源码用
阅读全文
posted @
2012-08-18 13:14
【艾伦】
阅读(3641)
推荐(5) 编辑
