coderew

ref本质上是一个“包裹对象"，由于Proxy无法对原始值进行代理，因此我们需要使用一层对象进行包裹，间接实现原始值的响应式处理。ref除了能够提供原始值的响应式方案，还能用来解决响应式丢失的问题。

DOM树(dom tree)：DOM结构 DOM树描述了标签和标签之间的关系（节点间的关系） JS中获取DOM元素的方法 document.getElementById('id值') document

本文详细介绍了Vue3对对象、数组、集合（Set、Map）响应式处理的实现，都是通过Proxy代理拦截，然后拦截ECMA底层对应的方法实现的。大致说来： - 普通对象类型：找到ECMA规范中可拦截的

在Vue3中，我们挂载实例采用：createApp(App).mount("#app");请问这个过程发生了什么呢？

好处包括： 模块化: 源码按功能模块划分，每个模块负责一块独立的功能，这样有助于开发和维护，也便于其他开发者理解和贡献代码。 可维护性: 模块化的代码更容易维护和更新。当需要修复一个模块的 bug

Vue3与Vue2相比，引入了更高效的Diff算法-快速diff算法。它采用了预处理思路，先处理前置节点和后置节点。然后，算法会按照一定的规则，将虚拟DOM分成几个不同的情况进行处理，包括新旧虚拟DO

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打

项目里开了个需求会，讲到了缓存这个事，后端说"这些数据存在后端没什么意义，让前端做本地缓存吧"。突然脑光一闪，写个浏览器缓存吧，温故而知新。

这篇文章，给大家来聊一个生产级的中间件系统的架构设计实践，希望可以给对中间件系统感兴趣的同学一点启发。