产品经理：我们的页面打开速度慢得像蜗牛！用户反馈都快刷屏了，你们前端到底有没有做性能优化啊？ 前端开发：别急，我正打算用 Google Lighthouse 给你一个清晰的性能分析和优化方案。这个工具

背景 什么是虚拟列表？ 虚拟列表（Virtual List）是一种优化长列表渲染性能的技术。其核心思想是只渲染可见区域的列表项，而不是渲染所有数据。当用户滚动时，动态地创建和销毁 DOM 元素，从而大

在Vue3.5版本中最大的改动就是响应式重构，重构后性能竟然炸裂的提升了56%。之所以重构后的响应式性能提升幅度有这么大，主要还是归功于：双向链表和版本计数。

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象 ....

看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现

看了一些讲解 v-for 中加 key 的文章，发现都描述的很笼统，甚至有很多不准确的，那不妨自力更生，这次直接从 vue3 的源码入手，带你了解真相，洞悉真理。 注：全文基于 vue v3.2.38

Vue3 中，ref 是一个新出现的 api，不太了解这个 api 的小伙伴可以先看 官方api文档。 简单介绍来说，响应式的属性依赖一个复杂类型的载体，想象一下这样的场景，你有一个数字 count 需要响应式的改变。 这样肯定是无法触发响应式的，因为 Proxy 需要对一个复…

编辑推荐：Vite 4.0 正式发布；谈谈过度设计：因噎废食的陷阱；基于NodeJS从零构建线上自动化打包工作流等