无虚拟dom怎么又流行起来了?

最近看到了许多这样的评论:

咱们来问问AI,让AI来解释一下为什么会出现这种现象。

ChatGPT

它甚至还贴心的问道:

就是有点太磨叽了:

最后给大家奉上它画的图:

通义千问

有人可能会说 ChatGPT 中文支持到底行不行?毕竟它生成的中文:

所以咱就换国产:

DeepSeek

感觉都是与虚拟 DOM 的对比

咱们问的是为什么前端又流行起来了无虚拟dom?,重点是"",也就是说早就有无虚拟 DOM 了,咱们想问的是无虚拟 DOM 明明被虚拟 DOM 淘汰了,但现在却又死灰复燃了的原因。但感觉这些个 AI 都只说虚拟 DOM 的缺点和 无虚拟 DOM 的优点,咱们重新再来问一下:

ChatGPT

总结

根据各大 AI 给出的答案,咱们已经可以得出无虚拟 DOM 怎么又流行起来了的结论了:

就是早期的无虚拟 DOM 和现在的无虚拟 DOM 压根儿就不是一回事儿,以前那是纯纯的手动操作 DOM,写过 jQuery 的应该都知道:

js 复制代码
$('.xxx').class({ xx: xx }).child(1).xxxxxxxxxxx

而现在的无虚拟 DOM 则根本不用自己操作 DOM,跟虚拟 DOM 时代的写法没什么两样:

html 复制代码
<template>
  <div :class="{ red }">{{ text }}</div>
</template>

<script setup vapor>
import { ref } from 'vue'

const red = ref(true)
const text = ref('')
</script>

<style scoped>
.red {
  color: red;
}
</style>

也就是相当于结合了以前手动 DOM 的性能优势(当然大部分人写的时候都没考虑过性能,所以才会被虚拟 DOM 所超越,但要是好好写的话还是可以超过虚拟 DOM 的性能的,不过可维护性就差点意思了)以及虚拟 DOM 的写法优势,这才是现在的无虚拟 DOM

手动操作 DOM 的性能 + 虚拟 DOM 的写法 = 现在的无虚拟 DOM

往期精彩文章

相关推荐
DianSan_ERP5 小时前
电商架构演进:如何在高并发场景下实现多平台API的标准化履约?
运维·前端·网络·安全·架构·自动化
碎_浪8 小时前
给键盘党的英语记忆工具:我做了一款「打字背单词」桌面应用
前端·程序员·ai编程
阿成学长_Cain9 小时前
Linux dirs命令详解|Bash目录堆栈管理快速切换目录实战教程
linux·运维·前端·数据库
多加点辣也没关系9 小时前
JavaScript|第4章:类型转换
开发语言·javascript
yqcoder9 小时前
httpOnly 是什么,又有什么用?
开发语言·前端·javascript
IT_陈寒9 小时前
Java的Stream.parallel()把我CPU跑爆了,这种优化要谨慎
前端·人工智能·后端
小皮虾10 小时前
小程序首页性能优化实战:从 4 秒到 1.8 秒
前端·微信小程序
烬羽10 小时前
还在手动拼路径、写回调地狱?一文吃透 Node.js 的 path 和 fs
javascript·程序员·node.js
山河木马10 小时前
GPU自动处理专题1-裁剪到底在裁什么(裁剪)
前端·webgl·计算机图形学