从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

1、基础 2、相关配置 3、手写 Loader 和 Plugin 如何编写一个自定义的 Webpack Loader？ 如何编写一个自定义的 Webpack Plugin？ 4、性能优化 通用环境优化

创建一个自定义的 Webpack Loader 可以让你在 Webpack 构建过程中预处理文件。Loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript，或者将内

plugin作为webpack的中流砥柱，一直是大厂面试官热衷于拿来考察面试者的一个问题，5.x版本很多语法发生了改变，本文从0到1带你掌握一个webpack5.x版本的plugin开发该有的姿势

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

有时候js代码会阻塞页面渲染产品经理看了直摇头，探索js执行耗时逻辑时阻塞页面渲染问题根源，尝试通过宏任务，帧空余时间延迟执行的方式优化。

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。

浏览器是如何渲染网页的？——DOM,CSSOM 以及渲染 前言 当你开发一个网站的时候，有些东西对于良好的用户体验来说是非常必要的。网站可能遇到的一些常见问题可能是资源加载缓慢，在初始渲染时等待不必要