从 2008 年 Google 释放出第一版的 Chrome 后，整个 Web 开发领域仿佛被注入了一股新鲜血液，渐渐打破了 IE 一家独大的时代。Chrome 和 Firefox 是 W3C Web 标准的坚定支持者，随着这两款开源浏览器市场份额逐渐加大，迎来了开发者的春天。这就迎来了一个新的职业分工——前端工程师 frontend-engineer，前端工程师促进了 ...

提起Chrome扩展插件(Chrome Extension)，每个人的浏览器中或多或少都安装了几个插件，像一键翻译、广告屏蔽、录屏等等，通过使用这些插件，可以有效的提高我们的工作效率；但有时候，我们想要的某个功能市面上没有现成的插件，作为开发者自然而然想到，自己是否可以动手开发一个定制化的插件？网上目前很多不错的关于Chr...

在学习Rx编程的过程中，理解Observable这个概念至关重要，常规学习过程中，通常需要进行多次“碰壁”才能逐渐“开悟”。这个有点像小时候学骑自行车，必须摔几次才能掌握一样。当然如果有办法能“言传”，则可以少走一些弯路，尽快领悟Rx的精妙。

我们知道，Node.js是基于CommonJS规范进行模块化管理的，模块化是面对复杂的业务场景不可或缺的工具，或许你经常使用它，但却从没有系统的了解过，所以今天我们来聊一聊Node.js模块化你所需要知道的一些事儿，一探Node.js模块化的面貌。

本篇将详细介绍 http2 协议的方方面面，知识点如下：HTTP 2 连接的建立HTTP 2 中帧和流的关系HTTP 2 中流量节省的奥秘：HPACK 算法HTTP 2 协议中 Server Push 的能力HTTP 2 为什么要实现流量控制？HTTP 2 协议遇到的问题一、HTTP 2 连接的建立和许多人的固有印象不同的是 HTTP 2协议本身并没有规定必须建立在TLS/SSL之上...

【前端科普系列】帮助阅读者了解web前端，主要覆盖web前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发协作。尽可能的写成科普类文章，对于前端开发而言，只适合刚入门的新手。

性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如 DoubleClick by Google 发现：

本文首发于 vivo互联网技术 微信公众号 链接：[链接] 作者：Wu Yue本文系统性的讲述了 DNS 协议与 WebSocket 协议的重要细节。一、DNS 1、Linux dig命令我们首先通过 Linux 下的dig命令来了解一下 DNS 是怎么做域名解析的。我们首先输入命令： {代码...} 看下标注的红框，从左到右依次代表：域名的名称 也就是服务器名称...

回答这个问题之前，我想起了一道非常经典的前端面试题：“从输入URL到页面呈现在你面前到底发生了什么？”这个题目可以回答的很简单，但仔细思考，也可以回答的很深，这个过程涉及的东西很多。先看一张图：

开坑这个系列的原因，主要是在大前端学习的过程中遇到了不少跟web协议有关的问题，之前对这一块的了解仅限于用charles抓个包，基本功欠缺。强迫症发作的我决定这一次彻底将web协议搞懂搞透，如果你遇到了和我一样的问题，例如