JavaScript异步编程——07-Promise实例的方法【万字长文，感谢支持】

Promise 实例的方法简介

Promise 的 API 分为两种：

  • Promise 实例的方法（也称为：Promis的实例方法）

  • Promise 类的方法（也称为：Promise的静态方法）

Promise 实例的方法：我们需要实例化 Promise，也就是先 new 一个 Promise 实例对象，然后通过 Promise 实例去调用 then、catch、finally等方法。这几个方法就是 Promise 的实例方法。

Promise 实例提供了如下方法：

  • promise.then()：异步任务成功的回调函数。

  • promise.catch()：异步任务失败的回调函数。

  • promise.finaly()：异步任务无论成功与否，都会执行的回调函数。

我们在上一篇文章《Promise入门详解》中，用到的都是Promise实例的方法。本篇文章，我们来把这三个实例方法详细学习一下。

Promise 实例的 then()方法

then()方法是 Promise实例上的一个方法。它其实是放在Promise的原型上的 Promise.prototype.then。

then()方法的参数

then()方法可以接收一个参数，也可以接收两个参数。两个参数时，分别代表两个回调函数，这两个函数一直处于监听状态：

  • 参数1：当 Promise 的状态变为 fulfilled（意思是：任务执行成功）时会立即执行的回调函数。

  • 参数2：当 Promise 的状态为 rejected（任务执行失败）时会立即执行的回调函数。

下面这两种写法是等价的。处理 rejected 失败状态的回调函数，既可以放在 then() 方法的第二个参数里，也可以单独放在 catch() 方法的参数里。

写法1：

 
const promise = new Promise((resolve, reject) => {reject('qianguyihao');});​promise.then(res => {console.log('res:', res);},err => {console.log('err:', err);});

写法2：

 const promise = new Promise((resolve, reject) => {reject('qianguyihao');});​promise.then(res => {console.log('res:', res);}).catch(err => {console.log('err:', err);});

then()方法可以被多次调用

一个 Promise 的 then() 方法可以被多次调用。每次调用时我们都可以传入对应fulfilled状态的回调函数。当 Promise 的状态变为 fulfilled 时，这些回调函数都会被执行。

then被调用多次的伪代码：

 const myPromise = new Promise();​myPromise.then();myPromise.then();myPromise.then();

代码举例：

 const myPromise = new Promise((resolve, reject) => {resolve('qianguyihao');});​myPromise.then(res => {console.log('成功回调1');console.log('res1:', res);});​myPromise.then(res => {console.log('成功回调2');console.log('res2:', res);});​myPromise.then(res => {console.log('成功回调3');console.log('res3', res);});

打印结果：

 成功回调1res1: qianguyihao​成功回调2res2: qianguyihao​成功回调3res3 qianguyihao

代码解释：

当 myPromise 状态为 fulfilled 时，下面的四个 then() 方法都在监听，所以这四个 then() 方法都会收到状态确定的通知，进而都会执行。

此外，then() 被调用多次还有一种链式调用的写法，它的打印结果与上面的打印结果不同，想要了解 Promise 的链式调用，需要先学习 then() 方法的返回值，我们继续往下看。

then() 方法的返回值（重要）

这一段的知识点略有难度，但是非常重要，是我们学习 Promise 链式调用的理论基础。

then()方法本身是有返回值的，它会返回一个新的Promise对象。因为 then()方法的返回值永远是一个 Promise 对象，所以我们才可以对它进行链式调用。

Promise 链式调用的伪代码：

 // 伪代码myPromise.then().then().catch()

上方代码中，因为 myPromise.then() 的返回值本身就是一个 Promise，所以才可以继续调用 then()、继续调用 catch()。

那么，then()方法返回的 Promise 对象处于什么状态呢？then()方法的参数里，是一个回调函数。这取决于回调函数的返回值是什么。情况如下：

1、当then()方法中的回调函数在执行时，那么Promise 处于pending状态。

