内容简介

内 容 提 要 本书全面讲解了JavaScript框架设计及相关的知识，主要内容包括种子模块、语言模块、浏览器嗅探与特征侦测、类工厂、选择器引擎、节点模块、数据缓存模块、样式模块、属性模块、PC端和移动端的事件系统、jQuery的事件系统、异步模型、数据交互模块、动画引擎、MVVM、前端模板（静态模板）、MVVM的动态模板、性能墙与复杂墙、组件、jQuery时代的组件方案、avalon2的组件方案、react的组件方案等。 本书适合前端设计人员、JavaScript开发 者、移动UI设计者、程序员和项目经理阅读，也可作为相关专业学习用书和培训学校教材。 内 容 提 要
本书全面讲解了JavaScript框架设计及相关的知识，主要内容包括种子模块、语言模块、浏览器嗅探与特征侦测、类工厂、选择器引擎、节点模块、数据缓存模块、样式模块、属性模块、PC端和移动端的事件系统、jQuery的事件系统、异步模型、数据交互模块、动画引擎、MVVM、前端模板（静态模板）、MVVM的动态模板、性能墙与复杂墙、组件、jQuery时代的组件方案、avalon2的组件方案、react的组件方案等。
本书适合前端设计人员、JavaScript开发者、移动UI设计者、程序员和项目经理阅读，也可作为相关专业学习用书和培训学校教材。

目录

