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

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

news 2025/10/23 9:08:03
  • 单线程模式：由用户交互和修改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

rknn优化教程（二）

文章目录 1. 前述2. 三方库的封装2.1 xrepo中的库2.2 xrepo之外的库2.2.1 opencv2.2.2 rknnrt2.2.3 spdlog 3. rknn_engine库 1. 前述 OK，开始写第二篇的内容了。这篇博客主要能写一下： 如何给一些三方库按照xmake方式进行封装，供调用如何按…...

编程新知 2025/6/11 15:25:30

模型参数、模型存储精度、参数与显存

模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...

编程新知 2025/9/23 9:00:33

【力扣数据库知识手册笔记】索引

索引 索引的优缺点 优点1. 通过创建唯一性索引，可以保证数据库表中每一行数据的唯一性。2. 可以加快数据的检索速度（创建索引的主要原因）。3. 可以加速表和表之间的连接，实现数据的参考完整性。4. 可以在查询过程中，…...

编程新知 2025/10/20 8:39:33

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹，并新增内容 3.创建package文件夹...

编程新知 2025/10/21 1:03:36

linux 下常用变更-8

1、删除普通用户 查询用户初始UID和GIDls -l /home/ ###家目录中查看UID cat /etc/group ###此文件查看GID删除用户1.编辑文件 /etc/passwd 找到对应的行，YW343:x:0:0::/home/YW343:/bin/bash 2.将标红的位置修改为用户对应初始UID和GID： YW3…...

编程新知 2025/10/7 15:08:22

SpringCloudGateway 自定义局部过滤器

场景： 将所有请求转化为同一路径请求（方便穿网配置）在请求头内标识原来路径，然后在将请求分发给不同服务 AllToOneGatewayFilterFactory import lombok.Getter; import lombok.Setter; import lombok.extern.slf4j.Slf4j; impor…...

编程新知 2025/10/17 23:14:01

Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）

在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件 本期内容是为了更好的为大家解释木马（服务器方面的）的原理，连接，以及各种木马及连接工具的分享 文件木马：https://w…...

编程新知 2025/10/19 13:24:22

用机器学习破解新能源领域的“弃风”难题

音乐发烧友深有体会，玩音乐的本质就是玩电网。火电声音偏暖，水电偏冷，风电偏空旷。至于太阳能发的电，则略显朦胧和单薄。 不知你是否有感觉，近两年家里的音响声音越来越冷，听起来越来越单薄？ —…...

编程新知 2025/10/20 17:52:09

基于 TAPD 进行项目管理

起因 自己写了个小工具，仓库用的Github。之前在用markdown进行需求管理，现在随着功能的增加，感觉有点难以管理了，所以用TAPD这个工具进行需求、Bug管理。 操作流程 注册 TAPD，需要提供一个企业名新建一个项目&#…...

编程新知 2025/10/21 21:03:51

Proxmox Mail Gateway安装指南：从零开始配置高效邮件过滤系统

💝💝💝欢迎莅临我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐：「storms…...

编程新知 2025/10/17 17:54:24