如何自学 占星术 占星教程网盘 塔罗牌教程百度网盘

Web前端性能优化PDF电子书下载

其他书籍

• 作 者：陈铎鑫着
• 出 版 社：
• 出版年份：2020
• ISBN：
• 页数：0 页

图书介绍： 查看图书目录点击购买PDF全本电子书 上一篇：智能鼠原理与制作 高级篇下一篇：土木工程材料 第2版 《Web前端性能优化》目录 标签：前端 性能

第1篇 用户体验1

第1章 用户体验2

1.1何为用户体验2

1.1.1用户关注点2

1.1.2用户的产品使用意愿3

1.1.3拴住用户的心5

1.2了解用户心理6

1.2.1用户可接受的页面加载时长6

1.2.2用户内心波动7

1.2.3增加用户耐心度8

1.3前端的作用9

1.3.1用户的第一印象9

1.3.2前端之于万物互联10

1.3.3让产品使用变得有趣10

第2篇 宏观上的俯瞰13

第2章 前端性能瓶颈14

2.1技术框架选型14

2.1.1传统DOM操作对性能的影响15

2.1.2双向数据绑定16

2.1.3业务兼容性20

2.1.4 UI组件库的选择21

2.2项目复杂程度22

2.2.1单一页面完成复杂交互22

2.2.2同一页面的数据多寡24

2.3运行环境24

2.3.1浏览器请求并发数限制24

2.3.2简述JavaScript这门语言27

第3章 前端的分层29

3.1 HTML结构层29

3.1.1何为HTML29

3.1.2HTML5新增哪些特性32

3.1.3HTML5带来怎样的创新35

3.2 CSS样式层36

3.2.1 CSS是什么36

3.2.2 CSS预处理之Less、 Sass38

3.2.3 CSS3带来的变化41

3.3 JS行为层42

3.3.1何为JavaScript42

3.3.2 ES6、 ES7、 ES8概述44

第3篇 分条目详解性能优化50

第4章 HTML层级优化50

4.1化繁为简50

4.1.1减少HTML的层级嵌套50

4.1.2减少空标签、无用标签的滥用53

4.2标签属性及模板54

4.2.1标签的Style属性54

4.2.2标签的自定义属性57

4.2.3合理利用模板引擎58

4.3容易忽略的细节61

4.3.1 link标签妙用61

4.3.2 〈img〉标签64

4.3.3标签的src属性及href属性65

第5章 CSS层级优化67

5.1样式多复用67

5.1.1样式继承与复用67

5.1.2尽量避免同一类名多次渲染70

5.1.3少用高优先级选择器，慎用！important71

5.2 CSS选择器72

5.2.1伪选择器的妙用72

5.2.2忌层级过深的CSS选择器74

5.2.3不用曾经的CSS表达式75

5.2.4你用过*通配符吗76

5.3减少“昂贵”的样式成本76

5.3.1何为昂贵的样式76

5.3.2减少浏览器的重排与重绘77

5.3.3避免float滥用80

5.4 CSS层级其他优化81

5.4.1 CSS Sprite——雪碧图81

5.4.2充分利用强大的CSS383

5.4.3 media query媒体查询84

第6章 JavaScript层级优化86

6.1 JavaScript的运行机制86

6.1.1什么是线程86

6.1.2 JavaScript执行机制与其他执行机制的异同87

6.2定时器是一把双刃剑88

6.2.1用好定时器88

6.2.2如何及时清除定时器89

6.2.3合理使用CSS3动画89

6.3事件的绑定90

6.3.1多利用事件代理委托90

6.3.2避免重复的事件监听92

6.3.3事件冒泡机制94

6.4一些优秀的JavaScript层级思想95

6.4.1 jQuery的ready与原生window.onload的比较95

6.4.2 MWM框架的组件的生命周期96

6.4.3变量缓存与私有化98

第7章 资源加载优化101

7.1资源解析优化101

7.1.1 DNS优化101

7.1.2 CDN部署与缓存104

7.1.3 HTTP缓存105

7.2加载模式109

7.2.1懒加载109

7.2.2分页加载113

7.2.3区域无刷Ajax加载114

7.3 资源优化处理116

7.3.1 CSS预处理及压缩116

7.3.2 JavaScript代码压缩处理117

