具体描述
产品特色
编辑推荐
适读人群 ：null（1）知乎著名前端专栏作者/前端类话题优秀答主/人人网资深前端工程师经验总结
（2）《ES6 标准入门》作者/著名技术博客作者阮一峰、W3cplus.com 站长大漠大力推荐
（3）从技能修炼和思想提升2个维度总结出34个高效编程和应用优化的完美实践
内容简介
这不是一本单纯讲解前端编程技巧的书，而是一本注重思想提升和内功修炼的书。
全书以问题为导向，精选了前端开发中的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
前言/序言
Preface?前 言为何写作本书？本书通过介绍前端的优化实践以达到高效编程之功效，这里并不是教你怎么用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章介绍前端的单元测试与自动化测试，以及怎么使用可视化工具制作网页动画，还介绍了其他一些前端开发常用的工具，作为本书的一个补充内容。
在写作的过程中，我都是结合实际的经验进行阐述，并不像很多大学课本那样只讲理论。所以相对来说，本书看起来应该会比较生动，并且很多章节都是图文并茂的。
本书读者对象本书适用于以下读者对象：
具有一定的前端基础，想要找一本高阶的、能提升水平的书；刚毕业，没有什么实践经验，需要一本有实践指导作用的书；已经工作了，想要学习一下其他人的前端开发经验；不是做前端开发，但是有编程基础，想要深入理解前端是怎么运作的，或者是想加深理解HTTP之类的计算机基础知识。
如何阅读本书如果你一点编程经验都没有，可能不太适合阅读本书，你要是不知道什么是变量，什么是HTML，应该先读一些编程入门书籍。
读者可以从头看到结尾，我相信每一篇看完都会有收获的。或者有针对性地看，例如，你觉得自己在计算机基础里的网络协议、数据结构算法等方面比较薄弱，可以直接看第5章；如果你对HTML5比较感兴趣可以直接看第4章。在阅读的过程中，建议读者都实际操作一遍，而不仅仅是当作睡前读物，因为只有自己动手实践才能识别书中的真伪并且加深理解。所以本书不提供相关源码等资源，读者可自行根据书中描述动手练习。
致谢在本书的写作和出版过程中得到了很多人的帮助，感谢我的家人对我写作的支持和鼓励，感谢人人网同事在写作过程中提出的建议和对错误的修正，感谢机械工业出版社华章分社对本书出版付出的努力，特别是杨福川编辑对本书的策划以及李雷鸣老师的认真审阅、还要感谢阮一峰、大漠老师在百忙之中审阅本书、认可本书，并为本书写推荐语。
由于水平有限，书里难免会有一些不足和错误的地方，虽经过几番修改，可能还会有些许问题，欢迎读者朋友对本书的内容积极讨论，提出意见。我的邮箱是liyincheng@m.scnu.edu.cn。
李银城 2017年12月17日
用户评价
这本书的装帧设计非常吸引人，封面以简洁的线条勾勒出代码的意象，色彩搭配既专业又不失活力，让人在拿到书的瞬间就能感受到其中蕴含的技术力量。纸张的质感也相当不错，触感细腻，印刷清晰，即使长时间阅读也不会感到疲劳。我特别喜欢的是内页的排版，字体大小适中，行距舒适，使得大量的技术术语和代码示例都能被清晰地呈现出来，阅读体验非常流畅。每个章节的开头都有一个简短的引言，能够快速点明本章的主题，帮助我规划阅读的重点。此外，书中穿插的一些图表和流程图，更是将抽象的技术概念具象化，对于我这种需要视觉化学习的人来说，简直是福音。例如，在讲解网络请求优化时，书中用一个详细的瀑布图清晰地展示了不同阶段的耗时，让我对瓶颈的定位有了更直观的理解。我还注意到，作者在内容的选择上也颇具匠心，不仅仅是罗列各种技术点，而是将它们有机地串联起来，形成了一个完整的优化思路。很多时候，我们在实际工作中会遇到一些棘手的问题，但往往只能头痛医头脚痛医脚，这本书似乎提供了一种更系统、更深入的解决方案，让我开始思考如何从更宏观的角度去审视和改进我的前端开发流程。
评分翻开这本书，最让我印象深刻的是其严谨的逻辑性和前瞻性。作者并没有止步于讲解现有的技术和工具，而是深入剖析了它们背后的原理，以及未来可能的发展趋势。例如，在讨论JavaScript性能优化时，书中详细解释了V8引擎是如何执行代码的，包括JIT编译、垃圾回收等机制。这让我不再是简单地记住“避免闭包”这样泛泛的说法，而是能理解为什么闭包可能导致内存泄漏，从而更科学地设计我的代码。此外，书中还对一些新兴的前端技术，如WebAssembly、Serverless等进行了深入的探讨，并分析了它们在实际项目中的应用前景和挑战。这对于我这样希望保持技术敏锐度的开发者来说，无疑是一份宝贵的参考。我尤其欣赏作者在介绍某个优化技术时，会先提出一个普遍存在的问题，然后层层递进地揭示解决方案，并给出具体的代码示例和性能对比数据。这种“问题-原理-方案-验证”的模式，让学习过程更加清晰和有说服力。即使是一些我之前有所了解的技术，通过作者的解读，也让我有了更深一层的理解，仿佛是重新认识了它们。
评分这本书在实际应用层面做得非常出色，每一章节都充满了可操作性的建议和技巧。我常常会在遇到实际开发中的瓶颈时，翻阅这本书来寻找灵感。比如，在前端构建和打包方面，书中详细介绍了Webpack、Rollup等工具的配置优化，包括如何减少包体积、如何实现代码分割、如何利用Tree Shaking等。我根据书中的指导，对我的项目进行了优化，仅仅是调整了Webpack的配置，就将打包时间缩短了近三分之一，并且最终的包体积也减小了不少。书中关于图片、字体等静态资源的优化策略也同样实用，例如，如何选择合适的图片格式（如WebP）、如何利用CDN加速、如何进行懒加载等，这些看似细微的优化，却能在用户体验上带来巨大的提升。我特别喜欢书中关于性能监控和度量的部分，它教我如何使用 Lighthouse、Chrome DevTools 等工具来分析页面的性能瓶颈，并提供了一系列量化的优化指标。这让我的优化工作不再是凭感觉，而是有数据支撑，更加有针对性。
评分读完这本书，我感觉自己对前端开发的理解上升了一个新的台阶。作者的叙述风格非常平易近人，尽管涉及很多深奥的技术概念，但总能用清晰易懂的语言来解释，甚至会穿插一些生动有趣的比喻，让原本枯燥的技术知识变得鲜活起来。我特别喜欢作者在讲解某个复杂概念时，会先从一个简单的例子入手，然后逐步引入更多的细节和原理。例如，在讲解虚拟DOM的原理时，作者先是解释了直接操作DOM的低效之处，然后引出了React的diff算法，并用动画效果来辅助说明，让我很快就抓住了核心要点。这本书的价值不仅仅在于技术知识的传授，更在于它所传递的“高效”的思维方式。它鼓励开发者不仅仅是完成功能，更要关注代码的质量、性能和可维护性。在书中，我看到了很多关于代码规范、项目架构、团队协作的讨论，这些都是提升开发效率和质量的重要因素。我发现，很多时候，提升效率的关键不在于掌握更多的工具，而在于拥有更清晰的思考方式和更科学的工作流程。
评分这本书的章节安排非常有条理，从基础到进阶，循序渐进，让人感觉学习过程非常自然。我印象深刻的是，书中并没有将前端优化割裂开来，而是强调了各个环节之间的关联性。例如，在讲解JavaScript性能优化时，作者会将它与网络请求、渲染性能等联系起来，说明单一环节的优化效果是有限的，必须从整体上进行考虑。这种全局观的培养，对于我在实际工作中优化复杂的Web应用非常有帮助。我还发现，书中不仅关注技术的“硬”实力，也对“软”实力有所提及。例如，在关于代码重构的章节中，作者详细阐述了如何识别代码中的坏味道，以及如何进行安全有效的重构，这对于保持代码库的健康至关重要。另外，书中还提供了一些关于如何利用自动化工具提升开发效率的建议，例如CI/CD流程的搭建、自动化测试的编写等。这些内容虽然不直接是代码层面的优化，但却能极大地提升整个团队的开发效率和交付质量。总的来说，这本书就像一位经验丰富的前辈，在用一种循循善诱的方式，把我引向更高效、更专业的前端开发之路。
评分书非常不错，值得推荐！！
评分对于新手来说还不错，只是没有配套光盘
评分挺好。。。。。。
评分发货速度很快，保护的很好，就是有点贵，书的质量不错
评分搞活动买的，有时间再看吧。
评分活动价划算，内容不错。
评分一次买了很多书，都没来得及看
评分买来PHP和MySQL入门学习的书籍
评分书不错，印刷质量也可以，好评！
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.teaonline.club All Rights Reserved. 图书大百科 版权所有