如何终止 fetch 请求

fetch 介绍

fetch 以返回 Promise 方式替代 XMLHttpRequest 实现的异步请求。可以使代码书写显得更简介。

1
2
3
const data = await fetch(url).then(respones =>{
return response.json();
})

我们通常要使用 fetch polyfill ,以确保可以在使用 fetch 时可以兼容常用浏览器。

AbortController 介绍

如果我们需要手动终止 fetch 发出的请求。则需要使用 AbortController

继续阅读全文 »

使用 Github Actions 部署前端项目到

Github Actions 简介

GitHub Actions 是 Github 推出的一项服务。提供了虚拟服务器环境和 Actions 市场,用于 github 上的项目进行持续集成。这对于 Github 上公开的仓库是免费的,私有仓库有服务器运行时间和存储空间的限制,具体请看 about billing for github actions

教程

下面介绍怎么如使用 GitHub Actions 部署一个前端项目到 linux 服务器上。

继续阅读全文 »

Ecmascript 提案:可选链 "?."

可选链提案

可选链 Optional Chaining 是一项方便读取对象属性值的 ECMAScript 语法提案。它将检测将要读取属性所属的对象是否为 null 或者 undefined,如果是将会返回 undefinde, 另外也可调用方法时用作于检测方法是否存在,如果存在则执行。已经进入 stage 4(Finished) 阶段,等待加入标准。

继续阅读全文 »