2、当 then()方法中的回调函数中，手动 return 一个返回值时，那么 Promise 的状态取决于返回值的类型。当返回值这行代码执行完毕后， Promise 会立即决议，进入确定状态（成功 or 失败）。具体情况如下：

  • 情况1：如果没有返回值（相当于 return undefined），或者返回值是普通值/普通对象，那么 Promise 的状态为fulfilled。这个值会作为fulfilled 状态的回调函数的参数值。

  • 情况2：如果返回值是另外一个新的 Promise，那么原 Promise 的状态将交给新的 Promise 决定，这两个Promise 的状态一致。

  • 情况3：如果返回值是一个对象，并且这个对象里有实现then()方法（这种对象称为 thenable 对象），那就会执行该then()方法，并且根据then()方法的结果来决定Promise的状态。

还有一种特殊情况：

  • 情况4：当then()方法传入的回调函数遇到异常或者手动抛出异常时，那么， Promise 处于rejected 状态，并将抛出的错误作为 rejected 状态的回调函数的参数值。

小结：then()方法里，我们可以通过 return 传递结果和状态给下一个新的Promise。

默认返回值

如果then()方法的回调函数里没写返回值（相当于 return undefined），那么then()方法的返回值是一个新的Promise。新 Promise 的状态为fulfilled，其then()方法里，res的值为 undefined。

then() 链式调用的代码举例：

 const myPromise = new Promise((resolve, reject) => {resolve('qianguyihao');});​myPromise.then(res => {console.log('成功回调1');console.log('res1:', res);/*这里虽然什么都没写，底层默认写了如下代码：return new Promise((resolve, reject) => {resolve(); // resolve() 的参数是空，相当于 resolve(undefined)})*/}).then(res => {console.log('成功回调2');console.log('res2:', res);}).then(res => {console.log('成功回调3');console.log('res3', res);});

打印结果：

 成功回调1res1: qianguyihao​成功回调2res2: undefined​成功回调3res3：undefined

代码解释：

第一个 then()里的回调，是由 myPromise 进行决议。第二个then()、第三个then() 也在等待决议。

但是，第二个 then() 的回调是由第一个 then()传入的回调函数，返回的 Promise 进行决议；第三个 then() 的回调是由第二个 then()传入的回调函数，返回的 Promise 进行决议，以此类推。所以，这两个then()里面的打印参数的结果是 undefined，并没有打印 myPromise 的决议结果。

换句话说，第一个 then() 在等待 myPromise 的决议结果，有决议结果后执行；第二个 then() 在等待第一个 then()参数里返回的新 Promise的决议结果，有决议结果后执行；第三个 then() 在等待第二个 then()参数里返回的新 Promise的决议结果，有决议结果后执行。

返回普通值：通过 return 传递数据结果

我们也可以在 then()方法的回调函数里，手动 return 自己想要的数据，比如一个普通值 value1。这个普通值就可以传递给下一个新的Promise。新 Promise 的状态为fulfilled，其then()方法里，res的值为 value1。

代码举例：

