联接成功以后就可以开始传输数据了，传输数据须要将用户输入的URL封装成HTTPRequest恳求报文，发送到服务器，服务器收到恳求后会发出应答，即响应数据。

断掉TCP联接（4次挥手）

顾客端—>服务器端好了，我们断掉联接吧？

服务端—>顾客端好的，我在检测一哈有没有须要在发给你的信息？

服务端—>顾客端好了，我们可以断掉联接了

顾客端—>服务端好的

浏览器解析

浏览器通过解析HTML，生成DOM树，解析CSS，生成CSS规则树，之后通过DOM树和CSS规则树生成渲染树。

今天说的这6个技巧可以帮助我们写出更好，更简洁，更优雅的前端JavaScript代码。

01. 字符串自动匹配

当需要检查一个值是否满足我们要求的值的时候，常用的方法是使用`||`和`===`来判断和匹配。但是如果大量使用这种判断方式，我们的代码肯定会变得非常臃肿，写起来非常累。

1. 构建速度优化

• 使用 webpack5 持久化缓存，能明显提高构建速度，webpack4可以使用cache-loader
• 使用 lazyCompilation 可以懒编译，能明显提高开发构建速度
• 约束loader的include和exclude，可以跳过某些编译。

网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。

前言

在日常开发中，有很多场景需要我们去做好前端优化，为了防止遗忘，加深记忆，今天参阅了一些资料以及自己的一些总结，梳理出来15条优化技巧。

今天网站上线自己搜集总结了一些前端的优化1.精灵图

多个图片拼成一个图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置（毕竟流量 都是钱啊）

2.css选择器优化

3. js改变样式直接操作类名

4. js直接操作dom节点

5.正则匹配选择器6.js获取元素优化

7.内存溢出

一般在递归运行时，会产生内存溢出，造成在运行递归时性能大幅度下降，在运行结束后内存

会被系统回收，所以在运行递归时需要用对象将值保存，在每次递归运算时检测，如果存在则直接返

前端训练营：1v1私教，终身辅导计划，帮你拿到满意的

前言

页面的性能优化对于前端来说永远是离不开的课题，前端性能优化一直也不是作为一个单独的问题存在，它往往需要开发者结合计算机网络、浏览器相关技术、前端框架、构建工具以及开发者自己的代码等多层面去思考优化的方案，所以前端性能不应该是前端领域的一个孤岛??，而需要作为串联起前端技术的零件。

如何去进行性能优化？

优秀的性能，给用户流畅的体验，降低用户的流失。本文介绍了提升前端性能的思路和方法。