引言 在当今快速发展的前端开发领域，高效地管理和组织代码库成为提升开发效率的关键。随着项目规模的扩大，传统的单体仓库逐渐显露出局限性，而新兴的包管理工具如 PNPM、项目结构模式如 Monorepo

在日常开发中，我们难免会遇到一些重复的工作，例如我们编写的工具函数，可能多个项目之间都有可能使用到，就好像我写的这个脚手架一样，在脚手架中使用到的工具函数和在 webpack 配置中使用到的工具函数是

先有问题再有答案 requestIdleCallback是做什么的 浏览器什么时候空闲 requestIdleCallback里面可以做哪些任务 不能做哪些任务？ 兼容性如何 如何实现一个reques

demo代码演示 当我们拿到一个列表数据进行渲染时，如果数据量比较大，例如下面代码中模拟渲染一万条数据，可以看到很明显的卡顿，隔了几秒才看到列表展示。 应对这种情况，主流的方案一般采用虚拟滚动进行优化

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

Vue3 封装不定高虚拟列表 hooks，提高复用性，支持第三方库 Select、Table 组件和自定义组件。