微任务宏任务详解题目

news2024/10/6 10:40:43

在这里插入图片描述
注意点：我们的异步任务1和异步任务2并不是直接放在任务队列里面，而是先挂载到我们相应的线程下面！！！

假如说我们的宏任务执行得很快，100ms就执行完了，那么我们就会去轮询我们的任务队列，但是异步任务1到1s才会被加入到任务队列中！！！所有会空轮询900ms！！！！对于异步任务2会在2s后才会挂载到任务队列中！！！

结论：我们说延迟1s但是可能并不会仅仅只有1s延迟，而是1s后挂在到队列中！！如果宏任务执行了10s。那么就会在1s的时候挂载到任务队列中，然后再等9s后再执行

执行完同步任务过（js主线程的任务）后：我们会先去清空微任务队列再去清空同步任务！！！！

在这里插入图片描述

队列循环！！！！先同后异，先微后宏

在这里插入图片描述
问题：要是微任务和宏任务嵌套怎么办？？？

我们来看这个题的输出：

在这里插入图片描述
D A C F H B G E
我们先遇到了D，，然后遇到了E,将E添加到宏任务，然后遇到了A，promise遇到await之前都是宏任务！并且await这句代码也是宏任务，只有await下面的代码才是微任务，这个时候我们就会输出C，接着是F，然后遇到了then，将then里面的代码添加到微任务队列中，最后遇到了H，这个时候我们的宏任务队列有E,微任务队列有B，G，我们先去清空我们的微任务队列，再去清空宏任务队列！！！

一个奇怪的题

在这里插入图片描述
这段代码当我们点击浏览器中的button的时候我们输出的是L1 M1 L2 M2，因为我们的上面的那个事件和下面的那个事件没有关联，相当于两段script，分别触发！！

但是！！

在这里插入图片描述
如果我们通过.click来调用这个代码，那么就会是L1 L2 M1 M2!!!不会分开调用！！！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/443621.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

C++linux高并发服务器项目实践 day3

C++linux高并发服务器项目实践 day3

Clinux高并发服务器项目实践 day3 文件IO标准C库IO函数与LinuxIO函数虚拟地址空间文件描述符Linux系统IO函数open与close mode:八进制的数，表示用户对创建出的新的文件的操作权限 最终的权限是：mode & ~umask 0777 r(读) w(写) x(可执行)都有这样的权…
阅读更多...
2021遥感应用组二等奖：近20年黄河流域植被动态与生态环境效应

2021遥感应用组二等奖：近20年黄河流域植被动态与生态环境效应

作品介绍 1 研究目的 基于MODIS NDVI植被指数、土地利用数据和气象数据集，辅以趋势分析、偏相关分析、马尔科夫转移矩阵变化分析、多元回归分析等方法，全面分析黄河流域2001-2020年植被时空变化特征，并通过构建统计模型方式，定量…
阅读更多...
【Seata】Seata配置上传Nacos

【Seata】Seata配置上传Nacos

前言 在seata1.4.2版本之后，Seata可以通过dataId配置seata的所有配置项，也就是说，我们可以将之前上传的所有配置项整合到一个配置文件中，接下来直接演示该怎样操作。 如果你不清楚seata的config.txt文件在哪里下载或者其它的一些…
阅读更多...
c++11 标准模板（STL）（std::queue）（五）

c++11 标准模板（STL）（std::queue）（五）

定义于头文件 <queue> template< class T, class Container std::deque<T> > class queue; std::queue 类是容器适配器&#xff0c;它给予程序员队列的功能——尤其是 FIFO &#xff08;先进先出&#xff09;数据结构。 类模板表现为底层容器的包…
阅读更多...
kali相关操作

kali相关操作

目录 kali换源&#xff1a; 由于没有公钥&#xff0c;无法验证下列签名&#xff1a; NO_PUBKEY 871920D1991BC93C 安装中文 设置中文输入法 kali换源&#xff1a; sudo su 备份相关配置 cp /etc/apt/sources.list /etc/apt/sources.list.bak vim /etc/apt/sources.list替…
阅读更多...
搭建SFTP服务安全共享文件，实现在外远程访问「内网穿透」

搭建SFTP服务安全共享文件，实现在外远程访问「内网穿透」

文章目录 1.前言2.本地SFTP服务器搭建2.1.SFTP软件的下载和安装2.2.配置SFTP站点2.3.Cpolar下载和安装 3.SFTP服务器的发布3.1.Cpolar云端设置3.2.Cpolar本地设置 4.公网访问测试5.结语 1.前言 现在的网络发达&#xff0c;个人电脑容量快速上升&#xff0c;想要保存的数据资料…
阅读更多...
最近，我们做了一次“实景”容灾演练

最近，我们做了一次“实景”容灾演练

保障头部新闻客户端的业务连续性&#xff0c;阿里云帮助客户在真实场景下完成容灾演练。 云计算和新闻 APP&#xff0c;能有什么关系&#xff1f; 2021 年&#xff0c;传媒行业某头部媒体的新闻客户端进行了全新改版并升级上线&#xff0c;以 “内容技术”的融合驱动效率提升&a…
阅读更多...
Vue2-黑马（十）

Vue2-黑马（十）

目录&#xff1a; &#xff08;1&#xff09;vuex-actions &#xff08;2&#xff09;vuex-调用actions &#xff08;3&#xff09;vue2实战-项目搭建 &#xff08;1&#xff09;vuex-actions 有这么一个需求&#xff0c;绿色的组件从服务器获取数据放入store&#xff0c;主…
阅读更多...
CHAPTER 2: 《BACK-OF-THE-ENVELOPE ESTIMATION》 第2章 《初略的估计》

