1.简单描述一下 Babel 的编译过程？ 首先，Babel的作用是 从一种源码到另一种源码，充当转换编译器的作用，可以简述为 解析（解析JS代码）->转换（解析和修改AST）->重建（将修改后的AST转换成另一种JS代码） 2.JavaScript 中的数组和函数在内存中是如何存储的？ 数组，JS里的数组主要就是 以连续内
promise // promise对象 // resolve可以将异步数据传递出来 let p = new Promise(function(resolve){ resolve("hello world") }) // 通过then拿到异步数据 p.then(function(data){ console.log(data) // hello world }) 重写之前
Demo目录 query ./dbconfig.jsconst mysql = require('mysql')const dbconfig = require('./dbconfig')const pool = mysql.createPool(dbconfig); //数据库连接池function query(sql,params) { return new Promise((resolve, reject) => { pool.ge
一、前言 在开发过程中，有时会遇到需要控制任务并发执行数量的需求。 例如一个爬虫程序，可以通过限制其并发任务数量来降低请求频率，从而避免由于请求过于频繁被封禁问题的发生。 接下来，本文介绍如何实现一个并发控制器。 二、示例 const task = timeout => new Promise
手写Promise实现过程 1、实现Promise的核心功能 2、判断下当执行器里面时异步代码时的回调函数调用情况 3、then方法多次调用的情况 4、then方法的链式调用，以及如何把then方法的返回值传递到下一个then方法中,再判断返回值是普通值还是peomise对象进而进一步处理 5、判断then方法
Promise是什么？ Promise 对象代表一个异步操作。Promise有三种状态：pending(初始状态) fulfilled: （操作成功）rejected: （操作失败）。es6的Promise让异步操作可以已同步操作的流程表达出来，这大大改善了之前异步操作的回调地狱情况。遗憾的是Promise一经创建无法中途取消，而且不设置
promise的三个状态: pending(默认) fulfilled(成功) rejected(失败) resolve函数被执行时, 会将promise的状态从 pending 改成 fulfilled 成功reject函数被执行时, 会将promise的状态从pending 改成 rejected 失败 Promise.reject() new Promise((resolve, reject) => { rej
resolve new Promise((resolve, reject) => { setTimeout(() => { console.log('one'); }, 2000) resolve("resolve"); }).then((data) => { console.log(data); setTimeout(() => { console.log('two'); },
<script> const PENDING="pending"; const FULFILLED = "fulfiled"; const REJECTED = "rejected"; function MyPromise(fn){ let _this=this; _this.state=PENDING; _this.value="";
Caused by: java.lang.IllegalArgumentException: Could not resolve placeholder 'HOSTNAME%%.*' in value "history -a; printf "\033]0;%s@%s:%s\007" "${USER}" "${HOSTNAME%%.*}" "${PWD/#$HOME/~}"" 配置里
ES6 Promise对象--将异步代码像同步代码那些书写 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用
一、简介 安装 Less // 一起安装 $ npm i less less-loader -D // 分开安装 $ npm i less -D $ npm i less-loader -D 但是在安装 less-loader 的时候失败，报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: w
JavaScript重难点解析6（Promise 概念为什么要使用PromisePromise 的状态Promise 对象的值Promise工作流程 基本用法Promise其他方法 概念 为什么要使用Promise 1.指定回调函数的方式更加灵活 2.支持链式调用, 可以解决回调地狱问题 回调地狱：回调函数嵌套调用, 外部回调函
webpack打包优化 在根目录下创建 vue.config.js 设置静态资源路径 否则history模式会白屏` module.exports = { publicPath: "./", } 关闭生产环境下的sourceMap映射文件 能减少dist文件的3/4内存 sourceMap映射文件即打包后报错不能提示准确位置 只是报错 productio
一、Vue CLI runtime-compiler 和 runtime-only的区别 template -> ast -> render -> vdom -> 真实domrender:(h) => h, -> createElement 二、Vue-Router 2.1 什么是前端路由 后端渲染、后端路由 后端路由：服务器直接生产(jsp)渲染好的html页面，返回给客户端进行展示 前后
五一期间，花了 3 天时间，边学 Vue3 和 Vite2，边重构自己的项目，终于都用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 重构完啦！ 终于完成一项心心念念的 2021 年度目标了 ✌️ 项目地址: https://github.com/biaochenxuying/blog-vue-typescript 效果 效果图： pc
参考笔者之前转载的一篇- 10 分钟理解 JS 引擎的执行机制 例子: //process是微任务 // 值得注意的一点是, 每次宏任务执行完, 就执行该宏任务对应的微任务 console.log('1') // 1 同步代码：立即执行 [1] setTimeout(function () { console.log('2') // 3 同步代码执行执
实现过程详细步骤，文档传送门 从零实现promise(一)从零实现promise(二)从零实现promise(三) 源码： // 先定义三个状态变量 const PENDING = 'pending' const REJECTED = 'rejected' const FULFILLED = 'fulfilled' class MyPromise { state = PENDING value = ''
一个tab有几个进程 浏览器进程，负责页面显示，用户交互，子进程管理等 渲染进程，将html,css,js转换为网页 GPU进程，用来渲染UI界面 网络进程，负责网页资源加载 插件进程，主要负责插件的运行 进程，线程，协程（纤程） 一个进程就是一个程序的运行实例 线程是依附进程的，而进程中的多线程并行
最近遇到了事件循环的问题，于是决定好好的研究一番。看了一篇文章感觉讲的特别好。 https://juejin.cn/post/6844903657264136200 我们都知道event loop的执行顺序是： 一开始整个脚本script块会做为一个宏任务执行，（宏任务） 执行过程中会有一个主线程，一个宏任务队列，一个微任务队列。同
起因:同事发现一个外层数组为0,但长度为2,这种“奇怪”的数据结构 正确的数据结构 原因:循环中执行异步请求导致的 复现业务代码: //模拟ajax请求function ajax(){ let data = [{name:'小明',age:22},{name:'小红',age:18}] return new Promise((resolv
1 /* 2 尽可能还原 Promise 中的每一个 API, 并通过注释的方式描述思路和原理. 3 */ 4 5 6 // 定义三个状态 7 const PENDING = "PENDING"; 8 const RESOLVED = "RESOLVED"; 9 const REJECTED = 'REJECTED'; 10 function resolvePromise(x, promise2, res
今天启动SpringBoot项目的时候报错 Caused by: java.lang.IllegalArgumentException: Could not resolve placeholder 'spring.datasource.druid.initialSize' in value "${spring.datasource.druid.initialSize}" 首先确认一下配置文件里该字段是否存在以及字段名是否写对了。
vite中引入预处理全局scss文件 vue项目及vite中引入预处理全局scss文件 vue项目中引入vite2中引入 vue项目中引入 const path = require('path'); module.exports = { pluginOptions: { 'style-resources-loader': { preProcessor: 'less', pattern
上一篇 饮冰三年-人工智能-Vue-69 路由 五、Promise 1、认识Promise Promise到底是做什么的呢？ Promise是ES6中一个非常重要和好用的特性，是异步编程的一种解决方案。 我们来考虑下面的场景(有夸张的成分)： 我们需要通过一个url1从服务器加载一个数据data1，data1中包含了下一个请求
