07 2014 档案

事件
摘要：前言近期手头的项目需要覆盖到移动终端，公司的移动终端版本未引入任何开源JS库。没了jQuery，开发效率低了很多，更要命的是很多基础知识遗忘的厉害，于是又一次翻出了那本《高级JavaScript程序设计》，整理以前的读书笔记形成以下内容。一、DOM事件流DOM2级事件规定的事件流包含三个阶段：捕获、... 阅读全文

posted @ 2014-07-29 21:50 Hellohuman 阅读(161) 评论(0) 推荐(0)

node模块机制
摘要：一、node模块化机制1、commonJS模块规范包括三部分：模块引用、模块定义、模块标识。例如：//math.jsexports.add = function(){ var sum = 0; var args = arguments; var len = args.length; for(... 阅读全文

posted @ 2014-07-27 20:49 Hellohuman 阅读(185) 评论(0) 推荐(0)

HTTP协议基础
摘要：前言前不久，受领导所托，为部门的应届毕业生做了一次HTTP协议基础的培训，记录下来，时刻提醒自己基础才是最重要的。不过缺少https的部分，后期会补上。一、HTTP网络协议栈协议网络层级HTTP应用层TCP传输层IP网络层网络接口数据链路层HTTPS网络协议栈协议网络层级HTTP应用层TSL/SSL... 阅读全文

posted @ 2014-07-23 21:50 Hellohuman 阅读(721) 评论(0) 推荐(0)

DOM编程
摘要：一、DOM操作慢的本质原因文档对象模型（DOM）是一个与语言无关的，用于操作XML和HTML文档的应用程序接口。DOM在浏览器中的接口是用JavaScript实现的。浏览器通常会把DOM和JavaScript独立实现。（1）在IE中，JavaScript的实现名为JScript，位于jscript.... 阅读全文

posted @ 2014-07-19 21:03 Hellohuman 阅读(303) 评论(0) 推荐(0)

构建高性能JavaScript应用
摘要：前端性能优化准则：一、减少http请求。 措施：合并小图片，css控制背景图。合并CSS，合并JS二、使用CDN（Content Deliver Network 内容分发网络）发布静态资源。三、启用压缩组件。 response header:Content-encoding request h... 阅读全文

posted @ 2014-07-17 21:55 Hellohuman 阅读(245) 评论(1) 推荐(0)

关于互联网应用前端架构的一些思考
摘要：一、互联网应用的分类讨论前端架构之前，首先要弄清楚互联网应用的类型，明确了自己的产品所属的类型才能打造属于自己的架构。对互联网产品进行分类，网上有很多不同的观点。我觉得分类是多维度的，但是按照交互以及功能的复杂程度来分类是比较客观的。因此，我比较认同淘宝玉伯在关于前后端开发模式中对应用的分类，以下引... 阅读全文

posted @ 2014-07-16 22:18 Hellohuman 阅读(365) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

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

导航