随笔分类 -  Backbone

MVC框架，适用于交互型web应用
Backbone事件机制核心源码（仅包含Events、Model模块）
摘要：一、应用场景为了改善酷版139邮箱的代码结构，引入backbone的事件机制，按照MVC的分层思想搭建酷版云邮局的代码框架。力求在保持酷版轻量级的基础上提高代码的可维护性。二、遗留问题1、backbone的升级问题，新的特性无法引入2、backbone中的潜在BUG，若官方已修复则无法同步更新解决办... 阅读全文

posted @ 2014-09-07 08:50 Hellohuman 阅读(297) 评论(0) 推荐(0)

Router模块
摘要：一、应用场景监听浏览器地址栏URL的hash值（#后面的部分）的变化，用正则匹配出参数执行相应的JS方法。URL地址的hash部分充当业务逻辑的分发单位。示例：the5fire-backbone-routerPost 120download gifLoad Route/Action View源码转载... 阅读全文

posted @ 2014-07-15 21:34 Hellohuman 阅读(477) 评论(0) 推荐(0)

View模块
摘要：一、应用场景通过View的类注释，可知，Backbone.view是一个JS构造函数，与DOM中的某一块UI相对应，通过注册模型层数据的监听，可实现视图的自动渲染。Backbone.View模块也扩展了Events模块，所以，View实例也继承了事件：on、trigger等。但是我们在实际应用中通常... 阅读全文

posted @ 2014-07-14 22:27 Hellohuman 阅读(290) 评论(0) 推荐(0)

Backbone源码解析系列
摘要：01 编码风格、继承02 Backbone.Events03 Backbone.Model04 Backbone.View05 Backbone.Router06Backbone应用于web交互型应用07Backbone应用于移动终端应用 阅读全文

posted @ 2014-07-13 13:47 Hellohuman 阅读(155) 评论(0) 推荐(0)

Model模块
摘要：一、应用场景模型层通常是MVC架构的核心。通过监听模型层数据的变化驱动界面的开发，从而解耦视图层，是MVC的精髓。适用于：（1）体验型应用。交互比较复杂比如邮箱、购物车、网盘等应用。（2）CRUD应用。企业信息系统，大多为列表的增删改查。backbone的模型提供数据操作的API（save、fetc... 阅读全文

posted @ 2014-07-13 10:49 Hellohuman 阅读(818) 评论(0) 推荐(1)

Events模块
摘要：一、关于on、trigger（1）、on、trigger是观察者模式的实现。各观察者注册主题数据的监听，当主题数据发生变化时，各观察者执行自己的回调，处理业务逻辑。（2）、on实现原理示例：dataModel.on('dataChange', function(){});on方法内部为d... 阅读全文

posted @ 2014-07-13 10:27 Hellohuman 阅读(157) 评论(0) 推荐(0)

Backbone源码风格
摘要：代码风格：一、自执行匿名函数创建执行环境var root = this; root保存全局执行环境的指针。浏览器端为window对象二、依赖库（1）、underscore 如果backbone的运行环境在服务端（nodeJs），则引入underscore库。var _ = root._;if (!... 阅读全文

posted @ 2014-07-13 10:16 Hellohuman 阅读(509) 评论(0) 推荐(0)

导航