源码解读

以element-plus 低版本为例 低版本table中 固定列的实现是通过多个表格覆盖实现的，如果数据量大，表格会非常卡，新版本table采用sticky实现 这里通过修改源码实现低版本升级sti

vue-class-component源码 入口Component装饰器函数 这里执行了componentFactory这个工厂函数 同时这个函数还有个静态属性，用于注册全局钩子函数 componen

vue @vue/compiler-core整体逻辑 @vue/compiler-core主要处理的是@vue/compiler-sfc模版部分，最终处理成render函数 其中主要对外暴露的有以下几

vue3 -- 编译结果代码的解读 vue中对于sfc文件最终的编译结果，可以在playground中看到 源码 结果 openBlock开启块 openBlock很简单，就是在blockStack中

@vue/compiler-sfc SFC是vue中重要的一环，也是vue3中对于静态节点进行缓存提升的重要位置 SFC -- single file Component 单文件组件，以 .vue 进

vue3 -- @vue/compiler-sfc compileScript源码 compileScript函数在解析sfc文件时，起着关键作用，最终会把我们在sfc文件中定义的script代码快组

ms源码 ms是一个用于毫秒时间格式化的工具，可以在语义化的时间格式和毫秒之间进行转换。 源码地址 vercel/ms: Tiny millisecond conversion utility (gi

deepmerge源码 最近在看webpack-chain源码的时候，看到内部在合并webpack配置的时候使用的是deepmerge这个第三方库，看了一下源码一共一百来行，简单学习一下 https:

Vue Router源码解读 入口 install.js Vue原型上混入router对应的逻辑 这里能看到root应用上,调用了router实例的init方法 子组件上所有的_routerRoot都

Teleport teleport是vue3中一个内置的api， 使用效果类似 react 中的 teleport 作用就是一个传送门， 可以把节点渲染到指定节点下， 原来vue组件中的节点最终都会生

patchKeyedChildren函数 To 0107 patchKeyedChildren就是vue中数组元素diff的主函数，也是vue中实现优化、实现vnode复用的主要函数 其中c1代表旧数

keep-alive keep-alive是 vue 中自带的组件，用作对组件实例进行缓存，通常我们用作在路由切换的同时，保持组件之前的状态 pruneCacheEntry 函数是用作清除缓存中的实例

MutationObserver 动态监听dom元素的变化 MutationObserver 接口提供了监视对 DOM 树所做更改的能力。它被设计为旧的 Mutation Events 功能的替代品，

AOS 源码解读 项目中有个需求是官网浏览时，滚动鼠标，相对应的元素会以动画的形式加载到对应的位置。看到这个需求我第一印象就是window下有个MutationObserver这个api，可以监听对应

代码中我们有把文本复制到剪切板的需求，这里我们可以自己写，也可以从npm中找，本着不重复造轮子（buhui）,我们使用 copy-text-to-clipboard 安装 源码 使用

classnames库是日常工作中用来操作dom中class相关的工具函数,classnames库是日常工作中用来操作dom中class相关的工具函数