因业务关系，新增绘制流程图需求，最开始想使用第三方库，调研后总有部分功能不能满足，考虑后期需求变更的情况，决定自己研发。经多番调研，确认使用svg和d3绘制流程图，并封装为npm包。本文主要讲解封装库的前期规划、部分实现方式以及里面涉及到的一些好的idea。这是封装好库reac…

最开始接触函数式编程的时候是在小米工作的时候，那个时候看老大以前写的代码各种 compose，然后一些 ramda 的一些工具函数，看着很吃力，然后极力吐槽函数式编程，现在回想起来，那个时候的自己真的是见识短浅，只想说,'真香'。 最近在研究函数式编程，真的是在学习的过程中感觉…

本文主要从 3W (what, how, why) 角度出发通俗易懂的解释一下 什么是函数柯里化，以及怎么用三行代码来实现 add(1)(2)(3) 这个很常见的面试题。 函数柯里化（curry）是函数式编程里面的概念。curry的概念很简单：只传递给函数一部分参数来调用它，让…

装饰者模式：动态的给一个对象添加一些额外的职责。就增加功能来说，它相比生成子类更为灵活 首先定义了一个抽象的Food父类，里面定义出一个抽象的cost()方法用于返回消费的总价，用setDescription来描述各个消费商品的名称，使用getDescrption将客户的消费订…

在大多数解释 JS Event Loop 的文章中，鲜有谈及 Miscrotask 和 Macrotask 这两个概念，但这两个概念却是非常的重要，我在翻阅 Zone.js Primer 时，里面就经常会提及这两个概念，当时也是看的云里雾里的，这也是我写这篇文章的原因之一。 以…

JavaScript 是单线程语言，决定于它的设计最初是用来处理浏览器网页的交互。浏览器负责解释和执行 JavaScript 的线程只有一个（所有说是单线程），即JS引擎线程，但是浏览器同样提供其他线

一是无论内容的多少，我们都希望使按钮，固定于可视窗口的底部，且内容区是可滚动的。 二是当内容区的内容较少时，页脚区不是随着内容区排布，而是始终显示在屏幕的最下方；当内容区的内容较多时，页脚能随着内容区的增高而撑开，始终显示在页面的最底部。 谈到“吸底”效果的实现，大家可能较多了…

我最近在 Twitter 偶然发现了 Dan Abramov 的推文。他分享的一段简短的代码引起了我注意的。这段代码使用 JavaScript 访问 DOM（Document Object Model）中的 input 元素，并读取或更改了它的一些属性，其中令我惊叹的是 def…

websocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。大多数 Web 应用程序将通过频繁的异步JavaScript和XML（AJAX）请求实现长轮询。轮询的效率低，非常浪费资源。而websocket能够很好的解决类似的问题。常用于即时通讯、监控等情…