JavaScript框架设计 第二版

出版者:人民邮电出版社

作者:司徒正美

页数:457

出版时间:2017-8

价格:95.00 元

装帧:平装

isbn号码:9787115464293

具体描述

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

作者简介

钟钦成 网名司徒正美，著名的JavaScript专家，立志做考古学家的日语系工程师，穿梭于二次元与二进制间的“魔法师”，做过陶艺，写过小说，涉猎Java、Ruby、 JavaScript，3年成就此书！

目录信息

第1章　种子模块 1
1．1　模块化 1
1．2　功能介绍 2
1．3　对象扩展 3
1．4　数组化 5
1．5　类型的判定 8
1．5．1　type 12
1．5．2　isPlainObject 13
1．5．3　isWindow 14
1．5．4　isNumeric 15
1．5．5　isArrayLike 16
1．6　domReady 17
1．7　无冲突处理 20
1．8　总结 20
第2章　语言模块 21
2．1　字符串的扩展与修复 22
2．1．1　repeat 24
2．1．2　byteLen 26
2．1．3　pad 30
2．1．4　quote 32
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．js 74
4．2．2　JS．Class 76
4．2．3　simple-inheritance 78
4．2．4　体现JavaScript灵活性的
库—def．js 81
4．3　进击的属性描述符 85
4．4　真类降临 93
第5章　选择器引擎 102
5．1　浏览器内置的寻找元素的方法 103
5．2　getElementsBySelector 105
5．3　选择器引擎涉及的知识点 108
5．3．1　关系选择器 109
5．3．2　伪类 111
5．3．3　其他概念 113
5．4　选择器引擎涉及的通用函数 114
5．4．1　isXML 114
5．4．2　contains 115
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　Mutation Observer 152
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　opacity 190
8．3．2　user-select 192
8．3．3　background-position 192
8．3．4　z-index 193
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与
EventListenerOptions 242
10．6　Dean Edward大神的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与setInterval 284
12．2　Promise诞生前的世界 287
12．2．1　回调函数callbacks 287
12．2．2　观察者模式observers 287
12．2．3　事件机制listeners 289
12．3　JSDeferred里程碑 289
12．4　jQuery Deferred宣教者 299
12．5　es6 Promise第一个标准模型 303
12．5．1 构造函数：Promise
( executor ) 308
12．5．2 Promise．resolve/reject 309
12．5．3 Promise．all/race 309
12．5．4 Promise#then/catch 310
12．5．5 Promise#resolve/reject 310
12．5．6 Promsie#notify 311
12．5．7 nextTick 312
12．6　es6生成器过渡者 314
12．6．1 关键字yield 315
12．6．2 yield*和yield的区别 316
12．6．3 异常处理 317
12．7　es7 async/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．ajax 335
13．8　fetch，下一代Ajax 340
第14章　动画引擎 344
14．1　动画的原理 344
14．2　缓动公式 347
14．3　jQuery．animate 349
14．4　mass Framework基于JavaScript的
动画引擎 350
14．5　requestAnimationFrame 358
14．6　CSS3 transition 364
14．7　CSS3 animation 368
14．8　mass Framework基于CSS的动画
引擎 370
第15章　MVVM 378
15．1　前端模板（静态模板） 378
15．2　MVVM的动态模板 388
15．2．1　求值函数 390
15．2．2　刷新函数 395
15．3　ViewModel 399
15．3．1　Proxy 400
15．3．2　Reflect 401
15．3．3　avalon的ViewModel
设计 403
15．3．4　angular的ViewModel
设计 407
15．4　React与虚拟DOM 412
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 storage 447
16．4．2 mmHistory 448
16．4．3 mmRouter 454
彩蛋 458
· · · · · · (收起)

用户评价

我是一名资深的前端工程师，之前一直依赖于对现有框架源码的学习来提升自己。然而，这本书提供了一个更宏观的视角。它不是一本单纯的框架源码导读，而是一本关于“如何设计一个优秀的前端框架”的原理书。其中关于虚拟DOM的实现细节和Diff算法的复杂度分析，是我之前在阅读社区文章时从未见过的深度。作者对递归、树形结构操作的数学基础讲解得非常透彻，让我们理解了为什么现有的这些框架会选择特定的数据结构和算法来进行视图同步。更让我惊喜的是，书中对“可维护性”和“可扩展性”在框架设计中的权衡进行了深入探讨，这正是我们日常工作中经常遇到的权衡难题。它教会我如何从一个使用者的角度跳出来，站在设计者的角度去审视代码库的架构。这本书的价值在于，它将零散的知识点编织成了一个完整的、有生命的体系。