第1章 种子模块1
1.1 模块化1
1.2 功能介绍2
1.3 对象扩展3
1.4 数组化5
1.5 类型的判定8
1.5.1 type12
1.5.2 isPlainObject13
1.5.3 isWindow14
1.5.4 isNumeric15
1.5.5 isArrayLike16
1.6 domReady17
1.7 无冲突处理20
1.8 总结20
第2章 语言模块21
2.1 字符串的扩展与修复22
2.1.1 repeat24
2.1.2 byteLen26
2.1.3 pad30
2.1.4 quote32
2.1.5 trim与空白33
2.2 数组的扩展与修复37
2.3 数值的扩展与修复45
2.4 函数的扩展与修复48
2.5 日期的扩展与修复53
第3章 浏览器嗅探与特征侦测57
3.1 浏览器判定58
3.2 document.all趣闻61
3.3 事件的支持侦测62
3.4 样式的支持侦测65
3.5 jQuery一些常用特征的含义65
第4章 类工厂68
4.1 JavaScript对类的支撑68
4.2 各种类工厂的实现73
4.2.1 相当精巧的库—P.js74
4.2.2 JS.Class76
4.2.3 simple—inheritance78
4.2.4 体现JavaScript灵活性的库—def.js81
4.3 进击的属性描述符85
4.4 真类降临93
第5章 选择器引擎102
5.1 浏览器内置的寻找元素的方法103
5.2 getElementsBySelector105
5.3 选择器引擎涉及的知识点108
5.3.1 关系选择器109
5.3.2 伪类111
5.3.3 其他概念113
5.4 选择器引擎涉及的通用函数114
5.4.1 isXML114
5.4.2 contains115
5.4.3 节点排序与去重117
5.4.4 切割器121
5.4.5 属性选择器对于空白字符的匹配策略123
5.4.6 子元素过滤伪类的分解与匹配125
5.5 Sizzle引擎127
5.6 总结135
第6章 节点模块136
6.1 节点的创建136
6.2 节点的插入142
6.3 节点的复制144
6.4 节点的移除148
6.5 节点的移除回调实现151
6.5.1 MutationObserver152
6.5.2 更多候选方案153
6.6 innerHTML、innerText、outerHTML、outerText的兼容处理157
6.7 模板容器元素161
6.8 iframe元素162
6.9 总结165
第7章 数据缓存模块166
7.1 jQuery的第1代缓存系统166
7.2 jQuery的第2代缓存系统172
7.3 jQuery的第3代缓存系统175
7.4 有容量限制的缓存系统176
7.5 本地存储系统178
7.6 总结184
第8章 样式模块185
8.1 主体架构186
8.2 样式名的修正189
8.3 个别样式的特殊处理190
8.3.1 opacity190
8.3.2 user—select192
8.3.3 background—position192
8.3.4 z—index193
8.3.5 盒子模型194
8.3.6 元素的尺寸195
8.3.7 元素的显隐201
8.3.8 元素的坐标203
8.4 元素的滚动条的坐标209
8.5 总结210
第9章 属性模块211
9.1 元素节点的属性212
9.2 如何区分固有属性与自定义属性214
9.3 如何判定浏览器是否区分固有属性与自定义属性216
9.4 IE的属性系统的3次演变217
9.5 className的操作218
9.6 Prototype.js的属性系统221
9.7 jQuery的属性系统226
9.8 avalon的属性系统229
9.9 value的操作232
9.10 总结235
第10章 PC端的事件系统236
10.1 原生API简介238
10.2 on×××绑定方式的缺陷239
10.3 attachEvent的缺陷239
10.4 addEventListener的缺陷241
10.5 handleEvent与EventListenerOptions242
10.6 DeanEdward大神的addEvent.js源码分析243
10.7 jQuery的事件系统246
10.8 avalon2的事件系统248
10.9 总结254
第11章 移动端的事件系统255
11.1 touch系事件256
11.2 gesture系事件258
11.3 tap系事件259
11.4 press系事件268
11.5 swipe系事件271
11.6 pinch系事件273
11.7 拖放系事件276
11.8 rotate系事件279
11.9 总结282
第12章 异步模型283
12.1 setTimeout与setInterval284
12.2 Promise诞生前的世界287
12.2.1 回调函数callbacks287
12.2.2 观察者模式observers287
12.2.3 事件机制listeners289
12.3 JSDeferred里程碑289
12.4 jQueryDeferred宣教者299
12.5 es6Promise第一个标准模型303
12.5.1构造函数：Promise（executor）308
12.5.2Promise.resolve／reject309
12.5.3Promise.all／race309
12.5.4Promise#then／catch310
12.5.5Promise#resolve／reject310
12.5.6Promsie#notify311
12.5.7nextTick312
12.6 es6生成器过渡者314
12.6.1关键字yield315
12.6.2yield*和yield的区别316
12.6.3异常处理317
12.7 es7async／await终极方案319
12.8总结321
第13章 数据交互模块323
13.1 Ajax概览323
13.2 优雅地取得XMLHttpRequest对象324
13.3 XMLHttpRequest对象的事件绑定与状态维护326
13.4 发送请求与数据328
13.5 接收数据330
13.6 上传文件333
13.7 jQuery.ajax335
13.8 fetch，下一代Ajax340
第14章 动画引擎344
14.1 动画的原理344
14.2 缓动公式347
14.3 jQuery.animate349
14.4 massFramework基于JavaScript的动画引擎350
14.5 requestAnimationFrame358
14.6 CSS3transition364
14.7 CSS3animation368
14.8 massFramework基于CSS的动画引擎370
第15章 MVVM378
15.1 前端模板（静态模板）378
15.2 MVVM的动态模板388
15.2.1 求值函数390
15.2.2 刷新函数395
15.3 ViewModel399
15.3.1 Proxy400
15.3.2 Reflect401
15.3.3 avalon的ViewModel设计403
15.3.4 angular的ViewModel设计407
15.4 React与虚拟DOM412
15.4.1 React的diff算法415
15.4.2 React的多端渲染417
15.5 性能墙与复杂墙417
第16章 组件422
16.1 jQuery时代的组件方案422
16.2 avalon2的组件方案427
16.2.1 组件容器429
16.2.2 配置对象430
16.2.3 slot机制430
16.2.4 soleSlot机制431
16.2.5 生命周期432
16.3 React的组件方案433
16.3.1 React组件的各种定义方式433
16.3.2 React组件的生命周期439
16.3.3 React组件间通信441
16.3.4 React组件的分类445
16.4 前端路由446
16.4.1 storage447
16.4.2 mmHistory448
16.4.3 mmRouter454彩蛋458

文档截图