和许多人的固有印象不同的是 HTTP 2协议本身并没有规定必须建立在TLS/SSL之上，其实用普通的TCP连接也可以完成HTTP 2连接的建立。只不过现在为了安全市面上所有的浏览器都仅默认支持基于TLS/SSL的 HTTP 2协议。简单来说我们可以把构建在TCP连接之上的 HT…

我们知道，HTTP 是无状态的。也就是说，HTTP 请求方和响应方间无法维护状态，都是一次性的，它不知道前后的请求都发生了什么。 但有的场景下，我们需要维护状态。最典型的，一个用户登陆微博，发布、关注、评论，都应是在登录后的用户状态下的。 那解决办法是什么呢？::标记::。 这…

MDN：函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包。 你不知道的JavaScript…

这个问题我是在今年8月份的时候被问到过，当时一脸懵，当面试官一提出这个问题，我当场回答这个没接触过，可能不知道。面试官笑了笑：这是一个设计题，如果你原本就会的话，我就不会要你来设计了。 我：（苦笑...）凭借三寸不烂之舌和面试官讨论了起来，说完之后信心满满，但结果反手就收到了一…

Promise作为前端异步解决方案的出现，可以说是火遍全网，几乎所有的异步场景甚至框架都会有它的身影，比如Vue的批量处理等。今天我们就按照Promise A+ 规范来完整实现Promise全功能，话不多说，上代码。 测试成功，promise的改造就算符合规范了。这个难点在于t…

本文是一篇逐行粒度的vuex源码分析，带你一步一步去实现一个vuex，不同于市面上其他的源码分析，本文不会从上帝视角去谈vuex的设计，而是将vuex的功能一个个拆解，变成简单易懂的几个部分，非常适合初学者阅读。 getters以state作为基础，进行不同形式的数据的构造，当…

Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting con…

也或者我们会写更多的纯函数让我们的逻辑能够得到更抽象地复用，我们会搬出很多可能四五年前我们就在研究的各种骚操作来赋予今天我们所写的逻辑一些新的变幻。但这些我们曾熟悉的，在我们习惯了面向对象后，如今却又感到些许陌生了。当然，今天我们的主题自然不是函数式编程。 搬了这么多年的前端砖…

1. 选手入场 一提起 React 状态管理，很多人就提也不想提。 Redux: 1 号选手，人气最高的一个，得与 react-redux 一同使用。自己不管异步，所以常听到的什么 redux-thunk、redux-saga 是其下属，专门擦屁股的。特点就是难用，如果按照官方…