清许

古来已久大家对房子便是情有独钟，那就只能造个房子了，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 ...

初始化阶段 首先调用createApp创建App,然后内部会返回mount函数 mount是用来将组件挂载到具体DOM上 会将用户传进来的数据转换成虚拟node,后面所有逻...

计算属性实现 计算属性内部执行流程 首先用户创建一个计算属性 内部计算属性进行构造函数初始化 因为考虑到计算属性内部匿名函数内当响应式数据发生变化需要调用getter函数计...

什么是ref 对于基本数据类型来说，无法使用reactive来实现响应式，因为proxy接收是一个对象，而ref既可以支持一个对象又可以支持基本数据类型，调用ref后会返回...

代理嵌套实现 在这里当用户访问内部嵌套对象进行判断如果内部属性也是一个对象那么就会重新调用使他变成一个响应式对象，通过使用场景判断调用哪一个响应式方法是reactive 还...

reanonly isReactive isReactive：检查一个对象是否是由 reactive 创建的响应式代理。 采用枚举能够清晰表达维护性更强 通过访问该属性如果...

深入实现effect相关功能 实现effect返回runner功能 effect(fn)执行会返回一个runner函数； 执行runner，相当于重新执行一遍...

proxy vue3已经从Object.property更换成Proxy，Proxy相比于前者可以直接监听对象数组，对于深层次的对象和数组，会把触发对应getter，然后去...

在2022年年初自己花了2个多月时间学习vue源码，并自己学习实现minivue核心功能，看到自己掘金很久没写文章还是分享下，也算个成长...

虚拟列表是目前比较常见的长列表性能优化手段，常用于直播场景下的评论等。当列表元素过多时，全部渲染到页面中，无疑会引起卡顿等性能问题。虚拟列表是只将列表容器内处于视野中的内容...

产生原因 什么是虚拟滚动？简单的说就是根据用户进行滚动的来加载更新DOM，这里我才用的是利用滚动事件动态更新DOM数据并动态设置padding-top与padding-bo...

最近在研究一个element组件，很有意思，经常会碰到，那就是滚动组件，el-scrollbar组件该组件位于packages/scrollbar目录下，下面给大家一一介绍...