search

minjs1cn / weekly-learning

每周学习分享打卡
0 stars 0 forks source link

17 -【经典面试】vue渲染dom为什么会有key，比jq更快吗？ #17

Open Guyidingsanyu opened 3 years ago

Guyidingsanyu commented 3 years ago
  1. key的作用主要是为了高效的更新虚拟dom，其原理是vue在patch的过程中通过key来精准的判断两个节点是不是同一个，从而避免频繁更新不同的元素，使得整个patch过程更加高效，减少dom操作量，提高性能。
  2. 若是不设置key还可能在列表更新时引发一些隐藏bug。
  3. vue中在使用标签名元素过渡切换时，也会使用key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性，而不会触发过渡效果。
Guyidingsanyu commented 3 years ago

框架vs直接操作dom谁更快？

尤雨溪说过：这是一个性能 vs 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作，让你用更声明式的方式来描述你的目的，从而让你的代码更容易维护。没有任何框架可以比纯手动的优化 DOM 操作更快，因为框架的 DOM 操作层需要应对任何上层 API 可能产生的操作，它的实现必须是普适的。针对任何一个 `benchmark，我都可以写出比任何框架更快的手动优化，但是那有什么意义呢？在构建一个实际应用的时候，你难道为每一个地方都去做手动优化吗？出于可维护性的考虑，这显然不可能。框架给你的保证是，你在不需要手动优化的情况下，我依然可以给你提供过得去的性能。

Guyidingsanyu commented 3 years ago

https://www.zhihu.com/question/31809713/answer/53544875