小谷围鸡蛋灌饼

快速Diff算法 由于该算法的实测速度非常快，所以Vue3借鉴并扩展了它，而Vue2使用的还是原来的双端Diff算法 相同的前置元素和后置元素 不同于简单Diff和双端Di...

双端Diff算法 双端比较的原理 简单Diff算法的缺点 我们在之前，已经学习过简单Diff算法了，但是他的DOM移动操作并不是最优的 可以拿我们之前的例子分析一下： 在这...

简单Diff算法 减少DOM操作的性能开销 在之前我们对两组子节点的更新的时候，采用了一种直接的手段，将全部旧子节点卸载，再将全部新子节点挂载上去 这样确实能够完成更新，但...

渲染器的设计 渲染器与响应系统的结合 渲染器不仅能够渲染真实DOM元素，还是框架跨平台能力的关键 在这一章，我们使用@vue/reactivity这个包提供的响应式API进...

挂载与更新 挂载子节点和元素的属性 挂载子节点 vnode.children的值是字符串类型时，会把它设置为元素的文本内容 而当vnode.children要表示多个子节点...

instanceof原理 什么是instanceof instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上...

HTTP探索 Nginx 进程池 Nginx是一个轻量级的Web服务器，因为其CPU、内存占用都非常少，同样的资源配置下就能够为更多的用户提供服务 之前的服务器都是是多线程...

HTTP飞翔 HTTP/2特性概览 在前面的HTTPS中，安全性已经达到了极致，但是在性能方提升方面还是比较欠缺的 而且只能依赖长连接这种落后的技术进行优化 所以现在我们推...

内存泄漏 什么是内存泄漏 引擎中的垃圾回收机制主要针对程序中不再使用的对象，对其清理回收释放掉内存 虽然说引擎已经针对垃圾回收做了各种优化，来保证垃圾能够回收，但是我们还是...

HTTP安全 HTTPS、SSL/TLS是什么 由于HTTP的两个缺陷——明文和不安全，是HTTP自身无法解决的，所以要引入新的HTTPS协议 为什么要有HTTPS 因为H...

宏任务与微任务 由于浏览器的应用领域越来越广泛，消息队列中这种粗时间颗粒度的任务已经不能满足需求了 所以现在又出现了一种新的技术——微任务 宏任务 在之前，我们页面中的大部...

节流防抖 防抖 顾名思义就是防止手抖 防抖会给我们容错时间，如果在这个容错时间内再次触发事件，则会直接撤销上一次操作的定时，再给最新的这次事件定时 核心思想是：当事件被触发...

XMLHttpRequest如何实现 在XMLHttpRequest出现之前，服务器数据如果有更新，就要重新刷新整个页面 而XMLHttpRequest出现之后，既可以通过...

SetTimeout如何实现 浏览器如何实现setTimeout 在上一节中，我们的事件循环系统是通过消息队列的顺序来执行的 将任务放到消息队列之后，事件循环系统就会按照消...

消息队列和事件循环 使用单线程处理安排好的任务 一开始，我们是通过把所有任务按照顺序写进主线程，线程执行时，这些任务就按照顺序在线程中依次执行 所有任务执行完成之后，线程会...