诸葛村夫V

Learning TypeScript — Interfaces,看到这篇文章的定义和示例，突然有了新的理解。 简单的说，接口就是对 对象形状 的描述。 TypeScript 中，我们只关心一个对象所拥有的属性是否是我们定义的类型，而不关心他们是否是同一个实例。 为了突出 Ty…

因业务发展需要，掘金社区将于11月19日迁移主站域名至 juejin.cn，旧的 juejin.im 域名及相关链接将跳转至 juejin.cn 对应页面。 感谢各位掘友的理解与支持，如果您发现链接跳转错误或者其他报错信息，欢迎在 反馈&建议 话题下提交反馈。 已经完…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 😂😂😂 你们一定觉得我是在吹牛...哼...我这是不愿意截屏发出来(否则我还不露馅了)。 哈哈 😄，收... 其实不管你是花了20分钟，30分钟，亦或者是两个小时来阅读它，你愿意把这部分时间完完全全的交给我，…

回顾下我们的案例，我们使用 reactive 创建了一个 state，之后该 state 的变化都会触发响应式的更新渲染。 调用 createReactiveObject 方法并返回创建的 state 代理对象。 isReadonly 用来区分是否为只读，Vue3 中可以使用 …

在第一篇文章中使用了下面这个 demo，其中用 setTimeout 模拟了一个更新，我们知道 Vue3 中使用 Proxy 代替了 Object.defineProperty 做响应拦截，在 Proxy setter 中会有一个 trigger 的触发，这个就是更新的入口。 …

上文提到 setupComponent 之后，会调用 setupRenderEffect 生成一个渲染的副作用方法。componentEffect 就是更新时会执行的方法，这里会执行组件的生命周期方法等，renderComponentRoot 会执行之前编译出来的 code 以…

mount 方法首先创建了 vnode，然后渲染 vnode，最后返回组件的代理对象。 这里选项是对象，所以 shapeFlag 为 4，_createVNode 中额外要提及的是 currentBlock 和 patchFlag，这两个跟新特性相关，后面的文章中会详细说明。 …

首先 ensureRenderer() 调用 createRenderer 方法创建了一个平台相关的渲染器，在本例中就是浏览器环境。参数 rendererOptions 包含了浏览器的一些 dom 操作方法，如 insert、 remove 等。渲染器主要包括两个方法 rend…