<p>bi-designer 是阿里数据中台团队自研的前端搭建引擎，基于它开发了阿里内部最大的数据分析平台，以及阿里云上的 QuickBI。</p> <blockquote> <p>bi-designer 目前没有开源，因此文中使用的私有 ...

<h1 id="state">State（状态模式）</h1> <p>State（状态模式）属于行为型模式。</p> <p><strong>意图：允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改了它的类。</strong></ ...

<h1 id="_1">摘要</h1> <p>本期精读文章以一个简单的例子，抽丝剥茧细数讲述如何面向用户可视化设计，探索用户最终的目的，化繁为简，化多为少，揉和 N 张图至一张图，并传达更多的深意。本文原文：http://www.story ...

<p>本周精读内容是 《插件化思维》。没有参考文章，资料源自 webpack、fis、egg 以及笔者自身开发经验。</p> <h2 id="1">1 引言</h2> <p>用过构建工具的同学都知道，<code>grunt</code>, ...

<p>维护大型项目 OR UI 组件模块时，一定会遇到全局数据传递问题。</p> <p>维护项目时，像全局用户信息、全局项目配置、全局功能配置等等，都是跨模块复用的全局数据。</p> <p>维护 UI 组件时，调用组件的入口只有一个，但组件 ...

<h2 id="1">1 引言</h2> <p>Error Boundaries 是 React16 提出来用来捕获渲染时错误的概念，今天我们一起读一读 <a href="https://alligator.io/react/error-b ...

<p>本系列分三部曲：《框架实现》 《框架使用》 与 《跳出框架看哲学》，这三篇是我对数据流阶段性的总结，正好补充之前过时的文章。</p> <p>本篇是 《框架使用》。</p> <h2 id="1">1 引言</h2> <p>现在我们团队也 ...

<h1 id="flyweight">Flyweight（享元模式）</h1> <p>Flyweight（享元模式）属于结构型模式，是一种共享对象的设计模式。</p> <p><strong>意图：运用共享技术有效地支持大量细粒度的对象。</ ...

<h2 id="1">1 引言</h2> <p>BI 平台是阿里数据中台团队非常重要的平台级产品，要保证报表编辑与浏览的良好体验，性能优化是必不可少的。</p> <p>当前 BI 工具普遍是报表形态，要知道报表形态可不仅仅是一张张图表组件， ...

<h1 id="1">1. 引言</h1> <p>如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一 ...