前端八股文 对$nextTick的理解

$nexttick是什么?

获取更新后的dom内容

为什么会有$nexttick ?

vue的异步更新策略 (这也是vue的优化之一 要不然一修改数据就更新dom 会造成大量的dom更新 浪费性能)

这是因为message (data)数据在发现变化 的时候,vue 并不会立刻去更新 D om ,而是将修改数据的操作放在了一个异步操作队列中

如果我们一直修改相同数据,异步操作队列还会进行去重

等待同一 事件循环 中的所有数据变化完成之 后,会将队列中的事件拿来进行处理,进行DOM的更新

什么时候使用

如果我们想要获得 dom更新后的数据 就 要用到$nexttick

代码例子 获取更新后的dom 数据

另一个使用场景 比如说我们拿到接口的数据 渲染列表 拿到渲染后的列表的高度 也需要用到 $nextTick

相关推荐
卸任10 小时前
Vibe coding工具使用心得
前端·ai编程
brien911 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance11 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M11 小时前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写11 小时前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李11 小时前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易11 小时前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
风骏时光牛马12 小时前
前沿视界
前端
kyriewen12 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员
陈随易12 小时前
3000 万人在用的翻译插件,重写一遍就是一门生意
前端·后端·程序员