前端八股文 对$nextTick的理解

  • 开发
  • 23

$nexttick是什么?

获取更新后的dom内容

为什么会有$nexttick ?

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

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

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

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

什么时候使用

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

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

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

阅读全部

相关推荐

  4. 【Android面试八股文】谈谈你对Glide生命周期的理解

    2024-07-12 12:16:02       17 阅读

  5. 【前端工程化面试题目】说说你对 SSG 的理解

    2024-07-12 12:16:02       51 阅读

  6. Vue小记——如何理解 $nextTick( ) ?

    2024-07-12 12:16:02       28 阅读

  7. 对Promise的理解

    2024-07-12 12:16:02       29 阅读

  8. 【退役之重学前端】关于对编程本质的回忆、理解和梳理

    2024-07-12 12:16:02       57 阅读

  10. 【vue】nextTick的使用

    2024-07-12 12:16:02       55 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-12 12:16:02       67 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 12:16:02       72 阅读

  9. 在Django里面运行非项目文件

    2024-07-12 12:16:02       58 阅读

  19. Python语言-面向对象

    2024-07-12 12:16:02       69 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-07-12 12:16:02       64 阅读

热门阅读

  1. 【C语言】《回调函数》详细解析

    2024-07-12 12:16:02       24 阅读

  5. 测绘用什么编程语言：深入解析测绘领域的编程语言选择

    2024-07-12 12:16:02       17 阅读

  12. I18N/L10N 历史 / I18N 指南 / libi18n 模块说明

    2024-07-12 12:16:02       18 阅读

  15. ActiViz中的点放置器vtkPointPlacer

    2024-07-12 12:16:02       20 阅读

  19. MySQL远程登录

    2024-07-12 12:16:02       19 阅读

  22. PostgreSQL 基于时间点恢复

    2024-07-12 12:16:02       19 阅读

  24. 如何理解李彦宏说的“不要卷模型，要卷应用”

    2024-07-12 12:16:02       26 阅读

  26. 【在 OpenResty 中使用 Lua 获取服务器自身的 IP 地址】

    2024-07-12 12:16:02       19 阅读

  27. 解决Spring Boot应用中的内存优化问题

    2024-07-12 12:16:02       18 阅读

  30. nginx 详解

    2024-07-12 12:16:02       26 阅读