let controller = new AbortController();
setTimeout(() => controller.abort(), 1000);
try {
let response = await fetch('路径', {
signal: controller.signal
});
} catch(err) {
if (err.name == 'AbortError') {
console.log('Aborted!');
} else {
throw err;
目录了解fetch没有fetch时我们获取异步资源的方式：使用fetch后我们获取异步资源的方式fetch的语法fetch的Response对象1.同步属性2.判断请求是否成功发出3.操作标头4.读取Response对象内容的方法5.创建副本（clone）6.底层接口定制HTTP请求取消fetch请求了解fetch- Fetch API 提供了一个获取资源的接口（包括跨域请求），用于取代传统的XMLHttpRequest的，在 JavaScript 脚本里面发出 HTTP 请求。- 目前还没有被所有
文章目录文章参考fetch 基本用法参数说明fetch 接收两个参数fetch 返回的是一个包含Response对象的Promise对象，并不能直接获取后台的数据fetch 传递参数的方式传递JSON字符串的方式（后台使用@RequestBody修饰接收参数）传递FormData对象的方式（后台没有@RequestBody修饰接收参数）
使用 Fetch MDN
fetch 基本用法...
在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。
在 AJAX 时代，进行 API 等网络请求都是通过 XMLHttpRequest 或者封装后的框架进行网络请求。
现在产生的 fetch 框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目前会有一点浏览器兼容的问题，但是当我们进行 Hybrid App 开发的时候
文章目录fetch 基本使用Response 对象1、同步属性2、判断请求3、操作标头4、读取内容5、创建副本6、底层接口定制 HTTP 请求取消 fetch 请求
fetch 基本使用
Fetch API 提供了一个获取资源的接口（包括跨域请求），用于取代传统的XMLHttpRequest的，在 JavaScript 脚本里面发出 HTTP 请求。
目前还没有被所有浏览器支持，如果考虑低版本浏览器的问题的话，引入https://github.com/github/fetch/blob/master/f
fetch 是一种 HTTP 数据请求的方式，是 XMLHttpRequest 的一种替代方案。
fetch 不是 ajax 的进一步封装，没有使用 XMLHttpRequest对象。fetch 是原生 JavaScript。
fetch 与 ajax 的区别：
fetch()返回的promise将不会拒绝http的错误状态，即使响应是一个HTTP 404或者500——当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reje
faceDetection-JS
使用jsfeat进行有趣的实验。
一个简单的Web应用程序，用于在图片中寻找可能是人脸的特征。 对光线非常敏感，实际上仅适用于正面拍摄。 不过，还真棒。
js feat提供了可在浏览器中运行的计算机视觉JavaScript算法！ 好吧。 您的浏览器必须支持WebRTC。 Chrome本身就是这样做的。 IE和Safari将使用插件来执行此操作。
您需要将连接的相机连接到计算机才能正常运行。
现场演示在这里： :
学分以及有关jsfeat的更多信息： ://inspirit.github.io/jsfeat/
注意：所有示例均在带有箭头功能的 ES6中给出。
当前的Web /移动应用程序中的一种常见模式是从服务器请求或显示某种数据（例如用户，帖子，评论，订阅，付款等），然后使用CRUD（创建-Create，阅读-Retrieve，更新-Update或删除-Delete）操作。
为了进一步操作资源，我们经常使用这些JS方法（推荐），例如 .map()， .filter()和 .reduce()。
一下就是我们要解决的问题:
处理JS的异步HTTP请求
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
其中，url 是请求的地址，fetch 函数返回一个 Promise 对象，可以通过 then 方法获取响应，catch 方法捕获错误。
在 then 方法中，我们可以通过 response.json() 方法将响应的数据转化为 JSON 格式，然后在后续的 then 方法中进行处理。如果响应的数据不是 JSON 格式，可以使用 response.text() 方法或 response.blob() 方法进行转化，具体根据实际情况选择。
在 catch 方法中，我们可以捕获请求过程中的错误，例如网络错误等。
fetch 函数还支持配置选项，例如请求方法、请求头、请求体等，这些选项可以通过传递一个配置对象作为 fetch 函数的第二个参数来实现。例如：
```javascript
fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
body: JSON.stringify({
username: 'admin',
password: '123456'
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
这里通过配置选项指定了请求方法为 POST，请求头中包含了 Content-Type，请求体中包含了一个 JSON 对象。