7.3.3Base64的妙用120

7.3.4大、中、小图片方案及图片压缩121

7.3.5屏蔽开发时的调试、日志代码123

第8章 其他层级优化126

8.1页面渲染过程126

8.1.1从输入一个URL到页面出现的过程126

8.1.2不做重复的加载128

8.1.3精简Cookie129

8.1.4合理利用SessionStorage和LocalStorage130

8.2控制交互请求133

8.2.1浏览器请求并发数限制133

8.2.2减少同后端交互请求数134

8.2.3代理、中间件、请求分发135

8.3合理的数据结构135

8.3.1前端展示、后端处理的思维模式135

8.3.2数据结构宜简不宜繁136

8.3.3采用轻量级数据交换格式137

8.3.4前后端联调对接的那些事138

8.4有趣的异步139

8.4.1异步机制139

8.4.2 Promise、async/await143

8.5充分利用硬件GPU加速145

8.5.1 GPU图形处理加速146

8.5.2合理利用GPU加速151

第4篇 好用的前端工具与新技术153

第9章 前端调试154

9.1强大的Chrome154

9.1.1 Chrome浏览器154

9.1.2 Chrome开发者工具157

9.2断点163

9.2.1 console.log日志打印163

9.2.2强大的断点164

9.2.3打断点的方式165

第10章 常见的自动化构建工具167

10.1构建工具概述167

10.2 Grunt168

10.2.1 Grunt的环境搭建168

10.2.2 Grunt做前端构建170

10.3 Gulp173

10.3.1 Gulp环境搭建173

10.3.2简单实现一个Gulp的前端自动化构建175

10.4强大的Webpack176

10.4.1 Webpack概述176

10.4.2 Webpack的优势在哪177

10.4.3 Webpack构建一个简单的压缩打包页面177

10.4.4 Webpack的一些常用的配置183

第11章 新技术对性能的提升184

11.1即时通信184

11.1.1传统的长短连接轮询184

11.1.2订阅一发布模式185

11.1.3 Socket.io187

11.2 MVVM框架192

11.2.1虚拟DOM193

11.2.2 Diff算法194

11.3 Vue相关知识199

11.3.1 v-if和v-show200

11.3.2细分Vue组件207

11.3.3巧用Vuex数据中心212

11.4移动端相关应用215

11.4.1骨架屏215

11.4.2 PWA渐进式增强Web应用216

第5篇 前端思想与案例分析219

第12章 思想高于逻辑，逻辑强于代码220

12.1首次架构重于迭代升级220

12.2良好的编码习惯222

12.3代码重构224

12.4开发效率与性能间的权衡225

第13章 性能优化案例分析227

13.1某搜索网站的优化227

13.2某电商网站的优化233

13.3某新闻网站的优化238

相关图书

• 《联吡啶基钌光敏染料的结构与性能的理论研究》李明霞 2019
• 《NiFe2O4基惰性阳极材料的烧结行为及应用性能》杜金晶，王斌着 2019
• 《并行数据挖掘及性能优化》荀亚玲着 2020
• 《钻井液用烷基糖苷及其改性产品合成、性能及应用》司西强，王中华编着 2019
• 《高性能油墨产业专利信息分析及预警研究报告》国家知识产权局专利局专利审查协作广东中心编者；石陇辉责编 2019
• 《Laves相NbCr2化合物的力学性能及其应用》刘昕责编；聂小武 2019
• 《信息融合中估计算法的性能评估》毛艳慧着 2019
• 《纺织产品生态安全性能检测》田文主编 2019
• 《多级孔沸石分子筛合成及其催化性能研究》颜婷婷，喜冬阳，王俊海 2019
• 《特种陶瓷工艺与性能》毕见强编着 2018

作者其它书籍

• 《计算机自适应英语语用能力测试系统设计与效度验证 以TEM4词汇与语法题为例》张一鑫着 2019
• 《高浓度含氮有机废水生物处理新技术》周鑫着 2019
• 《Web前端性能优化》陈铎鑫着 2020
• 《画家与魔鬼》吴礼鑫着 2013
• 《山海经 绝美水墨画卷》沈鑫着；沈鑫绘 2019
• 《迷宫中的灯塔 20世纪上半叶英国文学场中的弗吉尼亚·伍尔夫》胡英，许静雯，杜亚鑫着 2019
• 《三侠剑 5》张杰鑫着 1996
• 《三侠剑 11》张杰鑫着 1996
• 《三侠剑 6》张杰鑫着 1996
• 《三侠剑 10》张杰鑫着 1996

