一.学习vue的前知识准备1.1DOM是什么？什么是虚拟DOM在学js是大家肯定都知道DOM是网页中用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行操作，是由万维网联盟W3C组织制定的标准编程接口。简单来说就是我们可以通过DOM控制页面中的元素做你想让它们

相关知识点JS是单线程运行的异步要基于回调来实现eventloop就是异步回调的实现原理JS是如何执行？从前到后，一行一行执行如果某一行执行报错，则停止下面代码的执行先把同步代码执行完，再执行异步下图所示，在JS引擎中，CallStack是调用栈，WebAPIS是在ES6规范

因为js是单线程语言，当遇到异步任务(如ajax操作等)时，不可能一直等待异步完成，再继续往下执行，在这期间浏览器是空闲状态，显而易见这会导致巨大的资源浪费。执行栈当执行某个函数、用户点击一次鼠标，Ajax完成，一个图片加载完成等事件发生时，只要指定过回调函数，这些事件发生时就会进

起因为了方便管理，封装全局请求方法的时候，需要对异步请求返回值进行统一的异常处理，符合的值就走then进行返回，不符合的数据走catch进行返回或者处理。需求1、当执行Promise方法出现异常时自动调用catch并执行对应的处理方法2、需要单独手动处理catch时可以自行手动调

Promise介绍和基本使用<script>//1.使用setTimeoutsetTimeout(()=>{console.log('helloPromise');setTimeout(()=>{console.log('helloJs');setTimeout(()=>{console.log('helloVue');

使用插件后微信小程序报错信息：[non-writable]modificationofglobalvariable“Promise.prototype.finally”isnotallowedwhenusingpluginsatapp.json.解决，在封装请求的时候判断一下finally//无论promise对象最后状态如何都会执行//Promise.prototype.final

//初始状态constPENDING="pending";//完成状态constFULFILLED="fulfilled";//失败状态constREJECTED="rejected";//异步执行方法封装functionasyncExecFun(fn){setTimeout(()=>fn(),0);}//执行promiseresolve功能functionresolv

什么是原型，什么是原型链每一个构造函数都有一个原型对象属性prototype，每一个JavaScript对象在创建的时候就会关联这个对象，这个对象就是原型，包含了很多属性实例化的对象中的__proto__会指向这个原型对象属性prototype原型链就是多个对象通过proto的方式连接了起来,相互

Vue异步更新Dom和$nextTick$nextTick的使用场景虽然Vue是数据驱动的，但是有时候我们不得不去操作DOM去处理一些特殊的场景，而Vue更新DOM是异步执行的，所以我们不得不去使用$nextTick去异步获取DOM。<template><div><spanref="msg">{{msg}}</span></div

2020终究是一个不平凡的一年，我们经历了太多坎坷与磨炼。甚至受COVID-19疫情的影响，Chrome浏览器罕见的断更了，Chrome82就此缺席。但Web生态依旧保持了欣欣向荣的活力，一大批新特性持续不断涌现出来。标准与协议ECMAScriptES2020如期发布[1]，此前进入Stage4的提案

