我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。 热力图这个名字听起来很高大上，其实等同于我们常说的密度图。 如图表示，红色区域表示分析要素的密度大，而…

JSXTransformer.js 会将 type="text/jsx" 的形式转换成 React.DOM.h1 的函数形式。 objMapKeyVal 是个工厂函数，他最终会返回一个“键”与 obj 对应的对象“值”则是 func 的执行结果。 ReactDOM 对象中的“键…

为什么会提到一个抽象组件的概念，其实我们称其为高复用组件更好，因为其实在业务开发中很多时候会有这样的场景，我们的某部分功能是可以共用给其他部分的，但这部分又不太可能脱离组件或者某个基准数据存在。于是，我们需要将这部分代码进行一定的抽象或者说设计。 混入在其他编程语言中非常常见，…

inMap 是一款基于 canvas 的大数据可视化库，专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。 要显示的文字空间不够时，就会造成文字重叠显示混乱，用户体验很不友好。 怎么解决这个问题呢？我们采用文字…

用法：<Provider store> 使组件层级中的 connect() 方法都能够获得 Redux store。正常情况下，你的根组件应该嵌套在 <Provider> 中才能使用connect()方法。 用法:连接 React 组件与Redux store。连接操作不会改变…

和 2016年 一样，又到了我们回顾 2017年 Javascript 领域发展与变化的时候。 通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2017 年度的受关注程度，进而选出 2017 年度 JavaScript 领域崛起的明星项目。 …