OOCSS

modifiers

Unique Selectors vs. Inline Styles

Framework-Specific vs. Framework-Agnostic

What Is CSS-in-JS?

CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its advantages, CSS-in-JS is a controversial technology, as many developers ask if it’s worth further complicating front-end development. 

理清你的领域

项目：具有明确的目标以及时间范围，是最小执行单位领域：你日常需要精进的领域（所以你需要为此负责）资源：你感兴趣的事情，也是支撑现在 Area 和将来 Area 的外部知识储备归档：沉寂的内容，但也许对未来有用缓存：快速的收集信息，减少判断的成本（个人添加）

D3 （Data-Driven Documents） 是一个 Javascript 图形库

复杂应用 特征 互联网应用 数据量大，维度多

简单应用 特点 单机离线 数据量小、维度少

The pipe | character is used to represent choice, matching either of the expressions on its sides. It can, of course, be repeated to express more than two choices (x | y | z). Choice has the lowest precedence of any operator, and, if there are no parentheses present, will apply to the entire expressions to its left and right.

tokens must match a regular language (roughly the thing that basic regular expressions can match), whereas nonterminals can express a context-free language.

A grammar is a collection of rules, which define terms. Terms can be either tokens, in which case they directly match a piece of input text, or nonterminals, which match expressions made up of other terms. Both tokens and nonterminals are defined using similar syntax, but they are explicitly distinguished (tokens must appear in a @tokens block), and tokens are more limited in what they can match—for example, they can't contain arbitrary recursion.

Given a formal description of a grammar, it can produce a set of parse tables. Such tables provide a description that the parser system can use to efficiently construct a syntax tree for a given piece of text, describing the structure of the text in terms of the grammar.

用形式化的方法表达一下。它的左边是一个非终结符（Non-terminal）。右边是它的产生式（Production Rule）。在语法解析的过程中，左边会被右边替代。如果替代之后还有非终结符，那么继续这个替代过程，直到最后全部都是终结符（Terminal），也就是 Token。只有终结符才可以成为 AST 的叶子节点。这个过程，也叫做推导（Derivation）过程：

int 这个字符串，既符合标识符的规则，又符合 int 这个关键字的规则，这两个规则发生了重叠。

标识符：第一个字符必须是字母，后面的字符可以是字母或数字。比较操作符：> 和 >=（其他比较操作符暂时忽略）。数字字面量：全部由数字构成（像带小数点的浮点数，暂时不管它）。

词法分析的工作是将一个长长的字符串识别出一个个的单词，这一个个单词就是 Token

LR

Text

EditorSelection

SelectionRange

EditorState

EditorStateConfig

In its most basic form, an editor's state is made up of a current document and a selection

state, which contains the data structures that model the editor state, and view, which provides the UI component for an editor.