master

分支 (1)

管理

管理

master

geyao
/
diff算法220406.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>传统diff算法</title>
	</head>
	<body>
		<script>
			// 传统diff算法
			// 虚拟DOM中的Diff算法
			// 传统算法查找两颗树每一个节点的差异
			// 会运行n1(dom1的节点数)*n2(dom2的节点数)次方去对比,找到差异的部分再去更新

			// snabbdom的diff算法优化
			//  Snbbdom根据DOM的特点对传统的diff算法做了优化
			//  DOM操作时候很少会跨级别操作节点
			//  只比较同级别的节点

			// key的作用

			// Diff操作可以更加快速
			// Diff操作可以更加准确
			// 避免渲染错误
			// 不推荐使用索引作为key
		</script>
	</body>
</html>