以乐之名

从明天起，做一个幸福的人，喂马、劈柴，学会正则。 陌生人，我也为你祝福 愿你有一个灿烂的前程 愿你有情人终成眷属 愿你在尘世获得幸福

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

2023年了，前端面试真的是越来越卷，以前都不喜欢记题目，现在得改改了，该背的背，该记的记，要多多总结，争取找一个满意的坑位。

1、常用类型 1.1 交叉类型 交叉类型就是通过 & 符号，将多个类型合并为一个类型。 1.2 联合类型 联合类型就是通过 | 符号，表示一个值可以是几种类型之一。 1.3 字面量类型 字面量类型就是

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS

其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。 尽管在某些间歇性踌躇满志的时刻，我

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！