高效前端：Web高效编程与优化实践

李银城 - 人人网前端

目  录?Contents

前　言

第1章　HTML/CSS优化 1

Effective前端1：能用HTML/CSS

解决的问题就不要用JS 2

Effective前端2：优化HTML标签 16

Effective前端4：尽可能地使用伪元素 28

第2章　JS优化 34

Effective前端5：减少前端代码耦合 34

Effective前端6：JS书写优化 47

第3章　页面优化 59

Effective前端7：避免页面卡顿 59

Effective前端8：加快页面打开速度 67

Effective前端9：增强用户体验 85

Effective前端10：用好Chrome Devtools 91

第4章　HTML5优化实践 109

Effective前端11：使用H5的history改善AJAX列表请求体验 109

Effective前端12：使用图标替代雪碧图 118

Effective前端15：实现跨浏览器的HTML5表单验证 145

Effective前端16：使用Service Worker做一个PWA离线网页应用 151

第5章　前端与计算机基础 164

Effective前端17：理解WebSocket和TCP/IP 164

Effective前端18：理解HTTPS连接的前几毫秒发生了什么 185

Effective前端19：弄懂为什么0.1+ 0.2不等于0.3 203

Effective前端20：明白WebAssembly与程序编译 209

Effective前端21：理解JS与多线程 221

Effective前端22：学会JS与面向对象 231

Effective前端23：了解SQL 248

Effective前端24：学习常用的前端算法与数据结构 266

第6章　掌握前端基础 291

Effective前端25：掌握同源策略和跨域 291

Effective前端26：掌握前端本地文件操作与上传 299

Effective前端27：学会常用的CSS居中方式 310

Effective前端28：学会常用的CSS布局技术 320

Effective前端29：理解字号与行高 327

Effective前端30：使用响应式开发 336

Effective前端31：明白移动端click及自定义事件 344

Effective前端32：学习JS高级技巧 355

第7章　运用恰当的工具 372

Effective前端33：前端的单元测试与自动化测试 372

Effective前端34：使用AE + bodymovin制作网页动画 390

更新: 2019-08-31 21:22:20
原文: https://www.yuque.com/u3641/dxlfpu/sky5n3