2014年7月17日

摘要: 前端性能优化准则:一、减少http请求。 措施:合并小图片,css控制背景图。合并CSS,合并JS二、使用CDN(Content Deliver Network 内容分发网络)发布静态资源。三、启用压缩组件。 response header:Content-encoding request h... 阅读全文
posted @ 2014-07-17 21:55 Hellohuman 阅读(233) 评论(1) 推荐(0) 编辑

2014年7月16日

摘要: 一、互联网应用的分类讨论前端架构之前,首先要弄清楚互联网应用的类型,明确了自己的产品所属的类型才能打造属于自己的架构。对互联网产品进行分类,网上有很多不同的观点。我觉得分类是多维度的,但是按照交互以及功能的复杂程度来分类是比较客观的。因此,我比较认同淘宝玉伯在关于前后端开发模式中对应用的分类,以下引... 阅读全文
posted @ 2014-07-16 22:18 Hellohuman 阅读(346) 评论(0) 推荐(0) 编辑

2014年7月15日

摘要: 一、应用场景监听浏览器地址栏URL的hash值(#后面的部分)的变化,用正则匹配出参数执行相应的JS方法。URL地址的hash部分充当业务逻辑的分发单位。示例:the5fire-backbone-routerPost 120download gifLoad Route/Action View源码转载... 阅读全文
posted @ 2014-07-15 21:34 Hellohuman 阅读(459) 评论(0) 推荐(0) 编辑

2014年7月14日

摘要: 一、应用场景通过View的类注释,可知,Backbone.view是一个JS构造函数,与DOM中的某一块UI相对应,通过注册模型层数据的监听,可实现视图的自动渲染。Backbone.View模块也扩展了Events模块,所以,View实例也继承了事件:on、trigger等。但是我们在实际应用中通常... 阅读全文
posted @ 2014-07-14 22:27 Hellohuman 阅读(277) 评论(0) 推荐(0) 编辑

2014年7月13日

摘要: 01 编码风格、继承02 Backbone.Events03 Backbone.Model04 Backbone.View05 Backbone.Router06Backbone应用于web交互型应用07Backbone应用于移动终端应用 阅读全文
posted @ 2014-07-13 13:47 Hellohuman 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 一、应用场景模型层通常是MVC架构的核心。通过监听模型层数据的变化驱动界面的开发,从而解耦视图层,是MVC的精髓。适用于:(1)体验型应用。交互比较复杂比如邮箱、购物车、网盘等应用。(2)CRUD应用。企业信息系统,大多为列表的增删改查。backbone的模型提供数据操作的API(save、fetc... 阅读全文
posted @ 2014-07-13 10:49 Hellohuman 阅读(749) 评论(0) 推荐(1) 编辑
摘要: 一、关于on、trigger(1)、on、trigger是观察者模式的实现。各观察者注册主题数据的监听,当主题数据发生变化时,各观察者执行自己的回调,处理业务逻辑。(2)、on实现原理示例:dataModel.on('dataChange', function(){});on方法内部为d... 阅读全文
posted @ 2014-07-13 10:27 Hellohuman 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 代码风格:一、自执行匿名函数创建执行环境var root = this; root保存全局执行环境的指针。浏览器端为window对象二、依赖库(1)、underscore 如果backbone的运行环境在服务端(nodeJs),则引入underscore库。var _ = root._;if (!... 阅读全文
posted @ 2014-07-13 10:16 Hellohuman 阅读(485) 评论(0) 推荐(0) 编辑

导航