由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解一下底层的实现，在这里记录一下学习过程。 个人感受： 前后端数据传输用json还是protobuf其…

可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中，和Vue的nextTick息息相关的是…

起因是因为我们团队内部在进行发布系统迁移的时候，遇到了个路由相关的基础问题。当时隐约知道是为什么，但是对于路由 因为我们平时过于熟悉，以至于忘了其很多基础特性，并没有第一时间快速的排查问题。对此深感惭愧。 于是就找个时间补一补路由相关的基础知识，并且查看了下 vue-route…

终于到了心心念已久的 effect 篇了，真可谓千呼万唤始出来，费了老大的劲。 此篇章主要分析三个部分 createReactiveEffect 如何创建侦听函数; track 如何收集侦听函数(依赖收集)； 以及 trigger 如何触发侦听函数执行依赖更新。这三部分是该篇的…

然后在 tsconfig.json 中配置 jsxFactory 为我们封装的这个函数就可以了。但是这个函数限制了我们在为组件传递 slots 时只能： 但是这也没啥问题嘛。 有了 JSXFactory 工具函数之后其实我们可以很开心的用 tsx 写了，那为啥还要 jsx 插件…

一些基础内容，可作为文档参考。不行了，实在写不下去了，到后来每输入一个字符我都要等将近 20 秒。。。。。卡的要死。。。。。。 reactive() 函数接收一个对象作为参数，并返回一个代理对象。 上面代码中的 document.body.innerText = obj.tex…

Vue：Mixins（混入）、HOC（高阶组件）、作用域插槽、Vue Composition API（VCA/组合式API）。 React：Mixins、HOC、Render Props、Hook。 我们可以看到都是一段越来越好的成长史，这里就不再举例赘述，本文重心在 VCA，…

我们希望 val1 或 val2 的值改变的时候，sum 也会响应的做出正确的改变。 让我们记住三个关键的英语单词，它们的顺序也是完成一个响应式的顺序。 浅浅的解释一下：在组件渲染过程中，假设当前正在走一个 “effect”（副作用），这个 effect 会在过程中把它接触到的…