在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现在有了 SnapDOM，一款

一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于ECMA标准的ES Module

大家好，我是风骨，在前端领域能让我们深入探究的方向有很多，比如今天的主题：前端监控。 在大型项目中，前端监控 是不可或缺的一部分。它的优势可以体现在以下场景： 稳定性：尽早发现程序运行错误并及时修复；

本篇文章从 什么是 Tree Shaking、如何使用 Tree Shaking、Tree Shaking 的原理：usedExports 和 sideEffects 以及 如何实践 Tree Sha

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存膨胀和频繁GC的概念

很幸运，随着技术的发展，现代的浏览器可以做到提前加载页面所需资源了。使用资源提示伪指令prefetch 和 preload，可以提前告知浏览器加载资源，从而可以缩短网站的（首次）加载速度，优化页面性能

如果你正在负责自身项目或团队的性能优化工作，想知道应该如何快速推进并达成既定目标；或者作为前端新人，想了解在实际工作中应该怎样理论结合实际将前端页面加载性能做到极致。本文将从下图带你教你完成从0到1完

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

JavaScript中，模块是一种可重用的代码块，它将一些代码打包成一个单独的单元，并且可以在其他代码中进行导入和使用。本文将详细介绍用import导入模块和用require导入模块的区别。