Vue异步更新机制和nextTick原理,前端开发新手项目


前言


最初更新是  vue核心  实现之一,在整体流程中预先着手观看者更新的调度者这一角色。大部分观察者更新都会通过它的处理,在适当时机让更新有序的执行。而nextTick作为替代更新的核心,也是需要学习的重点。

本文你能学习到:

  • 初步更新的作用

  • nextTick原理

  • 初步更新流程

js****运行机制


在理解初步更新前,需要对js运行机制进行了解,如果你已经知道这些知识,可以选择跳过这部分内容。

js执行是单线程的,它是基于事件循环的。事件循环大致分为以下几个步骤:

  • 所有同步任务都在主线程上执行,形成一个执行栈(执行上下文堆栈)。

  • 主线程之外,还存在一个“任务队列”(task queue)。只要初始化任务有了运行结果,就在“任务变量”之中放置一个事件。

  • 一旦“执行栈”中的所有同步任务执行完毕,系统就会重新“任务类别”,看看里面有什么事件。那些对应的初始化任务,于是结束等待状态,进入执行栈,开始执行。

  • 主线程不断重复上面的第三步。

“任务类别”中的任务(任务)被分为两个类,分别是宏任务(宏任务)和微任务(micro task)

宏任务:在一次新的事件循环的过程中,遇到宏任务时,宏任务将被加入任务类别&

  • 21
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值