CHAPTER 2: 《BACK-OF-THE-ENVELOPE ESTIMATION》 第2章 《初略的估计》

CHAPTER 2: BACK-OF-THE-ENVELOPE ESTIMATION 在系统设计面试中&#xff0c;有时您会被要求估计系统容量或使用粗略估计的性能需求。根据杰夫迪恩的说法&#xff0c;谷歌高级研究员&#xff0c;“粗略的计算是你使用结合思想实验和常见的性能数字&#xff0c;以获得良好的感觉…
阅读更多...
武器目标分配问题研究进展: 模型、算法与应用

武器目标分配问题研究进展: 模型、算法与应用

源自&#xff1a;系统公正与电子技术 作者&#xff1a;李梦杰 常雪凝 石建迈 陈超 黄金才 刘忠 摘 要 武器目标分配问题是指挥控制与任务规划领域的关键难点之一, 也是军事运筹领域的基础研究课题。经过多年研究, 武器目标分配问题在陆海空天电等领域都得到了广泛研究,…
阅读更多...
ESLint插件开发

ESLint插件开发

ESLint 插件 ESLint 插件是一个可以包含一系列ESLint 规则、配置、处理器、环境的npm模块。 创建插件 开发ESLint插件可以使用Yeoman提供的生成器来生成ESLint插件的基本项目的目录结构。 安装yeoman 和ESLint 规则的生成器 npm i -g yo generator-eslint创建eslint-xxxx使用y…
阅读更多...
春秋云境：CVE-2022-26201（二次注入漏洞）

春秋云境：CVE-2022-26201（二次注入漏洞）

目录 一、题目 二、上传权限马 三、蚁剑马连接 一、题目 进入题目&#xff1a; 这个是和春秋云境&#xff1a;CVE-2022-28060一个网站&#xff0c;看来应该是存在多个漏洞。 点击admin 不用登录 Users ---- add users 选择文件 这里要是jpg图片格式 如果是php格式是无法运行…
阅读更多...
包体积对app激活的影响

包体积对app激活的影响

阅读更多...
机器学习（一）-K近邻算法（KNN）原理剖析及python源码

机器学习（一）-K近邻算法（KNN）原理剖析及python源码

本篇介绍第一个机器学习算法&#xff1a;k-近邻算法&#xff0c;它非常有效而且易于掌握。首先&#xff0c;我们将探讨k-近邻算法&#xff08;KNN&#xff09;的基本理论&#xff0c;以及如何使用距离测量的方法分类物品&#xff1b;其次我们将使用Python从文本文件中导入并解析…
阅读更多...
JavaSE学习进阶day06_02 Set集合和Set接口

JavaSE学习进阶day06_02 Set集合和Set接口

第二章 Set系列集合和Set接口 Set集合概述&#xff1a;前面学习了Collection集合下的List集合&#xff0c;现在继续学习它的另一个分支&#xff0c;Set集合。 set系列集合的特点&#xff1a; Set接口&#xff1a; java.util.Set接口和java.util.List接口一样&#xff0c;同样…
阅读更多...
D. Marcin and Training Camp(思维 + 判断一个数二进制位是否是另一个数的子集)

D. Marcin and Training Camp(思维 + 判断一个数二进制位是否是另一个数的子集)

Problem - D - Codeforces 马辛是他大学里的一名教练。有N个学生想参加训练营。马辛是个聪明的教练&#xff0c;所以他只想派那些能冷静合作的学生参加。 让我们关注一下这些学生。每个学生可以用两个整数ai和bi来描述&#xff1b;bi等于第i个学生的技能水平&#xff08;越高越…
阅读更多...
【刷题之路】LeetCode 程序员面试金典 08.03. 魔术索引

【刷题之路】LeetCode 程序员面试金典 08.03. 魔术索引

【刷题之路】LeetCode 程序员面试金典 08.03. 魔术索引 一、题目描述二、解题1、方法1——暴力法1.1、思路分析1.2、代码实现 2、方法2——二分分治2.1、思路分析2.2、代码实现 一、题目描述 原题连接&#xff1a; 面试题 08.03. Magic Index LCCI 题目描述&#xff1a; 魔术索…
阅读更多...
计算机网络考试复习——第三章 3.3

计算机网络考试复习——第三章 3.3

3.3 使用广播信道的数据链路层 3.3.1局域网的数据链路层 局域网最主要的特点&#xff1a; 1.网络为一个单位所拥有&#xff1b; 2.地理范围和站点数目均有限。 局域网具有如下主要优点&#xff1a; 1.具有广播功能&#xff0c;从一个站点可很方便地访问全网。 2.便于系统…
阅读更多...
分布式问题，你知道几个？

分布式问题，你知道几个？

你好&#xff0c;我是田哥 现在的单体服务是很难应付面试了&#xff0c;必须要把分布式相关技术给讲清楚&#xff0c;否则面试难搞。 下面我们来聊聊&#xff0c;分布式环境下会面临哪些问题。 先来看一下主要内容&#xff1a; 分布式系统中常见的难题包括&#xff1a; 一致性问…
阅读更多...
PackageMS 启动

PackageMS 启动

1.PackageMS 相关框架类 2.PackageMS 启动过程 2.1 # SystemServer.java /** 291 * The main entry point from zygote. 292 */ 293 public static void main(String[] args) { 294 new SystemServer().run(); 295 } 上面是SystemServer的主函数。 pr…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023