用户7866379816645

前言 在百度的学长，帮我内推了下简历。高兴还没有两秒，就接到通知面试的电话，瞬间压力山大。小公司也没怎么面，八股文背的也不利索，看到镜头里又秃又强的面试官的那一记得，有如看...

有一天老板跑过来跟我说，我们接到一个水利局的项目，需要做一些天气效果，比如说降雨、河流汛期、洪涝灾害影响啥的，你怎么看。欸，我觉得很有意思，马上开整。...

ref 定义一个子组件，想要通过ref拿到子组件的方法或者实例时，ts编译不通过，此时可以这样做 子组件： 父组件： 这样就可以拿到子组件的实例和方法，如果只想拿到子组件的...

vue3实现注册事件功能 首先我们在app.js的render函数中给我们的元素写上onClick事件，如图： 接着我们先实现一下，onClick事件的触发，可以在app....

**vue3的shapeFlags实现** shapeFlags最主要的作用就是标识虚拟节点的类型，但其实如果只是为了标识类型查改方便，对象已经符合了我们所想要做的操作，为...

vue3实现组件代理对象 首先我们在render函数中使用this.msg访问setup中return出来的对象的值的时，会发现访问到的值都是undefined。 所以我们...

vue3的element挂载主流程实现 首先我们先来对App.js的render函数进行一个改造，让它拥有元素，属性，还有children，构造如下图： App.js： 1...

使用rollup打包自己的vue3 那直接开始打包流程吧： 1 我们先安装rollup 运行 yarn add rollup --dev 2 我们先给src加上一个打包的入...

vue3初始化component的主要流程 首先，先给出component初始化流程的思维导图，跟着思维导图会对整个流程非常清晰： 注：截图为项目到这一章所有的文件，等等也...

vue3中computed计算属性的原理 computed和ref很像，都是变量.value，不一样的地方可能就是computed有缓存...

我们使用vue3的时候就会发现script中的ref需要.value而template中的不用，其实他使用到到了proxyRefs对setup中的变量进行了转换，接下来就讲...

isRef和unRef的原理及实现 这一节的两个功能点的实现非常的简单 isRef的功能：判断一个变量是否是一个ref类型 unRef的功能：直接取到变量的.value值 ...

vue3中ref的原理，ref功能实现 其实ref的实现也是很简单的，和reactive的思路是差不多的，但是要注意的点还是有的 1 ref 一般都针对单个值 怎么才能知道...

实现isProxy功能 isProxy：检测该变量是不是reactive或readonly，经过proxy包装过 分别在readonly和reactive两个测试用例中加入...

实现shallowReadonly功能 shallowReadonly： 让一个响应式数据变为只读的(浅只读) 接下来附上测试用例： 其实有了前面对响应式对象那一套的抽离后...

实现reactive和readonly嵌套对象转换的功能 reactive嵌套 主要实现是reactive包装过的对象里面的其他对象也是reactive的 测试用例： 主要...

优化stop功能 突然发现其实stop存在边缘案例是没有通过的，比如我图中红框中的obj.prop++ 当加上这句代码后，运行测试案例是不能通过的，原因分析： stop后已...

实现isReactive和isReadonly isReactive实现 先上测试用例（其实这个测试用例也是reactive.spec.ts中追加的两个）: 实现： 1 r...