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

图书标准信息

• 作者 李银城 著
• 出版社 机械工业出版社
• 出版时间 2018-03
• 版次 1
• ISBN 9787111590217
• 定价 89.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 399页
• 丛书 Web开发技术丛书

【内容简介】

这不是一本单纯讲解前端编程技巧的书，而是一本注重思想提升和内功修炼的书。

 

全书以问题为导向，精选了前端开发中的34个疑难问题，从分析问题的原因入手，逐步给出解决方案，并分析各种方案的优劣，最后针对每个问题总结出高效编程的*佳实践和各种性能优化的方法。

 

全书共7章，内容从逻辑上大致可以分为两大类：

 

第一类，偏向实践，围绕HTML、CSS、JavaScript等传统前端技术，以及PWA等新兴前端技术，讲解如何进行HTML优化、CSS优化、JavaScript优化、页面优化等，以此帮助前端工程师们提升高效编程和应用优化的能力。

 

第二类，注重基础，讲解了前端工程师必须掌握的数据处理、网络协议、文件操作、测试等基础性的开发技，目的是帮助前端工程师们修炼内功，打下扎实的基础。

 

希望通过本书，不仅能帮助前端工程师们夯实基础，而且还能写出简洁、优美的代码，为应用带来良好的用户体验。

 

【作者简介】

李银城（网名：会编程的银猪）

 

资深前端工程师，现就职于人人网。

 

知乎著名的专栏作者，前端类话题知名答主，在知乎前端圈有一定的影响力。乐于分享。喜欢写博客，他的知乎专栏“Effective前端”，累计已经超过20万字，文章被大量转发和转载。

【目录】

目　　录?Contents 

前　言 

第1章　HTML/CSS优化 1 

Effective前端1：能用HTML/CSS 

解决的问题就不要用JS 2 

Effective前端2：优化HTML标签 16 

Effective前端3：用CSS画一个三角形 22 

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前端13：理解和使用CSS3动画 128 

Effective前端14：实现前端裁剪压缩图片 136 

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