当前位置： 首页 > news >正文

事件循环机制eventLoop？Js事件流？JavaScript如何实现异步编程？

news 2025/12/16 10:28:09
  • 单线程模式：由用户交互和修改dom的问题，只能决定js就是单线程任务
  • 异步模式诞生：同步模式遇到耗时操作页面便会阻塞，就像图片加载，接口获取，页面会一直等待；
  • 在执行主线程时，先执行同步任务，将异步任务放入事件表注册，等待完成后丢进事件队列中，同步任务完成后取事件队列任务放入主线程，
  • 异步任务分为宏任务和微任务
    • 宏任务：script、setTimeout、setInterval、setImmediate
    • 微任务：promise.then、(Node)process.nextTick、MutationObserver
    • 执行顺序：
      • 同步任务依次执行
      • 所有宏任务归为宏任务队列
      • 所有微任务归为微任务队列
      • 清空微任务、再取一个宏任务(两个不断循环直到结束运行代码)
  • 异步方式有？
    • 读取资源：defer、async、script引入、requiredjs、commonjs
    • 获取接口：ajax、axios、fetch

相关文章：

事件循环机制eventLoop？Js事件流？JavaScript如何实现异步编程？

单线程模式：由用户交互和修改dom的问题，只能决定js就是单线程任务异步模式诞生：同步模式遇到耗时操作页面便会阻塞，就像图片加载，接口获取，页面会一直等待；在执行主线程时，先执行同步…...

编程日记 2023/5/3 3:32:20

视频播放器倍速、清晰度切换、m3u8下载

视频上很容易就可以做到倍速播放，一般的视频格式都是每秒固定的帧数，按比例跳帧就可以了。音频上其实也可以用这种方式来直接删除一些周期，因为电脑里的音频也是数字化离散化地储存的。但是为了使声音不失真，应该都用了稍复杂一点…...

编程日记 2023/4/25 19:22:37

将Nginx 核心知识点扒了个底朝天（五）

什么叫 CDN 服务？ CDN ，即内容分发网络。 其目的是，通过在现有的 Internet中 增加一层新的网络架构，将网站的内容发布到最接近用户的网络边缘，使用户可就近取得所需的内容，提高用户访问网站的速度。 一般…...

编程日记 2023/5/2 13:07:22

【基础算法】差分

🌹作者:云小逸 📝个人主页:云小逸的主页 📝Github:云小逸的Github 🤟motto:要敢于一个人默默的面对自己，强大自己才是核心。不要等到什么都没有了，才下定决心去做。种一颗树，最好的时间是十年前…...

编程日记 2023/4/28 0:16:47

【LeetCode】剑指 Offer（5）

目录 写在前面： 题目： 题目的接口： 解题思路1： 代码： 过啦！！！ 解题思路2： 代码： 过啦！！！ 写在最后：…...

编程日记 2023/4/29 4:13:03

外包出来，朋友内推我去一家公司，问的实在是太...

外包出来，没想到算法死在另一家厂子，自从加入这家公司，每天都在加班，钱倒是给的不少，所以也就忍了。没想到8月一纸通知，所有人不许加班，薪资直降30%，顿时有吃不起饭的赶脚。 好在有…...

编程日记 2023/4/30 1:51:43

刷题记录:牛客NC54585小魂和他的数列 [线段树卡常,真恶心]

传送门:牛客 题目描述: 一天，小魂正和一个数列玩得不亦乐乎。 小魂的数列一共有n个元素，第i个数为Ai。 他发现，这个数列的一些子序列中的元素是严格递增的。 他想知道，这个数列一共有多少个长度为K的子序列是严格递增的。 请你帮…...

编程日记 2023/4/30 8:09:24

2019蓝桥杯真题旋转 C语言/C++

题目描述 图片旋转是对图片最简单的处理方式之一，在本题中，你需要对图片顺时针旋转 90 度。 我们用一个 nm 的二维数组来表示一个图片，例如下面给出一个 34 的 图片的例子： 1 3 5 7 9 8 7 6 3 5 9 7 这个图片顺时针旋转 90 度…...

编程日记 2023/4/30 3:25:28

