给大学的建议让你少加班两小时

1.减少HTTP请求的数量。

浏览器与服务器通信时，主要通过HTTP进行通信。浏览器和服务器经过三次握手。每次握手都要花很多时间，而且不同浏览器对资源文件的并发请求数量有限。当HTTP请求的数量达到一定数量时，资源请求正在等待。

2.控制资源文件的加载优先级

浏览器加载HTML内容时，依次从上到下解析HTML内容。当HTML内容被解析成链接或脚本标记时，它将加载与href或src相对应的链接内容。为了第一时间将页面展现给用户，需要在不受is影响的情况下，提前加载C55。所以一般来说，C55在头，js在底。

3.使用浏览器缓存

浏览器将网络资源存储在本地，等待下一次请求资源时，如果资源已经存在，就不需要再去服务器请求资源，直接在本地读取资源。

4、减少重排(refLlow)

基本原理:重排是DOM的变化影响了元素的几何属性(宽度和高度)，浏览器会重新计算元素的几何属性，使渲染树中受影响的部分失效。浏览器会验证DOM树中所有其他节点的可见性属性，这也是refLow效率低下的原因。如果重排过于频繁，CPU使用率会急剧上升以减少重排。如果需要在DOM操作时添加样式，尽量增加class属性，而不是通过style来操作样式。

5.该图标将被字体图标替换。

6.切换模块时，单个模块加载缓慢。

单个模块在初始化时调用大量的接口，比如:第一次加载时需要tab切换显示调用接口的树和列表，并发http连接树太多，导致加载缓慢。

7.单个vue文件太大，没有组件提取、页面拆分和public * * *方法提取就有大量冗余代码。

通过代码偏差，发现项目中并没有对公共组件进行规划和提取。例如，tab切换搜索条件，只改变一种类型的搜索条件，但重复初始化项目中的下拉树。单个vue文件可达4000行，冗余代码大量，维护难度极大。

灯光布局分为左右、上下及其组合模块，以子组件的形式放入模块中，便于封装优化、复用、功能扩展和可复用组件的维护。布局功能模块可以重用，如页签中的过滤条件、明细弹出、表单等。

8 . vue-路由器优化-

路由懒加载在打包构建应用的时候，JavaScript包会变得非常大，影响页面加载。

9、组件优化

按模块划分路线。按照业务模块划分路由和子路由，保证模块之间的隔离。

当根据布局或功能将模块分成组件时，单个模块具有更多功能或复杂逻辑