美文网首页
hashchang事件是异步更新的

hashchang事件是异步更新的

作者: storyWrite | 来源:发表于2022-02-17 10:52 被阅读0次

1.代码

  // 此时会触发hashchange
  location.hash = '/test'
    window.addEventListener('hashchange', () => {
      console.log('hashchenge')
    })

    // 此时不会触发hashchange
    location.hash = '/test'
    setTimeOut(() => {
      window.addEventListener('hashchange', () => {
        console.log('hashchenge')
      })
    },0)

2.测试与结论

  • 测试: 进入一个未绑定hahschange事件的网页,在控制台输入以上代码
  • 结论: 如果hahschange是同步的,则不应该触发hashchange事件,但是触发了,证明hashchange事件类似于React的setState,都是在下一个循环执行

相关文章

  • hashchang事件是异步更新的

    1.代码 2.测试与结论 测试: 进入一个未绑定hahschange事件的网页,在控制台输入以上代码 结论: 如果...

  • 05Vue源码剖析2

    Vue 源码剖析2 异步更新队列 Vue 高效的秘诀是一套批量、异步的更新策略 概念解释 事件循环 Event L...

  • 了解vue.nextTick()

    为什么需要 nextTick Vue 是异步执行 DOM 更新:也就是数据更新后,视图不会马上更新,而是等同一事件...

  • 解析Vue.nextTick

    一、原理 1、vue异步异步更新队列(JS运行机制 、 事件循环)Vue 在观察到数据变化时并不是直接更新 DOM...

  • 深入理解之Vue nextTick

    一.定义【nextTick, 事件循环】 nextTick的由来由于vue是数据驱动视图更新,是异步的,即修改数据...

  • I/O模型与多路复用

    同步、异步、阻塞、非阻塞 同步 & 异步 同步与异步是针对多个事件(线程/进程)来说的。 如果事件A需要等待事件B...

  • setState是同步还是异步?

    1.在组件生命周期中或者react事件绑定中,setState是通过异步更新的。2.在延时的回调或者原生事件绑定的...

  • RxSwift学习

    编程思想 用同步的方式,编写处理异步事件的代码。是基于异步 Event(事件)序列的响应式编程。它可以简化异步编程...

  • setState是同步的还是异步的?

    1. setState 是同步还是异步? 我的回答是执行过程代码同步的,只是合成事件和钩子函数的调用顺序在更新之前...

  • this.setState是同步还是异步

    1、在组件的生命周期或者React合成事件中,是异步 2、在setTimeout或者原生dom事件中,是同步 异步...

网友评论

      本文标题:hashchang事件是异步更新的

      本文链接:https://www.haomeiwen.com/subject/jwnjlrtx.html