The vm module provides APIs for compiling and running code within V8 Virtual Machine contexts. The vm module is not a security mechanism. Do not use it to run untrusted code. The term "sandbox" is used throughout these docs simply to refer to a separate context, and does not confer any security g...

一句话概括，Web Components是一个Web组件标准。现在的前端开发几乎已经离不开组件化开发了，无论是vue中的模板语法还是react中的JSX，都是把结构、样式和逻辑封装成一个组件，采用组件复用来提高开发效率。既然组件如此重要，Web Components就是提供浏览器底层的支持，不依赖各种框架的支持和webpack的编译，让我们也能...

我们知道，redux提供了一套很好的状态管理机制，通过在createStore方法创建出store对象，通过store.getState获取状态对象，通过reducer定义出action改变对应的state变化的规则，通过replaceReducer动态改变reducer规则，结合dispatch一个action来修改状态对象state，甚至，redux还提供了applyMiddleware来给redux增加中...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚，而且还有配图帮助理解，非常值得一读。站在巨人的肩膀之...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

分层是解决软件复杂度很好的方法，它能够降低耦合、增加复用。典型的java后端开发大多分为三层，几乎成了标准模式，但是node社区对于分层的讨论却很少。node后端是否需要分层？如何分层？本文将从个人的角度提供一些思路。

业务代码开发久了，偶尔看看设计模式，总会让自己有一种清新脱俗的感觉。总想把这种感觉记下来，但一想到要先起个恰如其分的标题和开头，就让我有一种百爪挠心的纠结，所以迟迟没有开始。今天起更新我学习设计模式笔记的原因，就好像是，你喜欢一个女孩久了，却总不表白，难道不怕被别人截胡了么！

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

css像素或逻辑像素，单位是px，它是一个相对单位，在不同dpr(devicePixelRatio 设备像素比)设备中，1px代表的物理像素是不同的。

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

背景项目开发过程中，有一个必不可少的环节--接口联调，由于前端后端开发进度不同，有时前端需要等待后端的接口，或者前端为了调试ui，需要在本地mock接口数据。不同的接口，返回的数据格式是不一样的，每次都去手动mock数据，难免繁琐和低效。能否搭建一个自动化的mock平台，自动从接口文档中获取所有接口的数据格式，...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深，阅读其源码是一个非常艰辛的过程。在学习 React 源码的过程中，给我帮助最大的就是这个系列文章，于是决定基于这个系列文章谈一下自己的理解。本文会大量用到原文中的例子，想体会原...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚，而且还有配图帮助理解，非常值得一读。站在巨人的肩膀之...

React 是一个十分庞大的库，由于要同时考虑 ReactDom 和 ReactNative ，还有服务器渲染等，导致其代码抽象化程度很高，嵌套层级非常深。阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚，而且还有配图帮助理解，非常值得一读。站在巨人的肩膀之...

现在的SPA开发中，提到数据（状态）管理不得不提Redux和Vuex，它们都是基于Flux思想的前端状态管理解决方案。但本文的重点不是介绍Redux或Vuex的技术细节，而是基于真实的业务场景谈谈在不同的场景下该如何管理数据。

Trie 字典树，一种用空间换取时间的树形数据结构，主要特点是利用字符串的公共前缀来挺升查询性能。比如一组字符串 ["abc","ab","bd","dda"] 它的字典树结构如下：

本文基于http Range Requests协议，实现了分片下载的功能。 使用场景包括基于浏览器的流文件片段传输、基于客户端的分片下载等。 原理 http通过Range Requests相关的header，可以与服务器进行协商，实现分部分的请求。 这里就不细说具体协议内容了，具体可以参考这两篇文章，解释的非常详细： [链接] [链接] 下面贴一下...

前段时间做了一个基于命令行的效率工具，可以自动生成组件的模板代码。自己用起来还觉得挺好，但在组内案例几次后大家都不愿意用，究其原因还是命令行工具使用起来门槛有点高，不方便。由于组内已经统一使用VS Code进行开发了，于是决定研究下VS Code的插件开发，让效率工具更方便的用起来。

js单线程和无阻塞io让它在处理高并发时有着得天独厚的优势，node应运而生，从此js进入到后端开发的行列。但是目前js在后端开发领域，并没有得到广泛和深度的应用。原因可能有这几点:

BFC的全称是block formatting context（块状格式化上下文），当BFC起作用的时候，其元素内部无论怎么翻江倒海都不会影响到外部元素，同样，外部元素的变化也不会影响到BFC内部元素，这就跟结界一样，你可以理解为有一个很强的护盾在包裹着BFC元素，这也是为什么BFC元素不会发生margin重叠的原因。

webpack 的出现为前端开发带来翻天覆地的变化，无论你是用 React，Vue 还是 Angular，webpack 都是主流的构建工具。我们每天都跟它打交道，但却很少主动去了解它，就像写字楼里的礼仪小姐姐，既熟悉又陌生。随着项目复杂度的上升，打包构建的时间会越来越长。终于有一天，你发现npm run dev后，去泡个茶，上了个厕所，跟...

在学习 React 事件系统的时候，在事件分发的 dispatch方法发现了调用了一个 pooledClass 方法，一时半会没看明白这个方法的用意。

背景 通常，我们在需要保证代码在多个异步处理之后执行，会用到： {代码...} Promise.all可以保证，promises数组中所有promise对象都达到resolve状态，才执行then回调。 这时候考虑一个场景：如果你的promises数组中每个对象都是http请求，或者说每个对象包含了复杂的调用处理。而这样的对象有几十万个。 那么会出现的情...

目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什么是Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解Virtual DOM的创建过程，并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架，只讲最纯粹的Virtual DOM。敲单词...

这篇文章介绍一下如何搭建一个简单的graphql服务，graphql的特性以及如何在react中使用graphql，graphql给项目开发所带来的益处和它所适应的场景不多说了，可以看下infoq上的这篇文章了解下，这里主要介绍下如何搭建和使用。首先初始化项目react-graphql

redux中间件其实非常简单，中间件的目的只有一个：在dispatch前后，执行一些代码，达到增强dispatch的效果，有点类似装饰器的原理。

所以，这个compose函数执行后，返回值是另外一个函数，这个函数，其实只是做了一件事情：把一个函数数组，按照顺序，从数组最后向前按照顺序执行，并且，把前一个执行的函数返回值，作为下一个执行函数的入参。对，你没看错，就是这么简单！