黑煤窑打工仔

前言 写过文档的大佬们都知道 MDX 这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。 现在也有很多静态生成的博客使用 MD

咸鱼了1年多，原本计划9月份就写的文章，硬是今天才提起劲写文章。 写这篇文章呢是因为公司升级到webpack5以后我发现之前写的插件在webpack5里无法使用了， 因为

前言 网页在加载资源时，可能会因为某些未知因素导致资源加载失败或不可访问， 这其中的因素可能就有部分区域的cdn异常、用户环境的网络问题等等。一旦资源加载过程中出现了异常，就会导致用户看到的页面布局混

由于JavaScript缺少内置的优先队列实现（例如Java的PriorityQueue，Python的heapq），导致刷题时碰到优先队列相关的题只能换语言写，还是自己写一个吧。 作为前置知识，首先要了解一下堆的基本概念。 堆首先是一棵完全二叉树，也就是每层从左边依次填充的二…

重载是指一个函数可以有不同的参数和返回值，也就是有不同的函数签名。 ts 支持函数重载，可以为同一个函数定义多个不同的类型： 重载的写法一共有三种（估计大多数人只会一种）： 这种大家比较常用，声明两个

effect主要职责是存储Proxy track（收集）的依赖，当Proxy triggle（触发）后查看trigger是否是track存储的依赖，如果是的话则执行监听函数。

前面几篇介绍的大都是reactivity相关的API。我们在使用Vue3作为前端框架时，往往在我们的main.js/main.ts里来创建vue3的app实例，就会用到createApp这个API。

前面几篇文章里，介绍几个API的时候，我们发现里面常出现effect、track和trigger，虽然简单说了下track用于依赖收集，trigger来触发更新。

vue 的响应性的实现，在 @vue/reactivity 包下，对应的源码目录为 packages/reactivity。ref 比 reactive 的实现简单，且不需要用到 es6 Proxy