Records every bit of Web Development

AutocJs

AutocJs 是一个专门用来生成文章导读（Table of Contents）导航的 JavaScript 工具（原 autocjs 的重构版本）。AutocJs 采用原生 JavaScript 编写，不依赖任何第三方 JavaScript 库。AutocJs 会自动查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，生…

由Yaohaixiao， 前

认识 HTTP 中的多部分对象集合

当我们在写电子邮件的时候，可以在邮件中编写文字和添加多个附件。这是应为电子邮件中采用了 MIME（Mulitpurpose Internet Mail Extensions – 多用途英特网邮件扩展）的机制。允许邮件处理文本、图片和视频等多种类型的数据。在 MIME 扩展中会使用称为多部分对象集合（Mulitpart）的方…

由Yaohaixiao， 前

认识 HTTP 中的内容协商机制

HTTP 中的内容协商机制（Content Negotitation）是指客户端和服务器端就响应的内容进行交涉，然后服务端提供给客户端最为合适的资源。内容协商会以响应资源的语言、字符集、编码方式等作为判断基准。

仅仅看内容协商机制的定义，可能还不是很清楚它到底是什么。举例来说，浏览器会根据自己默认语言（我的为中文），在访问某…

由Yaohaixiao， 前

认识 HTTP 报文

HTTP 报文是用于 HTTP 协议交互的信息。请求端（客户端）的 HTTP 报文叫做请求报文，响应端（服务端）的则叫做响应报文。HTTP 报文本身是由多行（用空行：CR + LF 作为换行符）数据构成的字符串文本。

HTTP 报文大致可分为报文首部和报文主体两块，两者之间由空行（CR + LF）分割开。但 HTTP 报文也可以没有主体，只有报文首…

由Yaohaixiao， 前

认识 HTTP/1.1 协议中使用的方法

在 HTTP/1.1 协议所有可以被使用到的方法中，相信大家最熟悉的就是 GET 和 POST 这两个方法了。其实，除了 GET 和 POST 方法之外，在 HTTP 1.1 协议中还有很多其它的方法，例如：PUT、DELETE、HEAD、OPTIONS 等等。这些不同方法的作用在于，可以指定请求的 URI 资源按期望产生某种行为。本文就来介绍一下 H…

由Yaohaixiao， 前

parseURL.js

parseURL.js 提供一个 parseURL() 函数方法，可以很方便快速地解析出 URL 字符串中的各个信息，并将解析出的 URL 信息作为一个对象返回。返回的对象中包含的 URL 信息有：href、origin、username、password、hostname、port、host、pathname、search、path 和 …

由Yaohaixiao， 前

如何使用 JavaScript 解析 URL？

URL 是 Uniform Resource Locator 的缩写，即统一资源定位符。URL 就是一个给定的独特资源在 Web 上的地址。如果你从事 Web 前端开发有一段时间了，相信一定会遇到需要使用 JavaScript 解析 URL 地址信息的时候。本文就介绍一下如何使用 JavaScript 解析 URL。

在《认识 URI 与 URL》一文中具体介…

由Yaohaixiao， 前

认识 URI 与 URL

与 URI（Uniform Resource Indentifier：统一资源标识符） 相比，大多数人可能更熟悉 URL（Uniform Resource Locator：统一资源定位符）。两者有什么区别吗？如果直接从中文翻译名称来看，它们之间的不同就在于“标识”和“定位”两个词语的差别。那么“标识”和“定位”的却别究竟在哪里呢？本…

由Yaohaixiao， 前

使用 preload 和 prefetch 预加载关键资源

提到前端性能优化，我们通常会想到启用压缩，压缩资源文件大小。或者启用浏览器缓存，可以起到较少 HTTP 请求，优化资源加载速度的效果，但这些手段主要提升重复访问相同资源时的加载速度。默认情况下，浏览器只会先加载 HTML 中声明的资源。如果没有声明，浏览器是不会提前加载资源的。那有没有什么办法能提前加载页面所需资源，优化首次的…

由Yaohaixiao， 前