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

李银城
前言 为何写作本书? 本书通过介绍前端的优化实践以达到高效编程之功效,这里并不是教你怎么用CSS的某个属性,如“display:grid”,或者怎么用JS的ES6,而是重点教你一些前端的思想,如怎么提高用户体验,怎么写出简洁优美的代码等。注重思想而不注重形式,注重功底而不注重框架是本书的特色。本书有一大部分篇幅在介绍怎么提升编程的功底,怎么修炼内功,从而达到高效编程的目的。 全书以问题为导向,例如有些页面为什么打开会比较卡顿,从怎么解决这种问题,有哪些方法,这些方法的优缺点是什么,一步步由浅入深地分析和解决问题。学会解决问题,比学会知识更为重要。 本书主要内容 本书分为七章,第1~4章和第7章的实践性比较强,第5章和第6章注重基础。 第1章介绍如何使用浏览器提供的便利进行开发,能使用HTML/CSS解决的问题就不要使用JS,因为用HTML/CSS解决一般会更加简单,用户体验也会更好。 第2章介绍怎么样写出简洁高效的JS代码,怎么组织代码逻辑,让代码更加优美,具有更好的扩展性。 第3章介绍页面整体的优化,包括怎么加快页面的打开速度,怎么避免页面的卡顿,怎么从一些细节之处提升用户的体验,怎么更好地使用调试工具。 第4章结合实际经验,介绍HTML5的一些实用技术,如使用history改善AJAX体验、图标字体和SVG、裁剪压缩图片、如何做一个PWA应用等。 第5章回归技术基础,以WebSocket、wasm、Web Workers等HTML5的新技术为出发点回归到计算机基础,如网络协议、程序编译、多线程等。特别介绍了它们和前端的联系,只有掌握这些基础,才能更好地解决问题,做一个优秀的前端开发人员。 第6章讨论了诸如跨域、上传文件、CSS布局等前端技术支柱,特别是有些很常用但却是前端知识盲点的部分。 第7章介绍前端的单元测试与自动化测试,以及怎么使用可视化工具制作网页动画,还介绍…