夏胖胖

Vue 3.0 采取的 diff 算法和 2.0 的双端比较有点不同。大概的原理如下 假如有如上的 c1 和 c2 新旧 children，在 diff 的时候，会有一个预处理的过程。 先从前往后比较，当节点不同时，不再往后进行比较。接着又从后往前进行比较，当节点不同时，不再往…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

作为面试中面试官最宠爱的一个问题，在这里进行一个详细的介绍，大家重点要放在理解，而不是背。 1.call主要都做了些什么。 相比于call、apply，我个人觉得bind的实现逻辑更加复杂，需要考虑的东西很多，在这里分开进行优化。 在这里我们需要进行一下判断，判断调用bind的…

前端异步一直是老生常谈，promise更是绕不过去的话题，那么除了会使用promise之外，能否尝试自己封装一个promise呢？网上关于这个的封装实现有很多，不过还是想一步一步的封装一下，就好比是玩游戏升级，直接给我一个满级号，不如自己升级乐趣大。 Promise是构造函数，…

我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢？ 别怕～这里有本promisesA+规范，便宜点10元卖给你了。 首先呢，promise肯定是一个类，我…

之前刷知乎的时候，看到这么一个问题：“如何衡量一个人的 JavaScript 水平？”然后自己也不要脸地回答了一下这个问题。以下是我的答案： A：看一个人写代码是否有规范，代码是否壮健，是否可拓展，可读性高不高，API设计是否合理。 这些都是长年累月积累下来的且独立于编程语言以…

的方式，循序渐进完全搞定 js 中 this 指向优先级的问题。 ⛹️‍♂️⛹️‍♂️ js 中的 this 指向问题应该是一个讨论了很久的话题了，关于这个话题的文章，在掘金也有很多。但是，可能之前看到的文章不怎么适合自己，每次看完都还是似懂非懂、没有多少头绪。前几天幸得我的老…

想用一下最新技术，然而项目历史原因又望洋兴叹...... 如果一直以同样的姿态做一样的事情，就很容易觉得无聊，没有成就感。所以需要提升效率做同样的事情，后面越来越快完成，每天都看见自己的进步，自然就有了热情 后来发现，vue可以v-for，react可以map，原生可以循环插入…