pnpm也称高性能npm,相比npm、yarn优势在于节省磁盘空间并提升安装速度,结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，同时解决了幽灵依赖问题

前言 在项目开发过程中当，遇到公共部分，我们首先会在此项目中封装一个公共组件，并通引用使用。我们想到的是自己发布一个组件或者组件库，将项目中同类型的组件封装在组件库中并通过npm 安装使用。

在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-shaking，所以面试官也

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

业务需求场景 在我们开发中，H5页面多多少少会在外部打开，比如微信，钉钉，那么就会存在一些意想不到的bug！此次主要针对移动端H5页面在iOS端产生的 橡皮回弹（橡皮筋效果）造成滑动卡顿问题做一下相关

总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞

在JavaScript中，gc代表垃圾回收（Garbage Collection）。垃圾回收是一种自动内存管理机制，用于检测和清除不再使用的对象，以释放内存空间。