最近在接到一个开发 React 组件库的需求，组件库在开发过程中，刚写完一个组件打算给同事用，同事立马来了个灵魂拷问“啊？这个组件怎么用”。emmm，我寻思直接告诉它下一次又忘了，还是老老实实写个文档吧。 文档写到一半，@#%#¥……#@麻烦死了。这么多组件，每个组件都需要有对…

本文探讨十万级节点流畅渲染的优化手段，如何使用 D3 配合 Three.js 进行海量社交关系数据的流畅绘制，代码均已开源，附有详细图片和 Demo。

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

我们的 GitHub 仓库最近在 GitHub 上获得了 10,000 颗星。它在 HackerNews、GitHub Trending 上排名第一，并在 Reddit 上获得了 2 万个赞。 这篇文章是我这一段时间以来一直想写的，随着我们的仓库快速上升，我认为现在是写它的最佳…

这会帮助你更快的理解。 从图中可以大概了解，通过user触发(dispatch)的行为(action)，redux会在通过middleware以及reducer的处理后更新整个状态树(state)，从而达到更新视图view的目标。这就是Redux的工作流程，接下来让我们慢慢细说…

代码是很难真正意义的完全按照开发者的想法运行的，意外情况总是层出不穷，放任不管显然不是一个合格的开发者该做的事情，错误信息该如何进行处理、收集以及分析显得尤为重要，这篇文章就对于这部分内容进行讨论。 那对于前端同学来说，错误往往会阻塞程序运行，并抛出一个错误，给用户极其不好的体…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

现如今我们的开发工作并不会从零开始，往往会基于很多开源库，就前端而言，构建工具我们会使用 webpack，MVVM 框架我们会使用 Vue、React 或者 Angular，这些开源工具帮助我们大大提升了生产效率。 通常我们学习一个开源项目的步骤都是先去阅读它的官方文档，下载安…

笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实践，本文旨在用最短的篇幅实现主要功能，揭露核心原理，同时提供 demo 仓库与大家学习探讨。 一个命令，就可以把我预设的完整的工程目录创建好，特别方便效率。 上面雏形脚手架可以很好的服务于个人需求，但是毕竟过于干瘪和…