你项目里的 Pinia 是不是越塞越多、不敢删字段、页面销毁了定时器还在 console 里刷？这是页面级状态没有边界的典型症状。我用 Vue 3 effectScope 做了一个Page Scope

手写 Proxy API：从基础到实战 JavaScript 中的 Proxy 是一个强大的特性，允许我们定义对象的行为，通过拦截和自定义对象的基本操作，如读取属性、赋值、调用函数等。它是 ES6 引

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

虚拟列表的核心思想很简单：用计算换渲染，用内存换时间。通过只渲染可见区域，我们可以在处理海量数据时保持流畅的体验。无论是固定高度还是动态高度，掌握其原理后，我们就能根据实际需求选择最合适的方案。

虚拟列表完全指南：从零到一手写实现 前言 在现代前端开发中，处理大量数据展示是一个常见的性能挑战。当需要渲染成千上万条数据时，传统的全量渲染会导致页面卡顿甚至崩溃。虚拟列表（Virtual List）

JavaScript 中 this 指向的全面解析 一、全局环境下的 this 指向 在全局执行环境中，也就是在任何函数外部，this指向全局对象。在浏览器环境下，这个全局对象就是window；而在

一、概念 前端埋点是指在网页或者应用程序中插入特定的代码，用于收集用户的行为数据并发送给服务器进行分析。这些数据可以包括用户的点击、浏览、输入等操作，帮助开发者了解用户的在其网站中的行为，从而进行针对

面试官：谁跟你说最常见的状态码是200？我看你是没缓存！ 一、200 ≠ 最频繁 在 Web 开发的世界里，我们从第一天学前端就被灌输了“返回 200 是成功”，以至于一听状态码，就条件反射地说“20

1. 页面白屏如何排查？ 第一步：快速分类（30秒） "页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。其中JavaScript错误最常见，