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

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

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

最近在项目中发现之前的表单锚点有点问题，而且动画效果实现的不好，想着抽点时间简单重构一下。没想到这一重构就花了两三天的时间，期间核心功能的实现非常简单，但是各种边界情况的处理确实非常烧脑。

因公司后台管理系统很多功能技术老旧，最近在用vue重构公司的后台管理系统，在做商品管理添加商品这一块，借鉴淘宝的添加商品的交互，需要实现一个简单的吸顶、锚点和滚动高亮按钮的效果。 1. 什么是position:sticky? 2. 如何使用sticky？ HTMLElement…

菜单与页面内容联动，点击顶部菜单会滚动到对应点击菜单的地方，滚动到对应的地方顶部菜单也会自动显示当面区域的菜单为选中效果，互相联动。

在vue项目中，多个项目会有一些公共的组件，我们如何将其打包成一个组件库维护起来呢？ 如何暴露组件类型，按需自动导入又是如何实现的？这篇文章我们一起来学习一下。

前两篇文章分享了基于 vite3 vue3 的组件库基础工程 vue3-component-library-archetype 和用于快速创建该工程的工具 yyg-cli，但在中大型的企业级项目中，通

回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步