码迷,mamicode.com
首页 > Web开发 > 详细

JS高阶---事件循环模式(事件轮询)

时间:2019-12-04 01:41:35      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:相关   timeout   浏览器   col   rar   div   抽象   time   webapi   

大纲:

技术图片

 

 

 

相关知识点:

技术图片

 

 

主体:

(1)模型原理

技术图片

 

 

JS部分:初始化代码执行
WebAPIS:执行上下文对象(不是一个真的对象,而是一个抽象的虚拟对象,可以看做栈里的一个区域,包含很多对象)
setTimeout:定时器管理模块(分线程)
DOM(document):事件响应管理模块(分线程)
callback queue:回调函数队列---→待执行

JS中的stack初始化代码优先执行,当执行完毕后,才会执行回调代码

 

 

重点:

先执行初始化代码,执行完毕后才会循环遍历“”回调队列“”里的回调代码

技术图片

 

 

 

(2)相关问题

技术图片

 

 

(3)执行栈

技术图片

 

 

(4)浏览器内核

技术图片

 

 

(5)回调队列

技术图片

 

 

 

(6)事件轮询

技术图片

 

 

(7)事件驱动模型

技术图片

技术图片

 

 

(8)请求响应模型

技术图片

 

 本质为:浏览器与服务器的交互---请求与响应的模型

 

 

 

 

 

.

JS高阶---事件循环模式(事件轮询)

标签:相关   timeout   浏览器   col   rar   div   抽象   time   webapi   

原文地址:https://www.cnblogs.com/jianxian/p/11980248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!