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

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

news 2026/2/10 8:57:12
  • 单线程模式：由用户交互和修改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

【大模型RAG】拍照搜题技术架构速览：三层管道、两级检索、兜底大模型

摘要 拍照搜题系统采用“三层管道（多模态 OCR → 语义检索 → 答案渲染）、两级检索（倒排 BM25 向量 HNSW）并以大语言模型兜底”的整体框架： 多模态 OCR 层 将题目图片经过超分、去噪、倾斜校正后，分别用…...

编程新知 2026/2/8 4:32:38

JavaSec-RCE

简介 RCE(Remote Code Execution)，可以分为:命令注入(Command Injection)、代码注入(Code Injection) 代码注入 1.漏洞场景：Groovy代码注入 Groovy是一种基于JVM的动态语言，语法简洁，支持闭包、动态类型和Java互操作性&#xff0c…...

编程新知 2026/2/8 6:37:39

Unit 1 深度强化学习简介

Deep RL Course ——Unit 1 Introduction 从理论和实践层面深入学习深度强化学习。学会使用知名的深度强化学习库，例如 Stable Baselines3、RL Baselines3 Zoo、Sample Factory 和 CleanRL。在独特的环境中训练智能体，比如 SnowballFight、Huggy the Do…...

编程新知 2026/2/8 12:54:53

嵌入式学习笔记DAY33（网络编程——TCP）

一、网络架构 C/S （client/server 客户端/服务器）：由客户端和服务器端两个部分组成。客户端通常是用户使用的应用程序，负责提供用户界面和交互逻辑 ，接收用户输入，向服务器发送请求，并展示服务…...

编程新知 2026/2/10 3:34:25

JavaScript 数据类型详解

JavaScript 数据类型详解 JavaScript 数据类型分为 原始类型（Primitive） 和 对象类型（Object） 两大类，共 8 种（ES11）： 一、原始类型（7种） 1. undefined 定…...

编程新知 2025/12/25 4:05:41

uniapp 字符包含的相关方法

在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。 使用includes()方法 includes()方法用于判断一个字…...

编程新知 2025/9/28 19:00:18

tomcat入门

1 tomcat 是什么 apache开发的web服务器可以为java web程序提供运行环境tomcat是一款高效，稳定，易于使用的web服务器tomcathttp服务器Servlet服务器 2 tomcat 目录介绍 -bin #存放tomcat的脚本 -conf #存放tomcat的配置文件 ---catalina.policy #to…...

编程新知 2025/7/7 19:44:31

「全栈技术解析」推客小程序系统开发：从架构设计到裂变增长的完整解决方案

在移动互联网营销竞争白热化的当下，推客小程序系统凭借其裂变传播、精准营销等特性，成为企业抢占市场的利器。本文将深度解析推客小程序系统开发的核心技术与实现路径，助力开发者打造具有市场竞争力的营销工具。​ 一、系统核心功能架构&…...

编程新知 2025/8/21 16:28:18

区块链技术概述

区块链技术是一种去中心化、分布式账本技术，通过密码学、共识机制和智能合约等核心组件，实现数据不可篡改、透明可追溯的系统。 一、核心技术 1. 去中心化 特点：数据存储在网络中的多个节点（计算机），而非…...

编程新知 2025/10/25 7:41:33

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

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

编程新知 2026/1/27 17:00:20