functionPromiseAllSettled(promises){constresult=[]letlen=promises.lengthletcount=0returnnewPromise((resolve,reject)=>{promises.forEach((ele,index)=>{//每次遍历的判断是否所有的状态改变，如果错误直接reject

如果std::async调用的函数抛出异常，那么这个异常会被存储在值的位置，同时future变为ready,如果调用get()会重新抛出存储的异常。Note:标准并没有指定原来的异常对象是被重新抛出或者拷贝后抛出，不同的编译器会做不同的选择。对于std::packaged_task<>包装的函数如果抛

1、async是什么async用于声明异步的，常常用于处理回调函数。async返回一个promise的对象，可以直接用.then，.catch来处理结果。onLoad:function(options){//声明该方法为异步方法，会返回一个Promise对象asyncfunctiontest(){return'云开发'

classHD{staticPENDING="pending";staticFULFILLED="fulfilled";staticREJECTED="rejected";constructor(executor){this.status=HD.PENDING;this.value=null;this.callbacks=[];

PromisePromise已经成为了JavaScript管理异步操作的重要工具之一.然而,有的时候还是会很头痛:Promise//等价于`Promise.resolve(undefined).then`..then(()=>{//开始.}).then(()=>{if(wantToBreakHere){//怎

需求1.访问百度地图API获取指定行政区划的坐标 2.根据行政区划的坐标，在百度地图上标注行政区划的名称代码范例（以在.vue文件中使用为例）mounted(){//调用方法——在百度地图上标注行政区划的名称this.addRegionLabel('武汉市','青山区')}, 在异步返回

promise是什么？ 它是一个对象，有三种状态：  pending:初始状态，不是成功或失败状态。  pfulfilled:意味着操作成功完成。  rejected:意味着操作失败。有什么作用？主要用于异步计算可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果可以在对象之间传递和操

js引擎有一个叫monitoringprocess，它用来检测主线程栈是否为空，不为空时，主线程任务依次执行，否则，将从Eventtable中拿到eventqueue1.微任务在前，宏任务在后，并且队列也以顺序区分2.微任务有：process.nexttick以及promise中的then3.宏任务有：settimeout，setinterval,setimmediate等等

Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值示例：letp1=newPromise((resolve,reject)=>{resolve('成功了')})let

概念：Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现，ES6将其写进了语言标准，统一了用法，并原生提供了Promise对象。解决异步地狱，本质就是一个构造函数。异步同步化结果:失败或者成功学习内容：同步代

PromisePromise.resolve(x)可以看作是newPromise(resolve=>resolve(x))的简写，可以用于快速封装字面量对象或其他对象，将其封装成Promise实例返回一个Promise对象，使用该对象来注册处理结果和错误的回调同时可以串联.then和.catch本质最终要被交付的结果的容器可

Promise其实就是一个构造函数可以创建实例对象constp=newPromise((resolve,reject)=>{})有两个函数形参 resolve,reject 实例内可以包裹一个异步请求当满足或成功的时候会调用resolve它会改变promise的实例对象状态为成功,与之相反的reject会把状态修改为失败

Promise发展的心路历程浅谈啥是异步在这篇博文中，将会用最简单的例子，简单快速说明什么是异步，回调函数最大的问题是什么——不再是江湖传言的回调地狱。同时，这里默认大家都知道promise基本使用方式，故一些关于如何使用的demo不再给出，本文主要是想聊一聊promise是如何发

前言:个人总结，不是教程，如有错误，欢迎各位批评指正。 主要作用:解决回调地狱 简单使用//创建Promiseletp=newPromise((resolve,reject)=>{leti=Math.random();if(i<0.5)resolve("a");elsereject("b");});//resolve传递的参数进

classHD{staticPENDING='pending'staticFUIFUILED='fulfiled'staticREJECTED='rejected'constructor(executor){this.status=HD.PENDING;this.value=null;

Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览

手写Promise实现过程1、实现Promise的核心功能2、判断下当执行器里面时异步代码时的回调函数调用情况3、then方法多次调用的情况4、then方法的链式调用，以及如何把then方法的返回值传递到下一个then方法中,再判断返回值是普通值还是peomise对象进而进一步处理5、判断then方法

如有错误，请指出，毕竟写之前笔者也没看过标准写法，没有使用迭代器进行循环，读者可以自行尝试。//customPromise.allPromise.myAll=function(args){constlength=args.lengthletresolveNum=0constresult=newArray(length)returnnewPromise((resolv

参考:ECMAScript6入门Promis对象  一 Promise定义二Promise基本应用三Promise的错误处理四 使用await直接获得resolve结果五 Promise.resoleve Promise定义Promise是异步编程解决方案，比传统回调函数和事件的解决方案更合理。举个例子，分别进行通用资源，配置

coroutine是一个函数，返回值是内部有个promise_type的结构，内部定义一些函数，主要操作这个promise，不怎么管外的（？）co_await一个awaitable结构，内部定义一些函数核心就是co_await会中断协程，然后调用awaitable的await_suspend，其参数一个handler，可以调用resume重启协程（用法有如开个线