weex新版Layout引擎以及渲染逻辑探究

一、背景

原来weex sdk使用Facebook yoga进行基础css布局，但是由于开源协议问题选择基于Google的FlexboxLayout了自研，此处按下不表。

一言以蔽之，Layout引擎目的是通过递归的方式将节点的css属性约束析构，然后计算出节点正确的位置等基础属性。也就是说需要先明确一点，Layout引擎只负责计算外部传进来一棵节点树，仅此而已。

而想要研究整体的渲染机制，单是Layout引擎远远不够，其中最起码还包括：脏节点染色机制、更新机制、特殊节点处理、多属性共同决定同一属性的优先级等等。本文只是我近两周在解决上百个Layout引擎内核bug时管中窥豹有所得，部分细节处有感兴趣的同学可以一同讨论。

二、渲染机制

如果是要表述整套渲染逻辑，涉及的细节处就未免太多太琐碎了，因此