Vue.js 3设计与实现(2)js计算和DOM计算的性能比较

2025/08/13

Vue.js 3 设计与实现(2)js 计算和 DOM 计算的性能比较

console.time('js计算')
const app = []
for (let i = 0; i < 10000; i++) {
  const div = { tag: 'div' }
  app.push(div)
}
console.timeEnd('js计算')

console.time('DOM计算')
const apps = []
for (let i = 0; i < 10000; i++) {
  apps.push(document.createElement('div'))
}
console.timeEnd('DOM计算')

可以看到 JS 计算耗时和 DOM 计算耗时不在一个量级,所以用 JS 的性能损耗 来换取 声明式的书写是值得的

Post Directory