resolve

resolve相关知识

• webpack 解析resolve(20)

  resolve能设置模块如何被解析。webpack 提供合理的默认值，但是还是可能会修改一些解析的细节。 1.配置resolve 创建resovle.js myProject |-build |-base |-path.js |-config.js |-mode.js |-entry.js |-devtool.js |-module.js |-plugins.js |-devServer.js |-optimization.js |-output.js + |-resolve.js |-dist |-node_modules |-src |-api |-apiPath.js |-util |-math.js |-assets |-css |-index.css |-less |-index.less |-sass |-index.scss |-images |
• mysql启用skip-name-resolve模式

             120726 11:57:22 [Warning] 'user' entry 'root@localhost.localdomain' ignored in --skip-name-resolve mode. www.jb51.net 120726 11:57:22 [Warning] 'user' entry '@localhost.localdomain' ignored in --skip-name-resolve mode. skip-name-resolve是禁用dns解析，避免网络DNS解析服务引发访问MYSQL的错误，一般应当启用。 启用后，在mysql的授权表中就不能使用主机名了，只能使用IP ，出现此警告是由于mysql 表中已经存在有 localhost.localdomain 帐号信息。 www.jb51.net 我们把它删除就好了。 复制代
• mysql SKIP-NAME-RESOLVE 错误

             登陆到mysql，查看进程的信息 复制代码 代码如下:show processlist; 发现大量的进程的状态为 login 原来默认的时候mysql启动时是不使用 skip-name-resolve选项的，这样的话，从其它主机的连接会比较慢，因为mysql会对这个ip做dns反向查询，导致大量的连接处于 login状态..... 解决这个问题有两个办法 一是加入 skip-name-resolve参数重启mysql 二是在 /etc/hosts中加入一句 192.168.0.2 server2 其中 192.168.0.2是新加的服务器的内网ip，server2是新服务器的主机名 在mysql客户端登陆mysql服务器的登录速度太慢的解决方案一篇文章中，我介绍了如何通过在my.ini文件(linux下是my.cnf文件)中添加"SKIP-NAME-RESOLVE"的参数设置，使得客户端在登录服务器的时候不
• mysql启用skip-name-resolve模式

  120726 11:57:22 [Warning] 'user' entry 'root@localhost.localdomain' ignored in --skip-name-resolve mode. www.jb51.net 120726 11:57:22 [Warning] 'user' entry '@localhost.localdomain' ignored in --skip-name-resolve mode. skip-name-resolve是禁用dns解析，避免网络DNS解析服务引发访问MYSQL的错误，一般应当启用。 启用后，在mysql的授权表中就不能使用主机名了，只能使用IP ，出现此警告是由于mysql 表中已经存在有 localhost.localdomain 帐号信息。 我们把它删除就好了。 复制代码 代码如下: mysql>use mysql; mysql> delete from user

resolve相关课程

• 前端性能优化企业级解决方案 6大角度+大厂视野实现项目全面优化 性能优化是一个前端必然会面对的问题。前端技术日新月异，优秀的性能优化方案在近几年也层出不穷。本课程，我会带你使用当今行业中非常前沿&专业的方案，解决前端性能优化问题。

  讲师：Mr_Max 中级 760人正在学习

• JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 JS是前端立身之本，不管框架多花哨，不会JS也是白扯。这门课可以帮助你夯实前端基础，掌握最新的ES6到11语法，稳步提升编程能力。课程带你熟练掌握语法，很多依赖第三方库才能做到的事用原生JS寥寥几行代码就可迎刃而解。

  讲师：谢成 初级 845人正在学习

• 前端框架及项目面试 聚焦Vue3/React/Webpack 现在的前端面试几乎必考Vue、React 和 Webpack框架内容，对于求职者 是刚需。在这三者的基础之上，还会考察能力方面，即项目设计和项目经验，最终才能通过。这就是这门课要解决的问题。

  讲师：双越 中级 3129人正在学习

resolve相关教程

