大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天我们继续讲另外一个比较重要的性能指标LCP。 如果想了解该系列文章(浏览器底层原理&优化方

最近听说了很多事，加之目前自己也处在被汇报以及需要向上汇报的状态中间，迫使我开始思考向上管理（managing up）这个话题。

ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。 不使用 AST，优化了构建流程。（也带来了一些缺点，后面会说） 与webpack不同的是，esbuild内置了一些文件处理的loader。 当esbuild解析到某后缀时，会自动使用该…

React 的 hooks 是在 fiber 之后出现的特性，所以很多人误以为 hooks 是必须依赖 fiber 才能实现的，其实并不是，它们俩没啥必然联系。 现在，不止 react 中实现了 ho

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

window.pageYOffset 或者 document. 很多技术博客上面说Chrome只能使用document.body.scrollTop来获取滚动条的高度。 但是我在测试的时候发现，Chrome不能使用document.body.scrollTop，只能使用docu…

【vite插件】动手实现一个动态publicPath插件，类似__webpack_public_path__

用极其精简的代码，编写的高级工具函数，覆盖localStorage已使用空间，桌面通知，视频截图，base64编码和解码，UUID生成，序列生成器等等，总有一个留的住你。

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标