博客

2019-06-10

[ 开发工具 ] Babel 配置入门教程

Babel 是一个 ECMAScript 编译器,可以将新一代的 ES 语法转为旧一代的 ES 语法,甚至是转换 ES 的超集语言(如 jsx, typescript 等)为 ECMAScript 代码。截止发稿日期,Babel 的版本号为 7.4.x。在没有特殊说明的情况下,我将在此版本上进行介绍。 目前,所有的 Babel 7.x 版本的官方 npm 包都在 @babel 命名空间下。...

2019-05-19

[ HTML5 API ] PWA: 渐进式 Web 应用

虽然我将这篇文章归到 HTML5 API 这一分类中,但确切的说 PWA 并不是单一API,而是对多种API的综合应用。特别的,一个完整的 PWA 需要两个特别的文件——服务线程(一般为 ervice-worker.js )和Web应用清单(一般为 manifest.json 或 manifest.webmanifest ),本文将主要对这两个文件展开介绍...

2019-03-29

[ 服务器 ] Let's Encrypt 通配符证书申请教程

部署https服务器时,我们需要申请证书。当我们使用同一域名的多个子域名时,可以选择多个单域名证书、一个泛域名证书或者一个通配符证书,而对于使用子域名特别多或者不确定以后还要采用什么子域名的时候,通配符证书显然是最合适的。此教程将带你使用 certbot-auto 申请免费的通配符证书...

2018-09-04

[ HTML5 API ] HTML5 协议处理: Web-based Protocol Handlers

获取资源,是利用Web最重要的功能之一,但随着现代也有越来越多的应用改用Web设计,而这些应用中,是有不少原本可以处理其他协议的(例如邮箱应用可以处理 mailto: 协议),如果通过处理其他协议,需要手动复制粘贴或者需要先手动转成 http(s): 协议,显然是不方便的。为了解决这个问题,HTML5引入了“Web-based Protocol Handlers”,以便于直接点击其他协议的链接就可以直接用Web应用打开并处理...

2018-08-07

[ HTML5 API ] HTML5 指针锁定API: Pointer Lock API

指针锁定(以前叫做鼠标锁定) 是一种输入方法,这种方法是基于指针的相对位移(movement),而不仅是指针的绝对位置。此API将鼠标指针锁定到特定元素上(同时将指针光标从视图中移除),并获取原始的指针位移,这样就能不受元素边界的约束而无限移动,且不会移出元素...