＜JVM上篇：内存与垃圾回收篇＞11 - 垃圾回收相关算法

对象存活判断 在堆里存放着几乎所有的 Java 对象实例，在 GC 执行垃圾回收之前，首先需要区分出内存中哪些是存活对象，哪些是已经死亡的对象。只有被标记为己经死亡的对象，GC 才会在执行垃圾回收时，释放掉其所占用的内存…...

编程日记 2023/5/4 14:16:27

狂飙Linux平台，软件部署大全

📢📢📢📣📣📣 哈喽！大家好，我是【IT邦德】，江湖人称jeames007，10余年DBA及大数据工作经验 一位上进心十足的【大数据领域博主】！😜&am…...

编程日记 2023/4/26 6:57:48

积分球原理及积分球类型介绍

标题积分球标准型积分球LED积分球均匀光源便携式高亮度积分球均匀光源微光积分球均匀光源积分球均匀光源iSphere高光谱响应光学积分球其他分类积分球 积分球原理:由于球体内整涂有白色漫反射材料的空腔球体，球壁上开有采样口，当待测样品光源进入积分球的…...

编程日记 2023/4/23 5:26:56

Vision Transformer(ViT) 2: 应用及代码讲解

文章目录1. 代码讲解1.1 PatchEmbed类1）__init__ 函数2) forward 过程1.2 Attention类1）__init__ 函数2）forward 过程1.3 MLP类1）__init__ 函数2）forward函数1.4 Block类1）__init__ 函数2）forwa…...

编程日记 2023/5/9 2:35:50

高频面试题|JVM虚拟机的体系结构是什么样的？

一. 前言最近有很多小伙伴都在找工作，他们在面试时经常被面试官问到一个问题：请说说JVM虚拟机的体系结构是什么样的?很多小伙伴都能说出堆、栈等相关内容，但面试官紧接着又问，你还知道其他内容吗？这时不少小伙伴就语塞…...

编程日记 2023/4/29 12:48:58

MyBatis-Plus详细讲解(整合spring Boot)

哈喽，大家好，今天带大家了解的是MyBatis-Plus（简称 MP），是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。首先说一下MyBatis-Plus的愿景是什么&…...

编程日记 2023/5/8 7:28:38

骨传导耳机是不是智商税?骨传导耳机真的不伤耳吗？

很多人对骨传导耳机是具有一定的了解，但是对骨传导耳机还是有一定的刻板印象，那么骨传导耳机到底是不是智商税呢？主要还是要从骨传导耳机传声原理上讨论。 骨传导耳机是属于固体传声的一种方式，通过骨骼传递声音，在使用…...

编程日记 2023/5/6 20:48:05

模拟实现string

目录 1、基本成员变量 2、默认成员函数 构造函数 析构函数 拷贝构造函数(深拷贝) 赋值运算符重载 3、容量与大小相关的函数 size capacity 4、字符串访问相关函数 operator [ ]重载 迭代器 5、增加的相关函数 reserve扩容 resize push_back追加字符 appe…...

编程日记 2023/5/7 7:23:05

自监督表征预训练之掩码图像建模

自监督表征预训练之掩码图像建模 前言 目前，在计算机视觉领域，自监督表征预训练有两个主流方向，分别是对比学习（contrastive learning）和掩码图像建模（masked image modeling）。两个方向在近几…...

编程日记 2023/5/9 2:37:12

华为OD机试题 - 磁盘容量（JavaScript）| 代码+思路+重要知识点

最近更新的博客 华为OD机试题 - 字符串加密（JavaScript） 华为OD机试题 - 字母消消乐（JavaScript） 华为OD机试题 - 字母计数（JavaScript） 华为OD机试题 - 整数分解（JavaScript） 华为OD机试题 - 单词反转（JavaScript） 使用说明 参加华为od机试，一定要注意不要完全背…...

编程日记 2023/5/6 15:24:05

ChatGPT：“抢走你工作的不会是 AI ，而是先掌握 AI 能力的人”

