浏览器事件循环

news/2025/2/6 11:13:01/文章来源:https://www.cnblogs.com/sherioc/p/18700740

image-20250206104940459

宏任务

  • 浏览器执行的异步代码
  • eg:JS执行脚本事件、setTimeout/setInterval,ajax请求完成事件、用户交互事件等

微任务

  • Js引擎执行的异步代码
  • eg:Promise对象.then()的回调

注意:Promise本身是同步的

JS内代码执行流程

执行script脚本事件宏任务里面的同步代码,遇到宏任务/微任务交给宿主环境,有结果回调函数进入对应队列,当执行栈空闲时候,清空宏任务队列,再执行下一个微任务

console.log(1)
setTimeout(()=>{console.log(2)
}, 0)const p = new Promise((resolve, reject)=>{console.log(3)resolve(4)
})p.then(result => {console.log(result)
})
console.log(5)

输出1 3 5 4 2

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《ESP32-S3使用指南—IDF版 V1.6》第四章 认识ESP-IDF

第四章 认识ESP-IDF 1)实验平台:正点原子DNESP32S3开发板 2)章节摘自【正点原子】ESP32-S3使用指南—IDF版 V1.6 3)购买链接:https://detail.tmall.com/item.htm?&id=768499342659 4)全套实验源码+手册+视频下载地址:http://www.openedv.com/docs/boards/esp32/ATK…

使用大模型

https://github.com/deepseek-ai/awesome-deepseek-integration/blob/main/docs/zotero/README_cn.md--- 她说, 她是仙,她不是神

spring之hellospring

高耦合的代码 我想要写一段程序,该程序有dao层和service层,dao层有接口UserDao,定义了一个方法叫做sayHello(),并且在dao层定义两个类MysqlDao和OracleDao,他们都实现了UserDao接口,并且实现了sayHello()方法,如图和代码所示 UserDao接口的代码如下package com.loubin.…

java调用deepseek

崩溃了几天的deepseek 接口官网今天终于好了:https://api-docs.deepseek.com/zh-cn/,打开一看貌似没有集成JAVA开发如下图,只有curl.python,nodejs三种形式既然可以curl形式调用接口理论上任何编程语言都可以调用。 第一步:引入pom依赖jar,习惯了使用okhttp<dependency>…

绩效考核:我做了很多上级却看不见怎么办?

“作为员工,我的每一天都是非常忙碌的,但是负责最后一环产出结果的不是我,得到称赞的总是别人。年终绩效考核也都是一些简单的指标项,没有办法体现出我日常的付出,绩效结果永远都是普通。” 上面这段话是众多员工的心声,然而他们不知道的是,作为管理者也很头疼这个问题。…

借助deepseek完成python的Deoldfiy黑白照着色工具

最近deepseek火热,试试看能否协助完成制作一款工具,用于给黑白照片着色。打开deepseek,注册完后,输入需求,给我推荐了deoldify,制作过程总结为以下几步: 1. Python环境搭建直接忽略 2.Deoldfiy依赖库下载安装,训练模型models下载(需要梯子) 3. 运行查看效果代码执行…

手搓指数函数实现

1.概况 最近博主有使用指数函数的需求,需要一条在第一象限、底数为10的曲线。但是由于芯片资源有限,所以无法使用数学库。不能调用数学库里面的指数函数。于是就在网上找了一圈,发现毫无质量。 1.只考虑到了整数次幂的简单情况。 2.要么就是调用数学库,没有一个有用的。 于…

淘宝详情页批量抓取组合商品价格

需求:客户需要抓取淘宝商品的不同组合价格,步骤如下图通过切换分类获取相应的价格 客户需求我们可以这样实现:循环点击产品分类,点击一次相应获取一次商品价格 1、首先商品价格,我们发现不同的商品参加活动不一,导致商品价格样式有多种如下2、商品价格样式的多样性使得价…

EvalPlanner:基于“计划-执行”双阶段的大语言模型评估框架

大语言模型(LLM)评估系统在生成思维链(Chain-of-Thought, CoT)序列时,需要系统地捕捉评估过程中的推理步骤。但是由于缺乏人工标注的CoT训练数据,以及预定义评估提示在复杂任务中的局限性,构建高质量的LLM评估模型面临重大挑战。另外手动调整评估指令的方法在面对多样化和复…

[网摘实践]基于本地部署DeepSeek+VSCode+Cline编写代码

前面的本地部署部分,我已经搭建好了。可以参考:https://www.cnblogs.com/haochuang/p/18700495 这里只是在本地基于模型搭建代码编写相关组件 使用deepseek-r1 + Vscode + Cline/Continue 构建本地代码编辑器 这个落地方案是实现本地代码编辑器,但是具体的效果见仁见智,pro…

docker compose搭建immich开源免费相册管理工具

一、immich介绍 1.1 immich简介直接从您的手机自托管照片和视频备份解决方案。1.2 immich注意事项该项目正在非常积极的开发中。⚠️预计会出现错误和重大更改。 ⚠️ 请勿将该应用程序用作存储照片和视频的唯一方式。 ⚠️始终遵循 3-2-1 备份计划,为您珍贵的照片和视频! 1.…

vue3支持低版本浏览器

安装包 npm install @vitejs/plugin-legacy -D #如果打包不了,安装terser包,如果能正常打包,不安装这个包也可以 npm install terser -D在vite.config.ts文件中添加如下配置 import legacy from @vitejs/plugin-legacy export default defineConfig({plugins: [vue(), legac…