karshey的博客

快速 Diff 算法在实测中性能最优。它借鉴了文本 Diff 中的预处理思路，先处理新旧两组子节点中相同的前置节点和相同的后置节点。当前置节点和后置节点全部处理完毕后，如果无法简单地通过挂载新节点或者卸载已经不存在的节点来完成更新，则需要根据节点的索引关系，构造出一个最长递增子序列。最长递增子序列所指向的节点即为不需要移动的节点。

本章我们介绍了双端 Diff 算法的原理及其优势。双端 Diff 算法指的是，在新旧两组子节点的四个端点之间分别进行比较，并试图找到可复用的节点。相比简单 Diff 算法，双端 Diff 算法的优势在于，对于同样的更新场景，执行的 DOM 移动操作次数更少。

【Vue.js设计与实现】第一篇：框架设计概览-阅读笔记【Vue.js设计与实现】第二篇第4章：响应系统-响应系统的作用与实现-阅读笔记【Vue.js设计与实现】第三篇第9章：渲染器-简单Diff算法-阅读笔记

当新旧vnode 的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作。需要引入额外的key作为vnode的标识：key相当于一个节点的身份证号，如果两个虚拟节点具有相同的key和。可以通过 DOM 的移动来完成子节点的更新，这要比不断地执行子节点的卸载和挂载性能更好。要从旧的位置移动到新位置，即4在3的后面，5在4的后面。答：当新旧两组节点的顺序不变时，就不需要额外的移动操作。新节点没有在旧节点找到，说明这是新元素。则新的节点对应的旧节点的。

这样，用户就能清楚地知道，下面的“有”和“没有”对应的到底是什么。如果optimum属性值在low和high之间，则说明low和high都是警戒值，只有在这个区间范围内的值才是正常的，因此，最终的色值状态只有两个，即橙色警戒和绿色正常。元素中的“有”和“没有”两个词，至于对应的问题是什么，不得而知，或者是触摸到了问题，但是并不知道对应的选项是什么，这时用户体验就不好。如果optimum属性值比high大，也会出现3段色值状态，此时，大于high的值会被认为是正常的，因此表现为绿色，这个效果可以类比为。

summary {隐藏浏览器原生的标记符，再使用::before或::after伪元素模拟。

首字母的d表示定义：definition。l表示列表：list。t表示术语：term。第二个d表示描述：description。

ping请求的content-type是text/ping，包含了用户的User-Agent、浏览器和操作系统信息、目标来源地址等信息，非常方便开发人员追踪收集的数据。元素中，只要target属性设为某个任意的固定值，则每次新窗口打开的时候，都只会在这个窗口创建。元素还自带上报能力。只要设置了ping属性，当用户点击此链接元素的时候，浏览器就会自动发送一个POST请求给ping属性设置的地址。使用base很容易出现意料之外的状况，在不知名的地方设置了base，会在很多地方都生效，不好。

在移动端开发中，页面左上角往往会有一个“返回”按钮，但如果用户是通过点击某个分享链接进入的，那么这个返回的逻辑就不对，因为并没有上一页，此时这个“返回”按钮显示为“主页”按钮更合适。在某列表页面，点击任意列表会进入详情页，然后希望再次返回（通过页面内链接，而非浏览器的“后退”按钮）到列表页的时候，页面依然定位在之前的滚动位置，但如果是从其他页面进入的，则滚动置顶。SEO中有个策略，如果一个权重很高的网站，直接外链一个权重不高的中小网站，同时没有设置rel=“nofollow”，那么这个中小网站的权重。

从高层设计的角度去探讨框架需要关注的问题。第二篇 响应系统。

从高层设计的角度去探讨框架需要关注的问题。