出版社其它书籍

本类热门

• 1变通 受用一生的学问
• 2额尔古纳河右岸
• 3易经真的很容易
• 4海蒂怀孕大百科 全新第4版
• 5八次危机 中国的真实经验1949-2009
• 6法治的细节
• 7你是你吃出来的
• 8蛤蟆先生的希望
• 9杀死一只知更鸟
• 10天幕红尘

摘要：本文深入探讨了Web前端性能优化的重要性，以《Web前端性能优化.pdf电子书版文档下载》为蓝本，从资源压缩、代码优化、缓存策略和性能监控四个方面详细阐述了前端性能优化的具体方法和技巧，旨在帮助开发者提升网站性能，提高用户体验。

1、资源压缩

资源压缩是Web前端性能优化的基础，通过减少文件大小，可以显著提高页面加载速度。在《Web前端性能优化.pdf电子书版文档下载》中，作者详细介绍了图片、CSS和JavaScript等资源的压缩方法。例如，使用图片压缩工具减小图片文件大小，利用CSS压缩工具减少CSS文件体积，以及使用UglifyJS等工具压缩JavaScript代码。

此外，作者还强调了使用现代图片格式如WebP的重要性，它可以在保持图像质量的同时，显著减小文件大小。在CSS和JavaScript方面，作者建议使用CSS sprites技术合并多个图片，减少HTTP请求次数；同时，通过合并多个JavaScript文件，减少加载时间。

资源压缩不仅可以提高页面加载速度，还能降低服务器带宽消耗，对于大型网站来说，意义尤为重大。

2、代码优化

代码优化是提升Web前端性能的关键环节。在《Web前端性能优化.pdf电子书版文档下载》中，作者从多个角度阐述了代码优化的方法。首先，作者强调了减少DOM操作的重要性，因为频繁的DOM操作会导致页面重绘和回流，从而降低页面性能。

其次，作者介绍了事件委托、懒加载等技术，这些技术可以有效减少页面加载时间。例如，通过事件委托，可以将多个子元素的事件绑定到父元素上，减少事件监听器的数量；而懒加载则可以将非关键资源延迟加载，提高页面响应速度。

此外，作者还提到了代码分割、模块化等技术，这些技术可以帮助开发者更好地组织和管理代码，提高代码的可维护性和可读性。

3、缓存策略

缓存策略是提高Web前端性能的重要手段。在《Web前端性能优化.pdf电子书版文档下载》中，作者详细介绍了HTTP缓存、浏览器缓存和本地缓存等缓存策略。通过合理设置缓存，可以减少重复资源的加载次数，从而提高页面加载速度。

作者建议，在服务器端设置合理的缓存控制头，如Cache-Control、ETag等，以实现资源的有效缓存。同时，作者还介绍了浏览器缓存和本地缓存的使用方法，如利用localStorage和sessionStorage存储数据，以及使用Service Worker实现离线缓存。

合理运用缓存策略，不仅可以提高页面加载速度，还能降低服务器压力，提高用户体验。

4、性能监控

性能监控是Web前端性能优化的保障。在《Web前端性能优化.pdf电子书版文档下载》中，作者介绍了多种性能监控工具，如Chrome DevTools、Lighthouse等。这些工具可以帮助开发者实时监测页面性能，发现潜在的性能瓶颈。

作者建议，在开发过程中，定期使用性能监控工具对页面进行测试，及时发现并解决性能问题。同时，作者还介绍了性能优化的最佳实践，如避免使用过多的JavaScript库、优化CSS选择器等。

通过性能监控，开发者可以持续优化页面性能，提高用户体验。

总结：

本文以《Web前端性能优化.pdf电子书版文档下载》为蓝本，从资源压缩、代码优化、缓存策略和性能监控四个方面详细阐述了Web前端性能优化的具体方法和技巧。通过合理运用这些方法，开发者可以显著提高网站性能，提升用户体验。

本文由nayona.cn整理

点击联系需要东西方神秘学学习资料，专业的咨询