马小狗儿

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。 LeetCode 真题 300. 最长上升子序列 给定一个无序的整数数组，找到其中最长上升子序列的长度。 可能会有多种最长上升子序列的组合，你只需要输出对应的长度即可。 你算法的时…

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

我微笑着回答：“没有区别，它们是一样的。” 但是面试官笑了，“不，它们不一样。” 之后我回到家打开google查找答案。这篇文章就是我google后的总结。 在深入探讨区别之前，我们先来讨论下“观察者模式”和“发布订阅模式”。 我认为大多数人都会同意观察者模式是学起来最好入门的…

观察者模式与发布/订阅模式大概就跟番茄与圣女果的关系一样，剪不断理还乱。也许，我们也听过两种模式之间的一些区别，但我相信，大部分的人对其中差异的感知还是很弱的。

得益于 babel 强大的转译能力我们无需再担心项目的兼容性问题。但是 babel 不只是一款帮助我们处理代码兼容性的工具，我们还可以借助它的插件化能力完成日常工作中一些重复、繁琐的工作。本文将笔者从

网上关于babel兼容性实现方案的剖析有很多，但大部分剖析案例已经不适用于现在的babel生态。作者在最新babel7的基础上，不断编译验证，发现跟网上大部分剖析文案还是有很大不同。所以，输出本文的目

随着 vivo 互联网用户量级不断增加，应用商店、官网商城、 游戏中心和浏览器等 vivo 官方产品相继进入存量用户运营时代。在这种大背景下，营销活动日益增多，传统活动开发模式已经不能满足井喷式且多样化的需求，项目开发和产品运营过程中遇到种种困难： 各 BU 业务不同，活动后台…

今年和以往一个区别就是有一些大厂增加了手写前端逻辑 或者 收集算法这个环节。前端的一些语言特性，异步控制相对好准备，大多都是Promise的使用外加递归。算法就相对来说难准备一些。需要一个长时间的积累。本文分几类来举例。抛转引玉。 这部分主要考察对于js语言本身的理解，如thi…

这道题目乍一看，问的是事件循环啊，没错。让我们先来捋一下事件循环的相关原理: 取macroTask队列中的一条宏任务放至执行栈中执行，重复以上步骤。 把事件循环的原理梳理完了，长舒一口气。看到这里，大家心里应该有了答案，那就是第一个是不会变色，因为while陷入了死循环，所以一…