• 安装 rollup 执行命令安装本地 rollup 环境：npm i -D rollup rollup-plugin-uglify rollup-plugin-node-resolve在跟目录下新建配置文件 rollup.config.js，输入内容：import resolve from 'rollup-plugin-node-resolve';import { uglify } from 'rollup-plugin-uglify';import babel from 'rollup-plugin-babel';export default { input: './src/index.js', plugins: [resolve(), babel(), uglify()], output: { format: 'umd', sourcemap: true, file: 'dist/bundle.js', },};
• 2. Promise.resolve () 和 Promise.reject () 前面我们已经学习了在 new Promise() 对象时执行器会提供两个回调函数，一个是 resolve 返回一个立即成功的 Promise，一个是 reject 返回一个立即失败的 Promise。在执行器中需要根据不同情况调 resolve 或 reject ，如果我们只想返回一个成功或失败的 Promise 怎么做呢？Promise 对象上的提供了 Promise.resolve(value) 和 Promise.reject(reason) 语法糖，用于只返回一个成功或失败的 Promise。下面我们看下它的对比写法：const p1 = new Promise(function(resolve, reject){ reslove(100)})const p2 = Promise.resolve(100) //和p1的写法一样const p3 = new Promise(function(resolve, reject){ reject('error')})const p4 = Promise.reject('error') //和p3的写法一样通过上面的对比 Promise.resolve(value) 创建的实例也具有 then 方法的链式调用。这里有个概念就是：如果一个函数或对象，具有 then 方法，那么他就是 thenable 对象。Promise.resolve(123).then((value) => { console.log(value);});Promise.reject(new Error('error')).then(() => { // 这里不会走 then 的成功回调}, (err) => { console.error(err);});其实，实现 Promise.resolve(value) 和 Promise.reject(reason) 的源码是很简单的。就是在 Promise 类上创建 resolve 和 reject 这个两个方法，然后去实例化一个 Promise 对象，最后分别在执行器中的 resolve() 和 reject() 函数。按照这个思路有如下实现方式：class Promise { ... resolve(value) { return new Promise((resolve, reject) => { resolve(value) }) } reject(reason) { return new Promise((resolve, reject) => { reject(reason) }) }}通过上面的实现源码我们很容易地知道，这两个方法的用法。需要注意的是 Promise.resolve(value) 中的 value 是一个 Promise 对象 或者一个 thenable 对象，Promise.reject(reason) 传入的是一个异常的原因。
• 2. 实现步骤 上一节我们已经知道了 Promise 是一个类，默认接收一个参数 executor（执行器），并且会立即执行。所以首先需要创建一个 Promise 的类，然后传入一个回调函数并执行它，故有如下的初始代码：class Promise { constructor(executor) { executor(); }}Promise 有三个状态：等待（padding）、成功（fulfilled），失败（rejected）。默认是等待状态，等待态可以突变为成功态或失败态，所以我们可以定义三个常量来存放这三个状态const PENDING = 'PENDING';const RESOLVED = 'RESOLVED'; // 成功态const REJECTED = 'REJECTED'; // 失败态class Promise { constructor(executor) { this.status = PENDING; // 默认是等待态 executor(); }}这样我们就知道了 Promise 的基本状态，那内部的状态是怎么突变为成功或失败的呢？这里执行器（executor）会提供两个个方法用于改变 Promise 的状态，所以我们需要在初始化时定义 resolve 和 reject 方法：在成功的时候会传入成功的值，在失败的时候会传入失败的原因。并且每个Promise 都会提供 then方法用于链式调用。class Promise { constructor(executor) { this.status = PENDING; const resolve = (value) => {}; const reject = (reason) => {}; // 执行executor时，传入成功或失败的回调 executor(resolve, reject); } then(onfulfilled, onrejected) { }}这时我们就可以开始着手去更改 Promise的状态了，由于默认情况下 Promise 的状态只能从 pending 到 fulfilled 和 rejected 的转化。class Promise { constructor(executor) { this.status = PENDING; const resolve = (value) => { // 只有等待态时才能更改状态 if (this.status === PENDING) { this.status = RESOLVED; } }; const reject = (reason) => { if (this.status === PENDING) { this.status = REJECTED; } }; executor(resolve, reject); } ...}成功和失败都会返回对应的结果，所以我们需要定义成功的值和失败的原因两个全局变量，用于存放返回的结果。class Promise { constructor(executor) { this.status = PENDING; this.value = undefined; this.reason = undefined; const resolve = (value) => { // 只有等待态时才能更改状态 if (this.status === PENDING) { this.value = value; this.status = RESOLVED; } }; const reject = (reason) => { if (this.status === PENDING) { this.reason = reason; this.status = REJECTED; } }; executor(resolve, reject); } ...}这时我们就已经为执行器提供了两个回调函数了，如果在执行器执行时抛出异常时，我们需要使用 try…catch 来补货一下。由于是抛出异常，所以，需要调用 reject 方法来修改为失败的状态。try { executor(resolve, reject);} catch(e) { reject(e)}我们知道实例在调用 then 方法时会传入两个回调函数 onfulfilled, onrejected 去执行成功或失败的回调，所以根据状态会调用对应的函数来处理。then(onfulfilled, onrejected) { if (this.status === RESOLVED) { onfulfilled(this.value) } if (this.status === REJECTED) { onrejected(this.reason) }}这样我们就完了 Promise 最基本的同步功能，let promise = new Promise((resolve, reject) => { resolve('value'); // throw new Error('错误'); // reject('error reason') // setTimeout(() => { // resolve('value'); // }, 1000)})promise.then((data) => { console.log('resolve response', data);}, (err) => { console.log('reject response', err);})用上面的代码对我们写的 Promise 进行验证，通过测试用例可知，我们写的 Promise 只能在同步中运行，当我们使用 setTimeout 异步去返回时，并没有预想的在then的成功回调中打印结果。对于这种异步行为需要专门处理，如何处理异步的内容呢？我们知道在执行异步任务时 Promise 的状态并没有被改变，也就是并没有执行 resolve 或 reject 方法，但是 then 中的回调已经执行了，这时就需要增加当 Promise 还是等待态的逻辑，在等待态时把回调函数都存放起来，等到执行 resolve 或 reject 再依次执行之前存放的then的回调函数，也就是我们平时用到的发布订阅模式。实现步骤：首先，需要在初始化中增加存放成功的回调函数和存放失败的回调函数；然后，由于是异步执行 resolve 或 reject 所以需要在 then 方法中把回调函数存放起来；最后，当执行 resolve 或 reject 时取出存放的回调函数依次执行。根据以上的实现步骤可以得到如下的代码：class Promise { constructor(executor) { this.status = PENDING; this.value = undefined; // 成功的值 this.reason = undefined; // 失败的原因+ // 存放成功的回调函数+ this.onResolvedCallbacks = [];+ // 存放失败的回调函数+ this.onRejectedCallbacks = []; let resolve = (value) => { if (this.status === PENDING) { this.value = value; this.status = RESOLVED;+ // 异步时，存放在成功的回调函数依次执行+ this.onResolvedCallbacks.forEach(fn => fn()) } }; let reject = (reason) => { if (this.status === PENDING) { this.value = reason; this.status = REJECTED;+ // 异步时，存放在失败的回调函数依次执行+ this.onRejectedCallbacks.forEach(fn => fn()) } }; try { executor(resolve, reject); } catch(e) { reject(e) } } then(onfulfilled, onrejected) { if (this.status === RESOLVED) { onfulfilled(this.value) } if (this.status === REJECTED) { onrejected(this.reason) }+ if (this.status === PENDING) {+ this.onResolvedCallbacks.push(() => {+ // TODO+ onfulfilled(this.value);+ })+ this.onRejectedCallbacks.push(() => {+ // TODO+ onrejected(this.reason);+ })+ } }}上面的代码中，在存放回调函数时把 onfulfilled, onrejected 存放在一个函数中执行，这样的好处是可以在前面增加处理问题的逻辑。这样我们就完成了处理异步的 Promise 逻辑。下面是测试用例，可以正常的执行 then 的成功回调函数。let promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('100'); }, 1000)})promise.then((data) => { console.log('resolve response:', data); // resolve response: 100}, (err) => { console.log('reject response:', err);})到这里我们是不是已经基本实现了 Promise 的功能呢？ES6 中的 then 方法支持链式调用，那我们写的可以吗？我们在看下面的一个测试用例：let promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('100'); }, 1000)})promise.then((data) => { console.log('resolve response:', data); // resolve response: 100 return 200}, (err) => { console.log('reject response:', err);}).then((data) => { console.log('data2:', data)}, null)// TypeError: Cannot read property 'then' of undefined然而当我们在执行的时候会报错，then 是 undefined。为什么会这样呢？那我们要知道如何满足链式调用的规范，那就是在完成任务后再返回一个Promise 实例。那如何返回一个 Promise 实例呢？在 Promise A+ 规范的 2.2.7 小节在有详细的描述，再实例化一个 promise2 来存放执行后的结果，并返回 promise2。那么我们就要改造 then 方法了。class Promise { ... then(onfulfilled, onrejected) { let promise2 = new Promise((resolve, reject) => { if (this.status === RESOLVED) { const x = onfulfilled(this.value) resolve(x) } if (this.status === REJECTED) { const x = onrejected(this.reason); reject(x) } if (this.status === PENDING) { this.onResolvedCallbacks.push(() => { const x = onfulfilled(this.value) resolve(x) }) this.onRejectedCallbacks.push(() => { const x = onrejected(this.reason); reject(x) }) } }) return promise2 }}再使用上面的测试用例，就可以得到正确的结果：let promise = new Promise((resolve, reject) => { resolve('100');})promise.then((data) => { console.log('data1:', data); // data1: 100 return 200}, null).then((data) => { console.log('data2:', data); // data2: 200 throw new Error('error')}, null).then(null, () => { consol.log('程序报错...')})上面的测试用例中，当 then 的回调函数抛出异常时需要去捕获错误，传到下一个 then 的失败回调函数中。class Promise { ... then(onfulfilled, onrejected) { let promise2 = new Promise((resolve, reject) => { if (this.status === RESOLVED) { try{ const x = onfulfilled(this.value) resolve(x) } catch(e) { reject(e) } } if (this.status === REJECTED) { try{ const x = onrejected(this.reason); resolve(x) } catch(e) { reject(e) } } if (this.status === PENDING) { this.onResolvedCallbacks.push(() => { try{ const x = onfulfilled(this.value) resolve(x) } catch(e) { reject(e) } }) this.onRejectedCallbacks.push(() => { try{ const x = onrejected(this.reason); resolve(x) } catch(e) { reject(e) } }) } }) return promise2 }}到这里为止我们就已经实现了一个简版的 Promise，因为Promise是一个规范，很多人都可以实现自己的 Promise 所以 Promise A+ 规范做了很多兼容处理的要求，如果想实现一个完整的 Promise 可以参考 Promise A+ 规范 。
• 3.1 实例化一个 Promise 首先需要明确 Promise 是一个类，我们在 VSCode 中输入 new Promise() 会给我们如下的提示：在 new Promise() 时需要默认需要传入一个回调函数，这个回调函数是 executor（执行器），默认会立即执行。执行器会提供两个方法（resolve 和 reject）用于改变 promise 的状态。resolve 会触发成功状态，reject 会触发失败状态，无论成功或失败都会传入一个返回值，这个返回值会在实例调用 then 方法后作为响应值获取。var promise = new Promise((resolve, reject) => { ajax(url, (data) => { resolve(data) // 成功 }, (error) => { reject(error) // 失败 })})上面的代码中实例化一个 ajax 请求的 Promise， 当接口请求成功就会调用 resolve () 方法把请求的值传入进去，如果失败了就调用 reject () 方法把错误信息传入进去。在后续的链式调用中获取相应的结果。我们需要知道的是，Promise 有三个状态：等待（padding）、成功（fulfilled），失败（rejected）。在初始化时，这个状态是等待态，在等待状态时可以转化为成功态或失败态。当状态是成功态或是失败态后不能再被改变了。上面的代码中可以改变 Promise 状态的是执行器提供的 resolve 和 reject，resolve 会将等待态变为成功态，reject 则会将等待态变为失败态，在状态变为成功或失败的状态时就不能被更改了。
• 3.2 then 在实例化 Promise 类后，我们如何访问成功和失败的值呢？Promise 提供了链式调用的 then 方法用于访问成功的值和失败的值，then 提供了两个回调 onfulfilled（成功回调）、onrejected（失败回调）。var promise = new Promise((resolve, reject) => { resolve(123); // reject('error') // throw new Error('Error')})promise .then( (data) => { console.log(data) // 123 return '100' }, (reason) => { console.log(reason) } ) .then((data) => { console.log(data) // 100 }, null)上面的代码中给我了几个测试用例，有兴趣的小伙伴可以进行测试。then 方法返回一个值而不是 Promise 实例，并且会把这个结果返回到下一个 then 的成功回调中；如果返回的是一个 promise，下一个 then 会采用这个 promise 结果，如果返回的是失败，会传到下一个 then 中失败的回调函数中去：var promise = new Promise((resolve, reject) => { resolve(123);})promise .then( (data) => { return new Promise((resolve, reject) => { reject('错误内容'); }) }, null ) .then(null, (err) => { console.log('error:', err) // error: 错误内容 })如果在失败的回调函数中返回一个普通值或成功的 promise 也会走到下一层 then 的成功回调中去。promise.then(null, (err) => { return '100';}).then((data) => { console.log('data:', data); // data: 123}, null)通过上面的例子可以知道，当前 then 中走成功与否，主要看上一层返回的结果。总结有两点。当上一层返回一个普通值，或是一个成功的 Promise，则会走到下一层成功的回调函数中去；如果上一层返回一个失败的 Promise，或是抛出一个异常，则会走到下一层的失败的回调函数中去。
• 1. 构造一个这样的 xhr function xhr(config) { return new Promise((resolve, reject) => { const request = new XMLHttpRequest(); /** * 调用 open 方法 */ request.open(method, url); request.onreadystatechange = function handleLoad() { if (request.readyState !== 4) return if (request.status === 0) return const responseData = request.response resolve(responseData) } request.send(data) });}首先， 我们的 xhr 函数支持 config 传入， 内部通过 XMLHttpRequest 技术来进行请求的收发， 大致就是上面这样结构的代码，内部的实现我们前面章节都讲过，唯一不同的是，在 onreadystatechange 上，我们挂载的方法最后使用 resolve() 来进行断言，这样做的目的是，后续可以通过 .then() 的方式进行数据操作。

resolve相关搜索

radio radiobutton radiobuttonlist radiogroup radio选中 radius rails raise rand random_shuffle randomflip random函数 rangevalidator rarlinux ratio razor react react native react native android react native 中文

查看更多慕课网实用课程