苍青浪

摘要： 导语 如果你的工具型面对的对象有很丰富的场景需求，或者不想再为频繁的增减需求而频繁迭代，是时候考虑为你的系统设计一款插件系统。 插件机制 插件机制： Core-Plugin 架构的组成 Core：基础功能，提供插件运行的环境，管理插件的注册与卸载（可拔插）以及运行，也即管理插件的生命周期。 Plug 阅读全文

摘要： 前言 JavaScript 属于单线程语言，所有任务都跑在主线程上，若主线程阻塞，后续任务将无法执行。既然是单线程，那为何我们在使用过程中主观感知却是“多线程”？ 事件循环 主要由于 JavaScript 提供了 事件循环 机制，我们在发起异步请求或定时等操作后，处理完地回调会放入任务队列，在执行栈 阅读全文

摘要： 经常抓包看 HTTP 请求的同学应该对 Vary 这个响应头字段并不陌生，它有什么用？用 PageSpeed 工具检查页面时，经常看到「Specify a Vary: Accept-Encoding header（请指定一个 Vary: Accept-Encoding 标头）」这样的建议，为什么要这 阅读全文

摘要： postcss 是 css 的 transpiler（转换编译器，简称转译器），它对于 css 就像 babel 对于 js 一样，能够做 css 代码的分析和转换。同时，它也提供了插件机制来做自定义的转换。 这一节，我们通过一个 px 自动转 rem 的功能来入门一下 postcss 的插件。 p 阅读全文

摘要： Linux是一个多任务的操作系统，可以支持远大于CPU数量的任务同时运行，但是我们都知道这其实是一个错觉，真正是系统在很短的时间内将CPU轮流分配给各个进程，给用户造成多任务同时运行的错觉。所以这就是有一个问题，在每次运行进程之前CPU都需要知道进程从哪里加载、从哪里运行，也就是说需要系统提前帮它设 阅读全文

摘要： Wasm 在开始之前，我们还是先来回顾下 Wasm: WebAssembly 是一种二进制指令格式，简称为 Wasm，它可以运行在适用于堆栈的虚拟机上。 WebAssembly 存在的意义就是成为编程语言的可移植编译目标，让在 Web 上部署客户端和服务端应用成为可能。 Wasm 具有紧凑的二进制格 阅读全文

摘要： 在优化网站打开速度上，我们有很多的方法，而其中一个就是减少诸如Javascript和CSS等资源文件的大小，而减少文件大小的方法除了在代码上下功夫外，最常用的方法就是使用压缩算法对文件进行压缩。 目前，网站普遍使用的是gzip压缩算法，当然你可能还知道deflate和sdch算法，但是最近两年新兴了 阅读全文

摘要： 开发者可以控制浏览器资源的加载顺序，但这种控制的粒度能做到多细呢？ 本文来聊聊资源加载优先级的问题。 浏览器解析资源的优先级 当浏览器开始解析网页，并开始下载图片、Script 以及 CSS 等资源的时候，浏览器会为每个资源分配一个代表资源下载优先级的 fetch priority 标志。 而资源下 阅读全文

摘要： 导语 通过这篇文章可以大致了解 Whistle 的实现原理，并学习如何实现一个简单的抓包调试工具。 项目 Github 地址：https://github.com/avwo/whistle Whistle 是基于 Node.js 实现的跨平台 Web 抓包调试（HTTP）代理，主要功能： 实时抓包： 阅读全文

摘要： Elastic Search 为了避免深分页，不允许使用分页（from + size）查询 10000 条以后的数据，因此如果要查询第 10000 条以后的数据，要使用 Elastic Search 提供的 scroll 游标 来查询 1. 为什么不能使用 from + size 进行深分页查询？ 阅读全文