《编写高质量代码:改善JavaScript程序的188个建议》编辑推荐:从语法、编程思想、编码规范、工具方法总结出188个编写高质量JS代码的技巧、禁忌和 实践!
《编写高质量代码:改善JavaScript程序的188个建议》
前言
第1章 JavaScript语言基础 / 1
建议1:警惕Unicode乱码 / 1
建议2:正确辨析JavaScript句法中的词、句和段 / 2
建议3:减少全局变量污染 / 4
建议4:注意JavaScript数据类型的特殊性 / 6
建议5:防止JavaScript自动插入分号 / 11
建议6:正确处理JavaScript特殊值 / 12
建议7:小心保留字的误用 / 15
建议8:谨慎使用运算符 / 16
建议9:不要信任hasOwnProperty / 20
建议10:谨记对象非空特性 / 20
建议11:慎重使用伪数组 / 21
建议12:避免使用with / 22
建议13:养成优化表达式的思维方式 / 23
建议14:不要滥用eval / 26
建议15:避免使用continue / 27
建议16:防止switch贯穿 / 28
建议17:块标志并非多余 / 29
建议18:比较function语句和function表达式 / 29
建议19:不要使用类型构造器 / 30
建议20:不要使用new / 31
建议21:推荐提高循环性能的策略 / 31
建议22:少用函数迭代 / 35
建议23:推荐提高条件性能的策略 / 35
建议24:优化if逻辑 / 36
建议25:恰当选用if和switch / 39
建议26:小心if嵌套的思维陷阱 / 40
建议27:小心if隐藏的Bug / 42
建议28:使用查表法提高条件检测的性能 / 43
建议29:准确使用循环体 / 44
建议30:使用递归模式 / 48
建议31:使用迭代 / 49
建议32:使用制表 / 50
建议33:优化循环结构 / 51
第2章 字符串、正则表达式和数组 / 53
建议34:字符串是非值操作 / 53
建议35:获取字节长度 / 55
建议36:警惕字符串连接操作 / 56
建议37:推荐使用replace / 59
建议38:正确认识正则表达式工作机制 / 62
建议39:正确理解正则表达式回溯 / 63
建议40:正确使用正则表达式分组 / 65
建议41:正确使用正则表达式引用 / 68
建议42:用好正则表达式静态值 / 69
建议43:使用exec增强正则表达式功能 / 71
建议44:正确使用原子组 / 72
建议45:警惕嵌套量词和回溯失控 / 73
建议46:提高正则表达式执行效率 / 74
建议47:避免使用正则表达式的场景 / 76
建议48:慎用正则表达式修剪字符串 / 77
建议49:比较数组与对象同源特性 / 80
建议50:正确检测数组类型 / 81
建议51:理解数组长度的有限性和无限性 / 82
建议52:建议使用splice删除数组 / 83
建议53:小心使用数组维度 / 84
建议54:增强数组排序的sort功能 / 85
建议55:不要拘泥于数字下标 / 87
建议56:使用arguments模拟重载 / 89
第3章 函数式编程 / 91
建议57:禁用Function构造函数 / 91
建立58:灵活使用Arguments / 94
建议59:推荐动态调用函数 / 96
建议60:比较函数调用模式 / 99
建议61:使用闭包跨域开发 / 101
建议62:在循环体和异步回调中慎重使用闭包 / 104
建议63:比较函数调用和引用本质 / 106
建议64:建议通过Function扩展类型 / 108
建议65:比较函数的惰性求值与非惰性求值 / 109
建议66:使用函数实现历史记录 / 111
建议67:套用函数 / 113
建议68:推荐使用链式语法 / 114
建议69:使用模块化规避缺陷 / 115
建议70:惰性实例化 / 117
建议71:推荐分支函数 / 118
建议72:惰性载入函数 / 119
建议73:函数绑定有价值 / 121
建议74:使用高阶函数 / 123
建议75:函数柯里化 / 125
建议76:要重视函数节流 / 126
建议77:推荐作用域安全的构造函数 / 127
建议78:正确理解执行上下文和作用域链 / 129
第4章 面向对象编程 / 133
建议79:参照Object构造体系分析prototype机制 / 133
建议80:合理使用原型 / 137
建议81:原型域链不是作用域链 / 140
建议82:不要直接检索对象属性值 / 142
建议83:使用原型委托 / 143
建议84:防止原型反射 / 144
建议85:谨慎处理对象的Scope / 145
建议86:使用面向对象模拟继承 / 149
建议87:分辨this和function调用关系 / 152
建议88:this是动态指针,不是静态引用 / 153
建议89:正确应用this / 157
建议90:预防this误用的策略 / 161
建议91:推荐使用构造函数原型模式定义类 / 164
建议92:不建议使用原型继承 / 166
建议93:推荐使用类继承 / 168
建议94:建议使用封装类继承 / 171
建议95:慎重使用实例继承 / 172
建议96:避免使用复制继承 / 174
建议97:推荐使用混合继承 / 175
建议98:比较使用JavaScript多态、重载和覆盖 / 176
建议99:建议主动封装类 / 179
建议100:谨慎使用类的静态成员 / 181
建议101:比较类的构造和析构特性 / 183
建议102:使用享元类 / 186
建议103:使用掺元类 / 188
建议104:谨慎使用伪类 / 190
建议105:比较单例的两种模式 / 192
第5章 DOM编程 / 195
建议106:建议先检测浏览器对DOM支持程度 / 195
建议107:应理清HTML DOM加载流程 / 198
建议108:谨慎访问DOM / 200
建议109:比较innerHTML与标准DOM方法 / 200
建议110:警惕文档遍历中的空格Bug / 202
建议111:克隆节点比创建节点更好 / 203
建议112:谨慎使用HTML集合 / 204
建议113:用局部变量访问集合元素 / 206
建议114:使用nextSibling抓取DOM / 207
建议115:实现DOM原型继承机制 / 207
建议116:推荐使用CSS选择器 / 210
建议117:减少DOM重绘和重排版次数 / 211
建议118:使用DOM树结构托管事件 / 216
建议119:使用定时器优化UI 队列 / 217
建议120:使用定时器分解任务 / 220
建议121:使用定时器限时运行代码 / 221
建议122:推荐网页工人线程 / 222
第6章 客户端编程 / 226
建议123:比较IE和W3C事件流 / 226
建议124:设计鼠标拖放方案 / 229
建议125:设计鼠标指针定位方案 / 231
建议126:小心在元素内定位鼠标指针 / 233
建议127:妥善使用DOMContentLoaded事件 / 234
建议128:推荐使用beforeunload事件 / 236
建议129:自定义事件 / 236
建议130:从CSS样式表中抽取元素尺寸 / 238
建议131:慎重使用offsetWidth和offsetHeight / 241
建议132:正确计算区域大小 / 244
建议133:谨慎计算滚动区域大小 / 247
建议134:避免计算窗口大小 / 248
建议135:正确获取绝对位置 / 249
建议136:正确获取相对位置 / 251
第7章 数据交互和存储 / 254
建议137:使用隐藏框架实现异步通信 / 254
建议138:使用iframe实现异步通信 / 257
建议139:使用script实现异步通信 / 259
建议140:正确理解JSONP异步通信协议 / 264
建议141:比较常用的服务器请求方法 / 267
建议142:比较常用的服务器发送数据方法 / 271
建议143:避免使用XML格式进行通信 / 273
建议144:推荐使用JSON格式进行通信 / 275
建议145:慎重使用HTML格式进行通信 / 278
建议146:使用自定义格式进行通信 / 279
建议147:Ajax性能向导 / 280
建议148:使用本地存储数据 / 281
建议149:警惕基于DOM的跨域侵入 / 283
建议150:优化Ajax开发的最佳实践 / 286
建议151:数据存储要考虑访问速度 / 290
建议152:使用局部变量存储数据 / 291
建议153:警惕人为改变作用域链 / 293
建议154:慎重使用动态作用域 / 294
建议155:小心闭包导致内存泄漏 / 295
建议156:灵活使用Cookie存储长信息 / 296
建议157:推荐封装Cookie应用接口 / 298
第8章 JavaScript引擎与兼容性 / 300
建议158:比较主流浏览器内核解析 / 300
建议159:推荐根据浏览器特性进行检测 / 302
建议160:关注各种引擎对ECMAScript v3的分歧 / 305
建议161:关注各种引擎对ECMAScript v3的补充 / 316
建议162:关注各种引擎对Event解析的分歧 / 327
建议163:关注各种引擎对DOM解析的分歧 / 330
建议164:关注各种引擎对CSS渲染的分歧 / 335
第9章 JavaScript编程规范和应用 / 339
建议165:不要混淆JavaScript与浏览器 / 339
建议166:掌握JavaScript预编译过程 / 340
建议167:准确分析JavaScript执行顺序 / 344
建议168:避免二次评估 / 350
建议169:建议使用直接量 / 351
建议170:不要让JavaScript引擎重复工作 / 351
建议171:使用位操作符执行逻辑运算 / 353
建议172:推荐使用原生方法 / 355
建议173:编写无阻塞JavaScript脚本 / 356
建议174:使脚本延迟执行 / 358
建议175:使用XHR脚本注入 / 362
建议176:推荐最优化非阻塞模式 / 362
建议177:避免深陷作用域访问 / 363
建议178:推荐的JavaScript性能调优 / 365
建议179:减少DOM操作中的Repaint和Reflow / 368
建议180:提高DOM访问效率 / 370
建议181:使用 setTimeout实现工作线程 / 372
建议182:使用 Web Worker / 375
建议183:避免内存泄漏 / 377
建议184:使用SVG创建动态图形 / 380
建议185:减少对象成员访问 / 385
建议186:推荐100 ms用户体验 / 388
建议187:使用接口解决JavaScript文件冲突 / 390
建议188:避免JavaScript与CSS冲突 / 392
文件大小:116MB