一、开场白：DOM 操作到底有多慢？ 前端圈子里流行一句话：“DOM 是性能杀手。” 其实 DOM 本身并不慢，慢的是每一次操作都要跨线程通信： JS 线程 → 渲染线程 → 合成线程 → GPU 一

组件生命周期 使用 use_hook 初始化状态 use_hook 允许您为组件创建新状态。传递给 use_hook 的闭包将在组件首次渲染时被调用。每次组件重新渲染时，都会复用初始运行时创建的值。

Vue3 模板还在复制粘贴？本文手把手教你用 vue-reuse-template 把模板变函数，单组件秒复用；再升级插件，一行 <template $use> 全站通用，最后留一招隐藏坑点。

相关资料 performance：https://developer.mozilla.org/en-US/docs/Web/API/Window/performance sourcemap在sentr

Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 pr

什么是响应式数据 在系统中会发生变化的数据，就是响应式数据，需要用ref或者reactive来定义，换而言之，用ref, reactive定义的数据就是响应式数据。 什么是静态数据 在系统中不会发生变

组件 A 与组件 B 、C 之间是父子组件，组件 B 、C 之间是兄弟组件，而组件 A 、D 之间是隔代的关系。 那么对于这些不同的关系，本文主要分享了他们之间可以采用的几种数据通信方式，例如 Props 、$emit / $on 、Vuex 等，大家可以根据自己的使用场景可以…

‌一、核心概念对比‌ 特性 Vue (Computed) React (useMemo/useCallback) ‌定义方式‌ 声明式（基于依赖自动缓存） 命令式（手动声明依赖数组） ‌缓存机制‌ 自

JavaScript中的Map、WeakMap和Object都是用于存储键值对的数据结构： Map：Map是一种新的数据结构，它允许使用任何数据类型（包括对象和基本数据类型）作为键。Map的一些特性包