坦白讲，我对技术书籍的阅读效率一直比较低，很容易半途而废。但这本书的结构安排非常巧妙，它采用了一种螺旋上升的学习路径。一开始是高层次的概念介绍，让你建立起对整个生态系统的基本认知。然后，随着章节的深入，逐步揭示底层的实现细节，比如事件委托机制在框架中的应用，以及编译器的前端、中端和后端分别负责什么。每一次看似重复的讨论，其实都是在更高的抽象层面上对前一章节内容的深化。这种设计使得初学者不会因为细节过于繁琐而望而却步，而有经验的开发者又不会觉得内容过于肤浅。我发现自己甚至可以只针对感兴趣的章节进行深度阅读，而不用担心错过核心逻辑。这本书的知识密度很高，但消化起来却很舒服，非常适合那些时间碎片化但学习意愿强烈的专业人士。

这本书的讲解方式简直是教科书级别的！作者对核心概念的把握非常到位，尤其是对框架生命周期和组件化思想的阐述，逻辑清晰，层层递进。我印象最深的是关于状态管理那一部分，他没有仅仅停留在API的调用层面，而是深入剖析了数据流动的原理和不同设计模式的优劣取舍。读完这一章，我感觉自己对React、Vue甚至Svelte背后的设计哲学都有了一个全新的认识。书中举的例子都非常贴近实际开发中的痛点，不是那种空洞的理论堆砌。特别是作者对于异步编程在框架设计中的影响的分析，让我茅塞顿开，明白了为什么有些异步操作在特定框架下会引发性能瓶颈。如果说有什么不足，可能就是对于某些前沿的实验性特性涉及得稍微保守了一点，但瑕不掩瑜，作为一本奠定坚实基础的经典之作，它提供的深度和广度是其他入门书籍无法比拟的。总而言之，对于想要从“会用”到“精通”的开发者来说，这本书是必不可少的案头参考书。

初次翻阅这本书时，我最大的感受是作者的“匠人精神”。这本书的排版和插图设计都透露着一股严谨而又充满人文关怀的气息。相比市面上那些充斥着代码片段和术语堆砌的技术书，这本书更像是一部深入浅出的技术散文集。它不仅仅告诉你“怎么做”，更重要的是阐述了“为什么这样做”。例如，在讨论到模板编译机制时，作者用了一种类比的方式，将解析器比作语言学家，将优化策略比作编译器优化，这种生动的描述极大地降低了理解门槛。我特别欣赏作者在处理浏览器兼容性和性能优化时的那种平衡感，既没有过度渲染“银弹”的出现，也没有陷入无休止的工具迭代的泥潭，而是回归到计算机科学的基本原理上。阅读过程非常享受，文字的节奏感把握得很好，不会让人感到枯燥或信息过载。对于那些希望系统性构建自己技术体系的工程师，这本书无疑提供了一张精确的蓝图。

这本书的理论深度令人印象深刻，它似乎涵盖了从计算机图形学到编程语言理论的跨界知识。我特别关注了关于“编译器与运行时”交互的部分。作者对如何将声明式代码（如JSX或模板语法）高效地转化为高效的运行时指令，进行了极其细致的拆解。它不像一些教程那样只关注JavaScript本身，而是将底层编译器的优化策略，例如常量折叠、死代码消除等技术，巧妙地融入到前端框架的构建流程中进行讲解。这让我深刻理解了为什么现代框架的构建工具链变得如此复杂和强大。阅读这本书，就像是拿到了一份顶级软件架构师的“思维导图”。它提供的不是“配方”，而是“烹饪原理”。它让我从一个单纯的“代码实现者”转变为一个有能力设计和评估新一代框架思想的思考者。对于追求技术卓越的同行而言，这是一次难得的思维升级之旅。

涉及到许多浏览器hack兼容性的内容，相对枯燥，有些挺有意思，可以学习下思想，不过大部分觉得现在已经没必要学习这部分知识了。

卖那么贵, 代码行数占整书的 70%..原来书这么写啊

卖那么贵, 代码行数占整书的 70%..原来书这么写啊

全篇在讲如何填补语言的坑，然后列举了各大框架（大多过时）是如何填坑，最后也不给出规范性的结论？？？

涉及到许多浏览器hack兼容性的内容，相对枯燥，有些挺有意思，可以学习下思想，不过大部分觉得现在已经没必要学习这部分知识了。