const myPromise = new Promise((resolve, reject) => {resolve('1号');
});myPromise.then(res => {console.log('res1:', res);// return一个普通值，把这个值传递给下一个Promisereturn '2号';/*上面这行 return，相当于：return new Promise((resolve, reject)=> {resolve('2号');})*/}).then(res => {// res可以接收到上一个 Promise 传递的值console.log('res2:', res);}).then(res => {console.log('res3:', res);});

返回结果：

res1: 1号
res2: 2号
res3: undefined

返回新的 Promise

情况1、在 then() 方法的回调函数中 return 一个成功的新 Promise，那么，then()返回的Promise 也是成功状态。相当于把新Promise的成功结果传递出去。代码举例：

const promise1 = new Promise((resolve, reject) => {resolve('qianguyihao fulfilled 1');
});const promise2 = new Promise((resolve, reject) => {resolve('qianguyihao fulfilled 2');
});promise1.then(res => {console.log('res1:', res);return promise2;}).then(res => {// 监听 promise2 的成功状态console.log('res2:', res);}).then(res => {console.log('res3', res);});

打印结果：

res1: qianguyihao fulfilled 1
res2: qianguyihao fulfilled 2
res3 undefined

情况2、在 then() 方法的回调函数中 return 一个失败的新 Promise，那么，then()返回的Promise 也是失败状态。再继续往下走，会怎么样？相当于把新Promise 的失败原因传递出去。代码举例：

const promise1 = new Promise((resolve, reject) => {resolve('qianguyihao fulfilled 1');
});const promise2 = new Promise((resolve, reject) => {reject('qianguyihao rejected 2');
});promise1.then(res => {console.log('res1:', res);// return 一个 失败的 Promisereturn promise2;}).then(res => {console.log('res2:', res);}, err => {// 如果 promise2 为失败状态，可以通过 then() 的第二个参数（即失败的回调函数）捕获异常，然后就可以继续往下执行其他的代码console.log('err2:', err);// 这里相当于 return undefined}).then(res => {console.log('res3', res);}, err => {console.log('err3:', err);});

打印结果：

res1: qianguyihao fulfilled 1
err2: qianguyihao rejected 2
res3: undefined

上方代码可以看到，第二个Promise走的是失败回调，这很容易理解。重点是，最后一个 Promise 走的是成功回调，这很出人意料。我们稍后学习 catch()方法的返回值后，就能看懂。这例子很经典，一定要记住。

情况3：在 then() 方法的回调函数中 return 一个 pending 状态的新 Promise，那么 then() 返回的Promise状态也是 pending。

返回 thenable 对象

代码举例：

const myPromise = new Promise((resolve, reject) => {resolve('qianguyihao fulfilled 1');
});myPromise.then(res => {console.log('res1:', res);return {then: (resolve, reject) => {resolve('thenable fulfilled');},};}).then(res => {console.log('res2:', res);}).then(res => {console.log('res3', res);});

打印结果：

res1: qianguyihao fulfilled 1
res2: thenable fulfilled
res3 undefined

then() 中抛出异常

当then()方法传入的回调函数遇到异常或者手动抛出异常时，那么，then()所返回的新的 Promise 会进入rejected 状态，进而触发新Promise 的 catch() 方法的执行，做异常捕获。

这方面的内容，我们在后续的文章《异常处理方案》中会详细讲解。

特殊情况：then() 中传入非函数时，会发生值穿透

在Promise的then()方法中，如果传入一个非函数作为参数，JS 会将其忽略，并且将前一个 Promise 的结果值传递给下一个then()方法。这意味着如果你在then()中传入非函数参数，它将被视为一个空操作，而不会对Promise链产生任何影响。

“值穿透”的意思是，传入的非函数值会被忽略。

代码举例：

const myPromise = new Promise((resolve, reject) => {resolve('Hello');
});myPromise.then('Invalid Argument').then(res1 => {console.log('res1:', res1);return 'World';}).then(res2 => {console.log('res2:', res2);});

打印结果：

res1: Hello
res2: World

Promise 实例的 catch() 方法

catch()方法是 Promise实例上的一个方法。它其实是放在Promise的原型上的 Promise.prototype.catch。

catch() 方法的参数

catch()方法可以接收一个参数。这个参数是一直处于监听状态的回调函数。当 Promise 的状态为 rejected（任务执行失败）时会立即执行这个回调函数。

代码举例：

const promise = new Promise((resolve, reject) => {reject('qianguyihao reject');
});promise.then(res => {console.log('res:', res);}).catch(err => {console.log('err:', err);});

打印结果：

err: qianguyihao reject

catch() 方法可以被多次调用

一个 Promise 的 catch() 方法可以被多次调用。每次调用时我们都可以传入对应 rejected 状态的回调函数。当 Promise 的状态变为 rejected 时，这些回调函数都会被执行。

catch() 被调用多次的伪代码：

const myPromise = new Promise();myPromise.catch();
myPromise.catch();
myPromise.catch();

代码举例：

const myPromise = new Promise((resolve, reject) => {reject('qianguyihao rejected');
});myPromise.catch(err => {console.log('失败回调1');console.log('err1:', err);
});myPromise.catch(err => {console.log('失败回调2');console.log('err2:', err);
});myPromise.catch(err => {console.log('失败回调3');console.log('err3:', err);
});

打印结果：

失败回调1
err1: qianguyihao rejected失败回调2
err2: qianguyihao rejected失败回调3
err3: qianguyihao rejected

代码解释：

当 myPromise 状态为 rejected 时，下面的四个 catch() 方法都在监听，所以这四个 catch() 方法都会收到状态确定的通知，进而都会执行。

catch() 方法的返回值（重要）

与 then() 方法类似，catch()方法默认也是有返回值的，它会返回一个新的Promise对象。因为 catch()方法的返回值永远是一个 Promise 对象，所以我们才可以对它进行链式调用。

Promise 链式调用的伪代码：

// 伪代码
myPromise.then().then().catch().then()

上方代码中，因为 myPromise.catch() 的返回值本身就是一个 Promise，所以才可以继续调用 then()、继续调用 catch()。

与 then() 方法类似，catch()方法返回的 Promise 对象处于什么状态呢？catch()方法的参数里，是一个回调函数。这取决于回调函数的返回值是什么。情况如下：

1、当catch()方法中的回调函数在执行时，那么Promise 处于 pending 状态。

2、当 catch方法中的回调函数中，手动 return 一个返回值时，那么 Promise 的状态取决于返回值的类型。当返回值这行代码执行完毕后， Promise 会立即决议，进入确定状态（成功 or 失败），进而触发下一个then/catch 函数的执行。同时可以给下一个 then/catch 传递参数。具体情况如下：

  • 情况1：如果没有返回值（相当于 return undefined），或者返回值是普通值/普通对象，那么 Promise 的状态为fulfilled。这个值会作为then()回调的参数。

  • 情况2：如果返回值是另外一个新的 Promise，那么原 Promise 的状态将交给新的 Promise 决定。这两个Promise 的状态一致。

  • 情况3：如果返回值是一个对象，并且这个对象里有实现then()方法（这种对象称为 thenable 对象），那就会执行该then()方法，并且根据then()方法的结果来决定Promise的状态。

还有一种特殊情况：

  • 情况4：当catch()方法传入的回调函数遇到异常或者手动抛出异常时，那么， Promise 处于rejected 状态。

小结：catch()方法里，我们可以通过 return 传递结果给下一个新的Promise。

默认返回值

如果catch()方法的回调函数里没写返回值（相当于 return undefined），那么catch()方法的返回值是一个新的Promise。新 Promise 的状态为fulfilled，其then()方法里，res的值为 undefined。

代码举例：

const myPromise = new Promise((resolve, reject) => {reject('qianguyihao rejected');
});myPromise.catch(err => {console.log('err:', err);/*这里虽然什么都没写，底层默认写了如下代码：return new Promise((resolve, reject) => {resolve(undefined); // resolve() 的参数是空})*/}).then(res => {console.log('res:', res);});

打印结果：

err: qianguyihao rejected
res: undefined

返回普通值

我们也可以在 catch()方法的回调函数里，手动 return 自己想要的数据，比如一个普通值 value1。这个普通值就可以传递给下一个新的Promise。新 Promise 的状态为fulfilled，其then()方法里，res的值为 value1。

代码举例：

const myPromise = new Promise((resolve, reject) => {reject('1号');
});myPromise.catch(err => {console.log('err1:', err);return '2号';/*上面这行 return，相当于：return new Promise((resolve, reject)=> {resolve('2号');})*/}).then(res => {console.log('res2:', res);}).then(res => {console.log('res3:', res);});

返回结果：

err1: 1号
res2: 2号
res3: undefined

catch() 方法的执行时机

Promise 抛出 rejected 异常时，一定要捕获并处理

当 Promise 状态为 rejected 时，表示抛出异常，如果不处理失败的回调，行不行呢？不行，会报错。代码举例：

      const promise = new Promise((resolve, reject) => {// 在这里抛出异常reject('qianguyihao reject');});promise.then(res => {console.log('res:', res);});

image-20230521135912267

这个报错的意思是：未捕获 rejected 失败状态的 Promise 异常。必须要加一个 catch() 进行捕获。

书写 Promise 时，比较好的习惯是，无论如何都要在末尾写一个 catch() 方法。

可在 then() 中通过 throw 抛出异常

先来看一段代码：

const myPromise = new Promise((resolve, reject) => {resolve('aaa');
});myPromise.then(res => {console.log('res1:', res);// 如果我想在这里 return 一个失败状态的promise，该怎么做？}).then(res => {console.log('res2:', res);}).catch(err => {console.log('err:', err);});

注意看注释，如果在那个位置return 一个失败状态的Promise，该怎么做？

做法1：

return new Promise((resolve, reject)=> {reject('第二个 promise 执行失败');
})

做法2：

throw new Error('第二个 Promise 执行失败');

做法2比做法1更为常用，完整代码如下：

const myPromise = new Promise((resolve, reject) => {resolve('aaa');
});myPromise.then(res => {console.log('res1:', res);// 抛出异常：相当于 return 一个失败状态的 Promisethrow new Error('第二个 Promise 执行失败');}).then(res => {console.log('res2:', res);}).catch(err => {console.log('err:', err);});

打印结果：

res1: aaa
err: Error: 第二个 Promise 执行失败

当通过 throw 抛出异常后，当前 then() 里的后续代码会暂停执行，后续的 then() 也会暂停执行，直接往后走到最近的 catch()。

throw 这种写法在实战开发中很常用，需要理解并记住。

找到最近的 catch() 去执行

我们先来看一段代码：

const myPromise = new Promise((resolve, reject) => {reject('qianguyihao rejected');
});myPromise.then(res => {console.log('res1:', res);}).then(res => {console.log('res2:', res);}).catch(err => {console.log('err:', err);});

打印结果：

err: qianguyihao rejected

上方代码中的 catch() 是属于哪个 Promise 实例的方法呢？其实没有严格的界限。它既可以捕获 myPromise的异常，也可以捕获那两个 then()的异常，就是这么灵活。

再来看一段代码：

const myPromise = new Promise((resolve, reject) => {resolve('qianguyihao fulfilled');
});myPromise.then(res => {console.log('res1:', res);// 遇到异常（或者任务失败）后，会找到最近的 catch() 去执行throw new Error('not login')}).then(res => {console.log('res2:', res);}, err => {console.log('err2:', err);}).catch(err => {console.log('err3:', err);});

打印结果：

res1: qianguyihao fulfilled
err2: Error: not login

请记住，myPromise 的状态变为失败时，它会找到最近的那个失败回调函数并执行。这是 Promise的内部机制。

处理失败状态的两种写法

我们有两种写法可以捕获 Promise的失败/异常状态：

  • 写法 1：单独写 catch() 方法作为失败的回调函数。

  • 写法 2：then()方法里可以传两个参数，第⼀个参数是成功时的回调函数，第⼆个参数是失败时的回调函数。

代码格式

这两种写法的代码格式如下：

// 第一步：model层的接口封装
const myPromise = new Promise((resolve, reject) => {// 这里做异步任务（比如 ajax 请求接口，或者定时器），然后执行 resolve 或者 reject。......
});const onFulfilled = (res) => {console.log(res);
};const onRejected = function (err) {console.log(err);
};// 写法1：通过 catch 方法捕获失败状态的Promise
myPromise.then(onFulfilled).catch(onRejected);// 写法2：then()方法里可以传两个参数，第⼀个参数是成功时的回调函数，第⼆个参数是失败时的回调函数。
myPromise.then(onFulfilled, onRejected);

注意事项：

1、上面这两种写法是等价的，选其中一种写法即可。这两种写法几乎没有区别。

2、有一点点区别：

  • myPromise.then(onFulfilled).catch(onRejected)：既可以捕获到 myPromise 的异常，也可以捕获到 then() 里面的异常（划重点）。

  • myPromise.then(onFulfilled, onRejected)：只能捕获到 promise的异常，无法捕获then()里面的异常。

知识拓展：myPromise.catch().then()这种写法，只能捕获到 myPromise 里面的异常。

代码举例

这两种写法在实战开发中的代码举例如下：

function myPromise() {return new Promise((resolve, reject) => {// 这里做异步任务（比如 ajax 请求接口，或者定时器）......});
}// 写法1
myPromise().then((res) => {// 从 resolve 获取正常结果console.log('接口请求成功时，走这里');console.log(res);}).catch((err) => {// 从 reject 获取异常结果console.log('接口请求失败时，走这里');console.log(err);}).finally(() => {console.log('无论接口请求成功与否，都会走这里');});// 写法 2：（和写法 1 等价）
myPromise().then((res) => {// 从 resolve 获取正常结果console.log('接口请求成功时，走这里');console.log(res);},(err) => {// 从 reject 获取异常结果console.log('接口请求失败时，走这里');console.log(err);}).finally(() => {console.log('无论接口请求成功与否，都会走这里');});

代码解释：写法 1 和写法 2 的作用是等价的。只不过，写法 2 是把 catch 里面的代码作为 then 里面的第二个参数而已。

Promise 实例的 finally() 方法

finally() 方法是在ES9（ES 2018）中新增的一个特性，表示 Promise 对象无论变成 fulfilled 状态 还是 rejected 状态，finally() 里传入的回调函数都会被执行。

finally() 里可传入一个参数，这个参数是一个回调函数。回调函数不传参数，因为前面无论是 fulfilled 状态，还是 rejected状态，这个回调函数都会执行。

finally() 方法很实用，可以避免我们写很多重复代码，它的执行时机也有很重要的应用场景。

代码举例：

const promise1 = new Promise((resolve, reject) => {resolve('promise1 fulfilled');
});const promise2 = new Promise((resolve, reject) => {reject('promise2 rejected');
});promise1.then(res => {console.log('res1:', res);}).catch(err => {console.log('err1:', err);}).finally(() => {console.log('promise1 决议后都会执行的代码');});promise2.then(res => {console.log('res2:', res);}).catch(err => {console.log('err2:', err);}).finally(() => {console.log('promise2 决议后都会执行的代码');});

打印结果：

res1: promise1 fulfilled
err2: promise2 rejected
promise1 决议后都会执行的代码
promise2 决议后都会执行的代码

Promise的其他写法

写法1

Promise 规范

Promise 是⼀个拥有 then ⽅法的对象或函数。任何符合 promise 规范的对象或函数都可以成为 Promise。

关于 promise 规范的详细解读，可以看下面这个链接：

  • Promises/A+ 规范：Promises/A+

  • 【翻译】Promises/A+规范：图灵社区

希望各位可以点个赞点个关注，这对up真的很重要，谢谢大家啦！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/9479.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

PyTorch机器学习实现液态神经网络

PyTorch机器学习实现液态神经网络

大家好，人工智能的发展催生了神经网络这一强大的预测工具，这些网络通过数据和参数优化生成预测，每个神经元像逻辑回归门一样工作。结合反向传播技术，模型能够根据损失函数来调整参数权重，实现自我优化。 然而&#xf…
阅读更多...
等保测评技术方案

等保测评技术方案

等保，即“网络安全等级保护”，是中国实施的一项信息安全保护制度，旨在对不同重要性的信息和信息系统实行分等级保护，保障国家安全、社会秩序以及公共利益。等保技术方案是指为了达到国家网络安全等级保护标准要求，针对…
阅读更多...
Mock.js 问题记录

Mock.js 问题记录

文章目录 Mock.js 问题记录1. 浮点数范围限制对小数不起效2. increment 全局共用 Mock.js 问题记录 最新写网页的时候引入了 Mock.js 来生成模拟数据； Mock使用起来很方便，具体可以参考 官网 很快就能上手， 但是这个项目最近一次提交还是在2…
阅读更多...
誉天教育近期开班计划

誉天教育近期开班计划

云计算HCIE 晚班 2024/5/13 大数据直通车 周末班 2024/5/25 数通直通车 晚班 2024/5/27 云服务HCIP 周末班 2024/6/1 云计算HCIP 周未班 2024/6/1 RHCA442 晚班 2024/6/17 周末班：周六-周日9:00-17:00晚 班：周一到周五19:00-21:30注&…
阅读更多...
@Test测试Mapper接口报错java.lang.NullPointerException

@Test测试Mapper接口报错java.lang.NullPointerException

Test测试Mapper接口报错java.lang.NullPointerException 报错原因：没有注入依赖 解决方法：在测试类上面添加SpringBootTest
阅读更多...
winform图书销售管理系统+mysql

winform图书销售管理系统+mysql

winform图书销售管理系统mysql数据库说明文档 运行前附加数据库.mdf（或sql生成数据库） 功能模块： 管理员:ttt 123 登陆可以操作我的 个人信息 修改密码 用户信息 添加删除用户 图书 添加删除图书信息 购物车 购买订单信息 充值 退出账户 …
阅读更多...
【SRC实战】遍历手机号给全站用户发放优惠券

【SRC实战】遍历手机号给全站用户发放优惠券

挖个洞先 https://mp.weixin.qq.com/s/m8ULZ52p1q_mKrCRnaI_7A “ 以下漏洞均为实验靶场，如有雷同，纯属巧合 ” 01 — 漏洞证明 一、遍历手机号 “ 没有验证码二次校验的漏洞如何扩大危害？” 1、输入手机号码，领取优惠券场景…
阅读更多...
笨方法自学python（六）

笨方法自学python（六）

上一节中出现了\n，这个作用是换行。\后面带不同字符有不同的作用，我们先简单了解几个， 使用反斜杠 \ (back-slash) 可以将难打印出来的字符放到字符串。针对不同的符号有很多这样的所谓“转义序列(escape sequences)”，我们来练习…
阅读更多...
哇哦，一个超级牛逼的图片格式！！使用它之后我们系统加载图片快了一倍！！！ 图片格式转换webp学习！

哇哦，一个超级牛逼的图片格式！！使用它之后我们系统加载图片快了一倍！！！ 图片格式转换webp学习！

什么是webp格式？ WebP 格式是一种图像文件格式。 它是由谷歌开发的，旨在提供一种高效的图像压缩方式，同时保持较好的图像质量。WebP 格式具有较小的文件体积，能够在一定程度上减少网络传输的数据量，提升网页加载速度…
阅读更多...
数据链路层之 以太网协议

数据链路层之 以太网协议

以太网协议 这个协议即规定了数据链路层，同时也规定了物理层的内容。平时使用到的网线，其实也叫做“以太网线”（遵守以太网协议的网线）。 以太网帧格式 以太网数据帧 帧头 载荷 帧尾。 帧头：目的地址、源地址、类型…
阅读更多...
SpringMVC传递参数

SpringMVC传递参数

1.RequestMapping RequestMapping本身可以处理，get或post,指定了get或post之后，就只能处理对应的请求。 RequestMapping(value{"haihiyo","goodMoring"},methodRequestMethod.POST)2.RestFul风格 RestFul是一种风格 比如:网站的访…
阅读更多...
人脸可调色美颜SDK解决方案，让妆容更加自然、真实

人脸可调色美颜SDK解决方案，让妆容更加自然、真实

在追求个性化和差异化的美妆时代，美摄科技以其前沿技术，为企业带来了一场美妆革新的风暴。我们全新推出的人脸可调色美颜SDK解决方案，将为您提供前所未有的美妆体验，让每一位用户都能轻松打造属于自己的独特妆容。 可调色技术&am…
阅读更多...
护肤升级：如何选择最适合您的AI皮肤技术解决方案？

护肤升级：如何选择最适合您的AI皮肤技术解决方案？

在不断变化的护肤行业中，人工智能技术的整合已经彻底改变了企业满足个人护肤需求的方式。了解人工智能在美容行业的重要性以及提供的解决方案，是选择最合适的解决方案至关重要的。领先的主要参与者之一是玩美移动，他们提供了一套全面的AI皮肤…
阅读更多...
有了这张“表”，印章什么情况契约锁帮您一查便知

有了这张“表”，印章什么情况契约锁帮您一查便知

随着电子签章的普及，企业法人、印章管理员最关心的问题就是“印章现在怎么样了”。等人汇报不仅存在时差、整理起来工作量大、数据精准性也没法保证… 契约锁推出“印章数据看板”，帮您连接各类业务软件，将所有真实印章操作数据自动沉淀下来&…
阅读更多...
武汉星起航：五对一精细化服务助力合作伙伴开启亚马逊新篇章

武汉星起航：五对一精细化服务助力合作伙伴开启亚马逊新篇章

武汉星起航电子商务有限公司以其专业的服务和独特的模式，为合作伙伴在亚马逊自营领域开拓了一片新天地。自2017年专注于亚马逊自营以来，武汉星起航不仅积累了丰富的经验，更在2020年成立了武汉星起航电子商务有限公司，进一步提升了…
阅读更多...
Python深度学习基于Tensorflow（8）自然语言处理基础

Python深度学习基于Tensorflow（8）自然语言处理基础

RNN 模型 与前后顺序有关的数据称为序列数据，对于序列数据，我们可以使用循环神经网络进行处理，循环神经网络RNN已经成功的运用于自然语言处理，语音识别，图像标注，机器翻译等众多时序问题；RNN模…
阅读更多...
k8s 使用Docker和Containerd对比分析

k8s 使用Docker和Containerd对比分析

目录 k8s 使用Docker和Containerd对比分析 互动1：docker build构建的镜像和containerd镜像通用吗？ 互动2：k8s1.24之前版本和1.24及1.24之后版本区别？ k8s 使用Docker和Containerd对比分析 如果你使用Docker作为K8S容器运行时的…
阅读更多...
企业内外网隔离后的文件传输解决方案

企业内外网隔离后的文件传输解决方案

一、企业为什么要进行内外网隔离 在当今信息化快速发展的时代，企业内部网络的构建和管理显得尤为重要。为了更好地保护企业信息安全和提高工作效率，许多企业选择将网络划分为内网和外网。那么，企业划分内外网的作用具体体现在哪些方面呢&…
阅读更多...
图片批量高效美化，轻松为图片进行消浊美化，让图片焕然一新

图片批量高效美化，轻松为图片进行消浊美化，让图片焕然一新

图片已经成为我们传递信息、表达情感的重要媒介。无论是社交媒体的分享，还是工作文档的展示，精美的图片总能吸引更多人的目光。然而，对于许多人来说，图片的美化却是一个令人头疼的问题。一张张手动调整，既耗时又费力&a…
阅读更多...
数学AI解题软件有哪些？一分钟分享4款工具

数学AI解题软件有哪些？一分钟分享4款工具

数学AI解题软件有哪些？数学AI解题软件在现代教育中扮演着越来越重要的角色，它们不仅为学生提供了前所未有的解题速度和准确性，还通过个性化的学习建议和资源推荐，促进了学生的自主学习和深度学习。这些软件不仅提高了教育效率&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023