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

JavaScript运行机制与实践应用

news 2025/9/9 7:37:47

一、JavsScript运行机制

1、JavaScript 是一种解释型语言，它的执行机制主要包括以下几个步骤：

在这里插入图片描述

2、事件循环

在这里插入图片描述

3、JavaScript运行模型

在这里插入图片描述

4、JavaScript任务

在这里插入图片描述

5、JavaScript宏任务和微任务

在这里插入图片描述

6、案例分析

console.log('script start')
setTimeout(function () {console.log('setTimeout')
}, 0)
Promise.resolve().then(function () {console.log('promise1')}).then(function () {console.log('promise2')})
console.log('script end')

在这里插入图片描述

7、Promise异步编程

在这里插入图片描述

9、Async和Await

###在这里插入图片描述

10、总结

在这里插入图片描述

二、实践应用

1、如何跨越递归限制

在这里插入图片描述

2、nextTick应用

在这里插入图片描述

3、Async和Await注意事项

在这里插入图片描述

4、Async和Await应用场景一

在这里插入图片描述

5、Async和Await应用场景二

在这里插入图片描述

相关文章：

JavaScript运行机制与实践应用

一、JavsScript运行机制 1、JavaScript 是一种解释型语言，它的执行机制主要包括以下几个步骤： 2、事件循环 3、JavaScript运行模型 4、JavaScript任务 5、JavaScript宏任务和微任务 6、案例分析 console.log(script start) setTimeout(function () {co…...

编程日记 2023/9/4 2:10:45

【算法奥义】最大矩形问题

首先建立一个二维数组，这个二维数组，计算出矩阵的每个元素的左边连续 1 的数量，使用二维数组 left记录，其中left[i][j] 为矩阵第 i 行第 j 列元素的左边连续 1 的数量。 也就是从这个元素开始，从右往左边数有多少个连…...

编程日记 2023/9/4 2:09:44

06 Kafka线上集群部署方案

kafka部署在linux上有什么好处 网络传输效率 kafka部署在linux上，可以用到linux的零拷贝提升网络传输效率，提高kafka的吞吐量。利用零拷贝可以使数据不经过用户态直接通过网卡发送给接收方，实现数据的高性能传输 kafka和零拷贝技术 kafka…...

编程日记 2023/9/4 2:08:42

flex-shrink计算题

当我们使用 flexbox 布局时，flex-shrink 属性用于指定 flex 项在空间不足时收缩的比例。它表示了一个 flex 项相对于其他 flex 项收缩的比例。 假设有一个 flex 容器，其中包含三个子项，它们的 flex-shrink 分别设置为 1、2 和 3。当容器的可…...

编程日记 2023/9/4 2:07:40

Springboot - 5.Bean的生命周期

✍1. Bean的生命周期： 当然，我会详细描述每一步的作用。 🎷1. 实例化Bean: 这是Bean生命周期的第一步。Spring容器通过反射机制创建Bean的实例。public class ExampleBean {// ... }🎷2. 设置Bean的属性: Spring容器将根据配置…...

编程日记 2023/9/4 2:06:39

华为云 sfs 服务浅谈

以root用户登录弹性云服务器。 以root用户登录弹性云服务器。 安装NFS客户端。 查看系统是否安装NFS软件包。 CentOS、Red Hat、Oracle Enterprise Linux、SUSE、Euler OS、Fedora或OpenSUSE系统下，执行如下命令： rpm -qa|grep nfs Debian或Ubuntu系统下…...

编程日记 2023/9/4 2:05:36

CSS中如何实现元素的渐变背景（Gradient Background）效果？

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ CSS 渐变背景效果⭐ 线性渐变背景⭐ 径向渐变背景⭐ 添加到元素的样式⭐ 写在最后 ⭐ 专栏简介 前端入门之旅：探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅&…...

编程日记 2023/9/4 2:04:36

buildroot修改内核防止清理重新加载办法

当你使用 Buildroot 构建 Linux 内核时，如果对内核文件进行了手动修改，重新执行 Buildroot 的构建过程将会覆盖你所做的修改。这是因为 Buildroot会根据配置重新下载、提取和编译内核。 为了避免在重新构建时覆盖你的修改，可以采取以下两种方…...

编程日记 2023/9/4 2:03:35

Vue框架--Vue中的事件

1.事件处理 事件的基本使用： (1).使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； (2).事件的回调需要配置在methods对象中，最终会在vm上； (3).methods中配置的函数，不要用箭头函数！否则this就不是vm了； (4).methods中配置的函数，都是被Vue所管理的函数，this的…...

编程日记 2023/9/4 2:02:34

1921. 消灭怪物的最大数量

原题地址 解法一 排序贪心即可。思想为先计算出每一个怪兽到达城市的时间，然后排序，有小到大进行消灭，此时的下标可视作时间。当怪兽到达城市的时间超过或等于当前时间时，即已经到达了城市，游戏失败，下标…...

编程日记 2023/9/4 2:01:32

创建一个空的vue项目，配置及步骤

查看需要的环境及插件版本 创建vue命令 默认配置 手动配置 其他 hash和history的区别： hash 模式，url后，会带着#，改变hash，页面不会刷新，不会更改整个页面，只会更改#后面路由配置的内容&#x…...

编程日记 2023/9/4 2:00:30

一篇文章教会你如何编写一个简单的Shell脚本

文章目录 简单Shell脚本编写1. 简单脚本编写2. Shell脚本参数2.1 Shell脚本参数判断2.1.1 文件测试语句2.1.2 逻辑测试语句2.1.3 整数值测试语句2.1.4 字符串比较语句 3. Shell流程控制语句3.1 if 条件测试语句3.1.1 if...3.1.2 if...else...3.1.3 if...elif...else 4. Shell脚…...

编程日记 2023/9/4 1:59:29

SSM框架-spring

SSM框架参考 spring...

编程日记 2023/9/4 1:58:27

聊一下C#中的lock

在C#中，lock 是用于实现多线程同步的关键字。它用于创建一个互斥锁（Mutex），以确保在同一时间只有一个线程可以访问被锁定的代码块。这在多线程环境中是很重要的，因为如果多个线程同时访问共享资源，可能会导…...

编程日记 2023/9/4 1:57:26

学会Mybatis框架：让你的开发事半功倍【五.Mybatis关系映射】

目录 🥳🥳Welcome Huihuis Code World ! !🥳🥳 导语 一、一对一的关系映射 1.表结构 2.resultMap配置 3.测试关系映射 二、一对多的关系映射 1.表结构 2.resultMap配置 3.测试关系映射 三、多对多的关系映射 1.表结构…...

编程日记 2023/9/4 1:56:23

《TCP/IP网络编程》阅读笔记--基于Windows实现Hello Word服务器端和客户端

目录 1--Hello Word服务器端 2--客户端 3--编译运行 3-1--编译服务器端 3-2--编译客户端 3-3--运行 1--Hello Word服务器端 // gcc hello_server_win.c -o hello_server_win -lwsock32 // hello_server_win 9190 #include <stdio.h> #include <stdlib.h> #i…...

编程日记 2023/9/4 1:55:23

Java-Optional类

概述 Optional是JAVA 8引入的一个类&#xff0c;用于处理可能为null的值。 利用Optional可以减少代码中if-else的判断逻辑&#xff0c;增加代码的可读性。且可以减少空指针异常的发生&#xff0c;增加代码的安全性。 常用的方法 示例 代码 public class OptionalTest {pub…...

编程日记 2023/9/4 1:54:22

AJAX学习笔记1发送Get请求

传统请求有哪些方式,及缺点 传统请求有哪些? 1.直接在浏览器地址栏上输入URL. 2.点击超连接. <a href"/上下文/请求地址">超链接请求</a> ---->相对路径 <a href"http://www.baidu.com">超链接请求</a> ---->绝对路…...

编程日记 2023/9/4 1:53:20

Elasticsearch 高级搜索技巧和最佳实践

Elasticsearch 高级搜索技巧和最佳实践 Elasticsearch 是一个开源的分布式搜索和分析引擎&#xff0c;它支持实时地存储、搜索和分析大规模数据。它被广泛应用于各行各业&#xff0c;用于构建高性能的搜索引擎、日志分析系统、电子商务推荐系统等。 本文将介…...

编程日记 2023/9/4 1:52:17

解决 .csv 文件上传到 pgsql 的字符报错问题

目录 背景问题解决办法 背景 上传 .csv 文件进行数据导入到 pg 时&#xff0c;报错显示如下&#xff1a; ods.tbl_inp_fee_detail.csv数据上传失败 报错信息:org.postgresql.util.PSQLException: ERROR: invalid byte sequence for encoding "UTF8": 0x00 Where: C…...

编程日记 2023/9/4 1:51:15

Python｜GIF 解析与构建（5）：手搓截屏和帧率控制

目录 Python&#xff5c;GIF 解析与构建&#xff08;5&#xff09;&#xff1a;手搓截屏和帧率控制 一、引言 二、技术实现&#xff1a;手搓截屏模块 2.1 核心原理 2.2 代码解析&#xff1a;ScreenshotData类 2.2.1 截图函数&#xff1a;capture_screen 三、技术实现&…...

编程新知 2025/6/27 2:57:24

【git】把本地更改提交远程新分支feature_g

创建并切换新分支 git checkout -b feature_g 添加并提交更改 git add . git commit -m “实现图片上传功能” 推送到远程 git push -u origin feature_g...

编程新知 2025/8/15 18:53:03

MySQL用户和授权

开放MySQL白名单 可以通过iptables-save命令确认对应客户端ip是否可以访问MySQL服务&#xff1a; test: # iptables-save | grep 3306 -A mp_srv_whitelist -s 172.16.14.102/32 -p tcp -m tcp --dport 3306 -j ACCEPT -A mp_srv_whitelist -s 172.16.4.16/32 -p tcp -m tcp -…...

编程新知 2025/8/25 19:12:45

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决 问题背景 在一个基于 Spring Cloud Gateway WebFlux 构建的微服务项目中&#xff0c;新增了一个本地验证码接口 /code&#xff0c;使用函数式路由&#xff08;RouterFunction&#xff09;和 Hutool 的 Circle…...

编程新知 2025/9/4 16:01:50

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统 实现kefu123登录&#xff0c;不允许匿名访问&#xff0c;kefu只能访问/data/kefu目录&#xff0c;不能查看其他目录 创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2025/9/3 19:49:50

Go 语言并发编程基础：无缓冲与有缓冲通道

在上一章节中&#xff0c;我们了解了 Channel 的基本用法。本章将重点分析 Go 中通道的两种类型 —— 无缓冲通道与有缓冲通道&#xff0c;它们在并发编程中各具特点和应用场景。 一、通道的基本分类 类型定义形式特点无缓冲通道make(chan T)发送和接收都必须准备好&#xff0…...

编程新知 2025/8/21 14:47:42

RabbitMQ入门4.1.0版本（基于java、SpringBoot操作）

RabbitMQ 一、RabbitMQ概述 RabbitMQ RabbitMQ最初由LShift和CohesiveFT于2007年开发&#xff0c;后来由Pivotal Software Inc.&#xff08;现为VMware子公司&#xff09;接管。RabbitMQ 是一个开源的消息代理和队列服务器&#xff0c;用 Erlang 语言编写。广泛应用于各种分布…...

编程新知 2025/9/4 2:44:27

Golang——6、指针和结构体

指针和结构体 1、指针1.1、指针地址和指针类型1.2、指针取值1.3、new和make 2、结构体2.1、type关键字的使用2.2、结构体的定义和初始化2.3、结构体方法和接收者2.4、给任意类型添加方法2.5、结构体的匿名字段2.6、嵌套结构体2.7、嵌套匿名结构体2.8、结构体的继承 3、结构体与…...

编程新知 2025/9/2 19:29:30

【 java 虚拟机知识 第一篇 】

目录 1.内存模型 1.1.JVM内存模型的介绍 1.2.堆和栈的区别 1.3.栈的存储细节 1.4.堆的部分 1.5.程序计数器的作用 1.6.方法区的内容 1.7.字符串池 1.8.引用类型 1.9.内存泄漏与内存溢出 1.10.会出现内存溢出的结构 1.内存模型 1.1.JVM内存模型的介绍 内存模型主要分…...

编程新知 2025/9/7 2:00:04

第一篇：Liunx环境下搭建PaddlePaddle 3.0基础环境（Liunx Centos8.5安装Python3.10+pip3.10）

第一篇&#xff1a;Liunx环境下搭建PaddlePaddle 3.0基础环境&#xff08;Liunx Centos8.5安装Python3.10pip3.10&#xff09; 一&#xff1a;前言二&#xff1a;安装编译依赖二&#xff1a;安装Python3.10三&#xff1a;安装PIP3.10四&#xff1a;安装Paddlepaddle基础框架4.1…...

编程新知 2025/9/2 17:51:47