💗wei_shuo的个人主页 💫wei_shuo的学习社区 🌐Hello World ！ ChatGPT：“抢走你工作的不会是 AI ，而是先掌握 AI 能力的人” ChatGPT：美国OpenAI 研发的聊天机器人程序，人工智能技术…...

编程日记 2023/5/3 7:49:36

数据结构与算法（Java版） | 线性结构和非线性结构

之前，我们说过，数据结构是算法的基础，因此接下来在这一讲我就要来给大家重点介绍一下数据结构了。 首先，大家需要知道的是，数据结构包括两部分，即线性结构和非线性结构。知道这点之后，接下来我…...

编程日记 2023/5/10 2:12:34

eNSP-Cloud(实现本地电脑与eNSP内设备之间通信)

说明： 想象一下，你正在用eNSP搭建一个虚拟的网络世界，里面有虚拟的路由器、交换机、电脑（PC）等等。这些设备都在你的电脑里面“运行”，它们之间可以互相通信，就像一个封闭的小王国。 但是&#…...

编程新知 2025/12/15 19:26:17

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。 那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2025/12/15 16:17:01

渲染学进阶内容——模型

最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...

编程新知 2025/11/25 22:59:17

基于数字孪生的水厂可视化平台建设：架构与实践

分享大纲： 1、数字孪生水厂可视化平台建设背景 2、数字孪生水厂可视化平台建设架构 3、数字孪生水厂可视化平台建设成效 近几年，数字孪生水厂的建设开展的如火如荼。作为提升水厂管理效率、优化资源的调度手段，基于数字孪生的水厂可视化平台的…...

编程新知 2025/8/24 3:48:04

P3 QT项目----记事本（3.8）

3.8 记事本项目总结 项目源码 1.main.cpp #include "widget.h" #include <QApplication> int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); } 2.widget.cpp #include "widget.h" #include &q…...

编程新知 2025/12/12 10:35:10

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问&#xff1a;说说对 IP 数据报中 TTL 的理解&#xff1f;我们都知道&#xff0c;IP 数据报由首部和数据两部分组成&#xff0c;首部又分为两部分&#xff1a;固定部分和可变部分&#xff0c;共占 20 字节&#xff0c;而即将讨论的 TTL 就位于首…...

编程新知 2025/12/14 20:54:38

精益数据分析（97/126）：邮件营销与用户参与度的关键指标优化指南

精益数据分析&#xff08;97/126&#xff09;&#xff1a;邮件营销与用户参与度的关键指标优化指南 在数字化营销时代&#xff0c;邮件列表效度、用户参与度和网站性能等指标往往决定着创业公司的增长成败。今天&#xff0c;我们将深入解析邮件打开率、网站可用性、页面参与时…...

编程新知 2025/12/13 4:04:33

基于TurtleBot3在Gazebo地图实现机器人远程控制

1. TurtleBot3环境配置 # 下载TurtleBot3核心包 mkdir -p ~/catkin_ws/src cd ~/catkin_ws/src git clone -b noetic-devel https://github.com/ROBOTIS-GIT/turtlebot3.git git clone -b noetic https://github.com/ROBOTIS-GIT/turtlebot3_msgs.git git clone -b noetic-dev…...

编程新知 2025/12/15 22:23:59

搭建DNS域名解析服务器(正向解析资源文件)

正向解析资源文件 1&#xff09;准备工作 服务端及客户端都关闭安全软件 [rootlocalhost ~]# systemctl stop firewalld [rootlocalhost ~]# setenforce 0 2&#xff09;服务端安装软件&#xff1a;bind 1.配置yum源 [rootlocalhost ~]# cat /etc/yum.repos.d/base.repo [Base…...

编程新知 2025/12/13 12:30:45

使用SSE解决获取状态不一致问题

使用SSE解决获取状态不一致问题 1. 问题描述2. SSE介绍2.1 SSE 的工作原理2.2 SSE 的事件格式规范2.3 SSE与其他技术对比2.4 SSE 的优缺点 3. 实战代码 1. 问题描述 目前做的一个功能是上传多个文件&#xff0c;这个上传文件是整体功能的一部分&#xff0c;文件在上传的过程中…...

编程新知 2025/12/13 0:57:12