本文不讨论 Server Push 是什么，也不讨论如何使用 Server Push。 之前我在《开始使用 HTTP/2》这篇文章中写到： 如果服务端想要推送的资源本地已经缓存过，客户端会发送 RST_STREAM 告诉服务端不要再传了。不过根据我的观察，H2O 服务端在收到 RST_STREAM 之前，已经发出了资源，造成了流量的浪费。具体原因，我正在向 H2O 作者求证。 我给 H2O 项目提了一个 issues 询问此事，得到了 H2O 的作者 Kazuho Oku，aria2 的作者 Tatsuhiro Tsujikawa，以及《High-Performance Browser Networking》的作者 Ilya Grigorik 的回答。基本搞明白了这个问题，本文记录一下。[...]
ThinkJS 中的 Behavior 介绍
ThinkJS（官网 | GitHub）的核心架构是 CBD（核心 Core + 行为 Behavior + 驱动 Driver）模式。核心包含通用函数库、系统默认配置、核心类库等运行 ThinkJS 必不可少的部分；行为是 ThinkJS 扩展机制中很关键的一部分，也是本文重点要介绍的内容；除了核心和行为之外，ThinkJS 其他功能都是通过驱动来实现的，例如 Cache、Session、DB 等。 ThinkJS 把响应用户请求整个流程分成了很多个阶段，对应不同的标签位（Tag）。每个标签位都可以调用一系列 Behavior。使用 Behavior 可以方便地扩展 ThinkJS，实现自己想要的功能。ThinkJS 框架自身很多功能也都是通过它来实现的。[...]
开始使用 HTTP/2
一直以来，我的博客都在使用 Nginx。但它目前只支持到 SPDY/3.1，也不支持 Server Push，一直是我的一块心病。Nginx 官方说今年年底会增加对 HTTP/2 的支持，还要等好久： We' re pleased to announce that we plan to release versions of both NGINX and NGINX Plus by the end of 2015 that will include support for HTTP/2. via 为了更好的研究 HTTP/2 的一些新特性，我决定先找个替代品玩一把，等 Nginx 更新了再换回去。这里有一份列表，列出了目前已经支持 HTTP/2 的客户端和服务端。经过比较，我最终选择了 H2O。[...]
浏览器中常见网络协议介绍
本周五我在公司有一个关于《HTTP 协议》的培训，只有两个小时，估计能讲到的东西不会太多。实际上，浏览器为了完成 WEB 应用的各项功能，需要跟各种网络协议打交道，HTTP 只是其中一种。本文会介绍浏览器中常见的网络协议，以及各种协议之间的关系。 我们经常会听到「TCP/IP 协议」这个名词，从字面上看，有人会认为它专指 TCP 和 IP 两种协议。实际上大多数情况，TCP/IP 协议指的是整个网际协议族（Internet Protocol Suite），是利用 IP 协议进行通讯的其他协议统称。TCP/IP 包含的协议众多，还有一个分层模型。相比较 OSI 模型，TCP/IP 的分层更简单，从下到上分别为：物理层、数据链路层、网络层、传输层和应用层。[...]
HTTP/2 与 WEB 性能优化（三）
在连续写了两篇关于「HTTP/2 与 WEB 性能优化」的文章后，今天来写这个系列的最后一篇。在正式开始之前，我们先来简单回顾下之前两篇文章： 「HTTP/2 与 WEB 性能优化（一）」的结论是：HTTP/2 的 Server Push 机制，可以让重要的 JS、CSS 等资源尽快加载，从而不再需要 HTTP/1 中「将重要资源内联在页面头部」的优化方案了。 「HTTP/2 与 WEB 性能优化（二）」的结论是：HTTP/2 支持了多路复用，HTTP 连接变得十分廉价，之前为了节省连接数所采用的类似于「资源合并、资源内联」等优化手段不再需要了。多路复用可以在一个 TCP 连接上建立大量 HTTP 连接，也就不存在 HTTP 连接数限制了，HTTP/1 中常见的「静态域名」优化策略不但用不上了，还会带来负面影响，需要去掉。另外，HTTP/2 的头部压缩功能也能大幅减少 HTTP 协议头部带来的开销。[...]
使用两步验证提高账号安全性
很早之前我的 dnspod 账号被盗过，导致域名被人通过 Api 设置了泛解析，指向了一堆垃圾网站。从那之后我终于痛下决心，把常用的 WEB 服务全部梳理了一遍，使用各不相同的密码（Mac 和 iPhone 上我都买了 1Password，用来生成和管理这些密码）。对于支持两步验证的网站，我一定会启用它。最近，imququ.com 这个我基于 ThinkJS 开发的博客系统，后台登录也启用了两步验证。本文来讨论有关两步验证的话题。[...]
本博客 Nginx 配置之性能篇
在介绍完我博客（imququ.com）的 Nginx 配置中与安全有关的一些配置后，这篇文章继续介绍与性能有关的一些配置。WEB 性能优化是一个系统工程，涵盖很多方面，做好其中某个环节并不意味性能就能变好，但可以肯定地说，如果某个环节做得很糟糕，那么结果一定会变差。 首先说明下，本文提到的一些 Nginx 配置，需要较高版本 Linux 内核才支持。在实际生产环境中，升级服务器内核并不是一件容易的事，但为了获得最好的性能，有些升级还是必须的。很多公司服务器运维和项目开发并不在一个团队，一方追求稳定不出事故，另一方希望提升性能，本来就是矛盾的。好在我们折腾自己 VPS 时，可以无视这些限制。[...]
本博客 Nginx 配置之安全篇
之前有细心的朋友问我，为什么你的博客副标题是「专注 WEB 端开发」，是不是少了「前端」的「前」。我想说的是，尽管我从毕业到现在七年左右的时间一直都在专业前端团队从事前端相关工作，但这并不意味着我的知识体系就必须局限于前端这个范畴内。现在比较流行「全栈工程师」的概念，我觉得全栈意味着一个项目中，各个岗位所需要的技能你都具备，但并不一定意味着你什么都需要做。你需要做什么，更多是由能力、人员配比以及成本等各个因素所决定。尽管我现在的工作职责是在 WEB 前端领域，但是我的关注点在整个 WEB 端。 我接触过的有些前端朋友，从一开始就把自己局限在一个很小的范围之中，这在大公司到也无所谓，大公司分工明确，基础设施齐全，你只要做好自己擅长的那部分就可以了。但是当他们进入创业公司之后，会发现一下子来了好多之前完全没有接触过的东西，十分被动。[...]
HTTP/2 与 WEB 性能优化（二）
在「HTTP/2 与 WEB 性能优化（一）」这篇博客中，我主要写了 HTTP/2 中的 Server Push 给 WEB 性能优化带来的便利，今天继续来聊一聊 HTTP/2 其他方面的改变。 我们知道，HTTP/2 并没有改动 HTTP/1 的语义部分，例如请求方法、响应状态码、URI 以及头部字段等核心概念依旧存在。HTTP/2 最大的变化是重新定义了格式化和传输数据的方式，这是通过在高层 HTTP API 和低层 TCP 连接之间引入二进制分帧层来实现的。这样带来的好处是原来的 WEB 应用完全不用修改，就能享受到协议升级带来的收益。[...]
HTTP/2 与 WEB 性能优化（一）
2013 年 11 月份开始，我的博客开始支持了 SPDY 协议（详见这里），也就是 HTTP/2 的前身。今年二月份，Google 宣布将在 16 年初放弃对 SPDY 的支持，随后 Google 自家支持 SPDY 协议的服务都切到了 HTTP/2。今年 5 月 14 日，HTTP/2 以 RFC 7540 正式发布。目前，浏览器方面，Chrome 40+ 和 Firefox 36+ 都正式支持了 HTTP/2；服务器方面，著名的 Nginx 表示会在今年底正式支持 HTTP/2。 不得不说这几年 WEB 技术一直在突飞猛进，爆炸式发展。昨天还觉得 HTTP/2 很遥远，今天已经遍地都是了。对于新鲜事物，有些人不愿意接受，觉得好端端为什么又要折腾；有些人会盲目崇拜，认为它是能拯救一切的救世主。HTTP/2 究竟会给前端带来什么，什么都不是？还是像某些人说的「让前端那些优化小伎俩直接退休」？我打算通过写一系列文章来尝试回答这个问题，今天是第一篇。[...]