无虚拟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

往期精彩文章

相关推荐
前进前进前进4 分钟前
TRAE 全链路实战:做了一个警示牌一键生成器:纯 Canvas、单文件、零依赖
前端
小万7421 小时前
God‘s Eye View 深度解析:15 路公开信号 + CesiumJS 的浏览器级 OSINT 控制台,60 帧渲染的“真实间谍卫星模拟器”
前端
IT星宿1 小时前
浏览器标签页全是一个图标:我用名字哈希生成 favicon,让每个项目都有身份标识
前端
OpsEye1 小时前
大模型账单对账难:不同厂商 Token 统计口径差异怎么处理
javascript·ai编程
全栈项目管理程序猿1 小时前
ArcGIS JS 基础教程(32):体元系列 - VoxelSlice 体元切片
前端·javascript
拖孩3 小时前
AI 帮我写的小程序「厨菜记」上线满月了,挣了两百块!!!
前端·后端·微信小程序
用户360055579003 小时前
Kestrel_VLLM - 13 · 为什么排除 MoE FFN Tiling 与 Tensor Core
前端
流烟默4 小时前
SSE 实战:在 SpringBoot + Vue 项目中零依赖实现轻量级实时消息推送
vue.js·spring boot·后端·sse
Hilaku4 小时前
AI 流式输出都用 SSE,什么时候必须换 WebSocket?
前端·javascript·程序员
奇牙coding4 小时前
Codex CLI 升级后多文件编辑静默失效:config.yaml 枚举变更排查与修复指南
java·前端·javascript·ai