微任务和宏任务皆为异步任务，它们都属于一个队列，主要区别在于他们的执行顺序，event loop的走向和取值。
任务之间的一些划分
概念
1.宏观任务：当前调用栈中执行的代码成为宏任务。（主代码块、settimeout、setinterval、i/o、ui 交互事件、setimmediate等等）。
2.微观任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（promise.then、mutaionobserver、process.nexttick等等）。
3.宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。
宏任务与微任务之间的执行顺序(同步任务->微任务->宏任务)
到这里，必须得用代码来举个例子
jquery是一种javascript库，它提供了一种优雅、简洁的方式来处理html文档、处理事件、创建动画效果、访问xml文档，使开发者能够更轻松地完成web开发任务。在web开发过程中，经常
随着互联网技术的发展和进步，图片在我们的生活中扮演着越来越重要的角色，而 jquery 作为一个流行的 javascript 库，可以帮助我们方便地修改图片的显示效果。本文就将介绍如何用
在网页制作中，动画效果是非常常见的一种元素，而css动画则是其中比较流行的一种方式之一。不过，在某些情况下，需要停止正在进行中的css动画，这时候就需要使用jquery来实现。本文将
随着技术的发展，web开发已经逐渐向前端框架集中。对于前端开发者来说，vue、react和angular等框架已经成为主流选择。而在这些框架中，组件是开发过程中的重要部分。组件可以使代
随着移动互联网的发展，多数的应用都会涉及到数据的存储和读取。而随着前端技术的普及和跨端开发的需求越来越多，uniapp也成为了越来越多开发者的首选。如果你正在使用uniapp进
近年来，随着移动端应用的快速发展，越来越多的开发者选择使用跨平台框架uniapp进行应用的开发。而在应用开发中常常需要集成日历控件以方便用户进行日期选择，本文就为大家分享一
目录基于对象的枚举优缺点枚举值类型基于object.freeze()枚举优缺点基于proxy枚举优缺点基于类的枚举优缺点总结字符串和数字具有无数个值，而其他类型如布尔值则是有限的集合
目录什么是退格键思路概述具体实现兼容性处理焦点问题处理history.back()问题在 vue 中使用方案一：自定义指令方案二：vue mixin总结在一个网页中，当我们在输入框内输入文字或者
目录1. all 2. allsettled3. race4. any 这篇主要讲一下promise的类方法的基本使用，至于promise的基本使用这里就不赘述了，之前也有手写过promise、实现了promise的核心逻辑
目录什么是尾递归和递归的差别尾递归的优化应用场景总结什么是尾递归尾递归是一种特殊的递归，它的特点是在函数的最后一步调用自身，而不是在调用后还有其他操作。尾递归可以有
目录引言正文1. 引入cropper.js2. 创建图像裁剪器3. 初始化cropper.js4. 裁剪图像并保存至本地完整代码引言在开发web应用程序时，经常需要对图片进行裁剪和编辑。cropper.js
目录前言思考开发使用前言cesium目前只提供了entitycluster这个聚合类，使打点聚合更方便快捷的实现，但是一般在真正做项目的时候，大家会经常碰到成千上万个甚至几十万个点位需
目录设计原则什么是设计模式一、单例模式二、策略模式三、代理模式四、迭代器模式五、发布-订阅模式六、命令模式七、组合模式八、模板方法模式九、享元模式十、职责链模式
目录引言准备工作页面结构编写javascript总结：全部代码如下：引言在图像处理中，图片裁切是常见的需求。有时候，我们希望裁切后的图片具有固定的宽高，而不是任意宽高比。cropper.js
目录cropper.js将截图保存到服务器并使用fetch进行请求全部前端代码cropper.js将截图保存到服务器并使用fetch进行请求要使用cropper.js将截图保存到服务器并使用fetch进行
目录简单介绍：安装方法：npm引入：cdn引入：简单入门简单介绍：cropper.js是一个基于javascript的图像裁剪库，用于在网页或应用程序中实现灵活和交互式的图像裁剪功能。它提供了丰富的
目录可选链操作符（optional chaining operator）空值合并运算符（nullish coalescing operator）promise.allsettled()bigint类型可选链操作符（optional chaining operator）可选链操
目录前言一、使用hbuilderx导入插件1.找到所需插件2.导入插件3.使用插件二、通过uni_modules单独安装插件1.创建uni_module目录2.下载并安装插件3.使用插件三、通过componen
目录删除数组元素之splice()删除数组元素之filter()删除数组元素之pop()删除数组元素之shift()删除数组元素之splice()、slice()和concat()组合操作删除数组元素之使用es6中
目录引入宏任务与微任务引入// 开启一个定时器 1秒后执行settimeout( () => { console.log(1)}, 1000)console.log(2)以上的代码控制台的输出结果是“ 2，1";即先输出
目录javascript的内置类型 vs typescript内置类型元祖接口interfaceinterface和type有什么区别？枚举怎么让babel支持const enum?字面量类型特殊类型类型的装饰javascript的内
目录foeeachforeach方法是同步执行的，不能使用异步操作。mapmap方法不会遍历已经添加并且未被删除的元素。什么是迭代器模式javascript 的 foreach 和 map方法是应用了迭代器
目录instanceof的作用手写instanceof什么是原型原型的应用场景什么是原型链instanceof的作用instanceof是判断一个实例是否是其父类或者祖先类型的实例的方法。原理就是inst
目录一、实现效果二、总结与思考废话开篇：通过 canvas 简单拖拽评星，主要是通过个人的理解去实现这样的一个效果。一、实现效果html
目录微任务和宏任务的区别及具体场景任务之间的执行顺序微任务和宏任务的区别及具体场景微任务和宏任务皆为异步任务，它们都属于一个队列，主要区别在于他们的执行顺序，event lo
目录预览效果主要的js代码整体代码预览效果之前css 利用 scroll-behavior 和 锚点 实现了 电梯导航，点击可以看这篇文章css实现电梯导航的效果。评论区有人想让我用js也实现
目录引言准备工作页面结构编写javascript总结全部代码如下引言在web应用中，处理用户上传的图片是一项非常常见的需求。有时，用户可能需要旋转图片以获得更好的视觉效果。本文
目录1 背景2 简介3 服务端实现3.1 协议3.2 消息格式3.2.1 event3.2.2 id3.2.3 retry3.2.4 data3.3 示例4 浏览器 api4.1 建立连接4.2 监听事件5 实践5.1 服务端5.2 浏览器6
目录1、异常案例：2、原因分析3、解决方法13、解决方法23、解决方法3总结1、异常案例：使用正则匹配111const regular = /111/g; // 匹配111 // console.log(regular.test('1
