Eson Wong's Blog

ES6 加入了 Class 的语法，Class 的大部分功能 ES5 都可以做到，我们可以把 class 看作是一个语法糖。本篇文章我们一步步来看看 Babel 是怎么把 class 转换成 ES5 语法的。

简介

本篇部分内容已过时，安装 Network RC 和使用内置穿透的教程见 Network RC - 制作教程。

上篇[WiFi/4G/5G 网络遥控车制作教程]介绍了在局域网下控制遥控车，要实现远程控制，必须让遥控车在互联网上可以访问遥控车。

本教程教大家如何让遥控小车接入移动互联网实现 4G/5G 网络无限距离遥控。

简介

本篇部分内容已过时，安装 Network RC 和使用内置穿透的教程见 Network RC - 制作教程。

本教程介绍使用树莓派和遥控车制作一台可以通过网络控制的遥控车。软件使用我开发的 network-rc。

材料

• 树莓派 3B+ (300 元)
• 树莓派摄像头 (15 元) / ps3 摄像头 (40 远)
• 移动电源 (60 元) / USB 输出降压模块 (?元)
• 环奇 743A (286 元，某宝上找不到了, 3 线 PWM 信号的电调和舵机的车都可以)
• 杜邦线(公对公 x1, 公对母 x4) (3 元)
• 其它固定材料

介绍

HTTP 状态码是指 HTTP 响应报文里状态行里的 Status-Code，用于指示特定 HTTP 响应的状态和类型。

HTTP 响应报文状态行由 HTTP-Version、Status-Code、Reason-Phrase 组成：

1

HTTP/1.1 200 OK

HTTP Header 中的缓存相关字段

HTTP 请求和响应都包含 header 和 body 两个部分, 缓存相关的字段存在于 header 当中。HTTP 响应 header 中包含 Expires、Cache-Control、Last-Modified、Etag，请求 header 中包含 If-Modified-Since、If-None-Match。

我们很难坚持一件事情

我们总会高估自己短时间能达成目标，造成挫败感；且低估长时间可以达成的成就，失去信心。因此我们要正确的认识自己的能力，并用一些切实可行的方法来帮助我们坚持下去。

本文将介绍使用 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 服务器上。