博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue Virtual Dom 和 Diff原理(面试必备) 极简版
阅读量:2053 次
发布时间:2019-04-28

本文共 354 字,大约阅读时间需要 1 分钟。

我又来了,这是Vue面试三板斧的最后一招,当然也是极其简单了,先说Virtual Dom,来一句概念:

用js来模拟DOM中的节点。传说中的虚拟DOM。

在这里插入图片描述

在这里插入图片描述

Virtual Dom就先这样,理解了就OK,下面我们了解一下Diff,老规矩先来一句概念:

diff算法就是进行虚拟节点对比,并返回一个patch对象,用来存储两个节点不同的地方,最后用patch记录的消息去局部更新Dom。

换句人话

diff的过程就是调用名为patch的函数,比较新旧节点,一边比较一边给真实的DOM打补丁

在这里插入图片描述

在这里插入图片描述

这个Diff的过程不展开说了,有兴趣的童鞋可以,如果还没懂,再

基本上上面所讲的能理解,差不多Vue Virtual Dom 和 Diff原理你也就懂了,当然更深的还需要自己去看,欢乐时光特别快,又到时候讲拜拜

文章原出处:

转载地址:http://okylf.baihongyu.com/

你可能感兴趣的文章
教你玩转微服务的装逼指南!
查看>>
Envoy 中文指南系列:Sidecar 模式
查看>>
面试官邪魅一笑:你猜一个 TCP 重置报文的序列号是多少?
查看>>
Envoy 中文指南系列: 安装
查看>>
最华丽的 Kubernetes 桌面客户端:Lens
查看>>
太赞了,这个神器竟然能分分钟将多个 kubeconfig 合并成一个!
查看>>
如何解决容器中 nginx worker process 自动设置的问题
查看>>
ethtool 原理介绍和解决网卡丢包排查思路
查看>>
HPE 推出容器平台 Ezmeral,向 VMware 与 Red Hat 下战书
查看>>
使用 Prometheus-Operator 监控 Calico
查看>>
如果你不习惯新版的 Github 的 UI 界面,可以试试这款插件
查看>>
容器化囧途——没上容器时好好的?
查看>>
linux内核网络参数tcp_tw_recycle 和 tcp_tw_reuse 你搞清楚了吗?
查看>>
40核CPU+80G内存的云资源终终终终终于免费了!
查看>>
Drone开源持续集成工具——Pipeline篇
查看>>
Kubernetes 源码剖析之 WorkQueue 队列 | 文末送书
查看>>
根据 PID 获取容器所在的 Pod 名称
查看>>
JAVA 面试很难吗?Oracle 工程师教你轻松搞定BAT!
查看>>
弹窗!到底谁是幕后黑手?
查看>>
免费分享一个最完美的英语学习素材 Englishpod
查看>>