Widget树:就是我们的UI组件树,但这个只是一种描述信息,渲染引擎是不认识的
RenderObject树:这才是渲染引擎真的认识的,我们需要将 Widget 转化为能用来渲染视图的 Render Object
虚拟DOM解决了一个重要的矛盾:就是 DOM 操作的性能损耗与频繁进行局部 DOM 操作的矛盾
没用虚拟DOM之前:DOM会在每一次元素更新到来之时渲染一次DOM
用了虚拟DOM之后:虚拟DOM会先汇总各个元素的更新情况,通过diff算法计算出与原来 DOM 树的差异,最后通过一次 DOM 更新解决
1.4.Flutter编译机制
Flutter之所以采用Dart语言,其中很重要的一点就是因为Dart同时支持JIT和AOT两种编译方式
-
基于JIT的快速开发周期:Flutter在开发阶段采用,采用JIT模式,这样就避免了每次改动都要进行编译,实现极大的节省了开发时间;
-
基于AOT的发布包: Flutter在发布时可以通过AOT生成高效的ARM代码以保证应用性能。而JavaScript则不具有这个能力。
- JIT,Just-in-time,动态(即时)编译,边运行边编译;
- AOT,Ahead Of Time,指运行前编译;
1.5.Flutter项目结构
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gYekaPHu-1630665093034)(https://user-gold-cdn.xitu.io/2019/1