Vercel 最近发布了 React 最佳实践库，将十余年来积累的 React 和 Next.js 优化经验整合到了一个指南中。 其中一共包含8 个类别、40 多条规则。 这些原则并不是纸上谈兵，而是

了解vite与rollup 以及 rollup打包特点和核心配置,如何用vite去打包，介绍一些项目中会用到的使用插件

Vite的底层工作原理，关键点： 原生ES模块(ESM)支持：利用现代浏览器原生支持的ES模块系统，无需打包 按需编译：只编译当前页面需要的文件，而非整个应用 预构建依赖：对node_modules中

为什么需要异常隔离？ 想象一下：你在使用某个网站时，突然一个广告弹窗导致整个页面崩溃。 这就是缺乏异常隔离的典型后果！ 在前端开发中，当引入第三方脚本、插件或不可信代码时，异常隔离成为保障应用稳定性的

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

JavaScript 性能优化的 7 个致命陷阱：我从 P5 到 P8 的核心突破都在这里！

由于浏览器目前并没有“完美”地提供一个彻底且功能强大的沙箱方案，本文总结了一些市面上常见的沙箱方案，供大家学习参考。