Eson Wong's Blog

本文将介绍使用 webpack 打包的 web 应用如何在更新时只需下载有变动的模块。

fetch 无法获取上传文件的进度

目前 fetch 没有类似 XMLHttpRequest 实例的 upload.onprogress, 所以需要现实上传进度的话需要使用 XMLHttpRequest 来上传文件。
相关讨论

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 上的项目进行持续集成。这对于 Github 上公开的仓库是免费的，私有仓库有服务器运行时间和存储空间的限制，具体请看 about billing for github actions。

教程

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

简介

如果控制合并运算符 ?? 左边的值为 null 或 undefined ，表达式会返回控制合并运算符右边的值，否则返回左边的值。

已经进入 stage 4(Finished) 阶段，等待加入标准。

可选链提案

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

动态导入，ECMAScript import() 提案

ECMAScript 有一项允许使用 import() 方法传入 url 返回 Promise 动态导入 ES 模块的提案。已经进入 stage 4(Finished) 阶段，等待加入标准。