Flutter技术调研报告,腾讯T4架构师

这篇博客详细介绍了Flutter的编译机制、项目结构、实际应用案例,并探讨了其优势与面临的问题。作者分享了将Flutter集成到Android老项目、使用grpc、实现复杂列表布局的实践经验,指出Flutter的跨平台性、原生性能和开发效率是其主要优点,同时也提到了Dart语言的学习成本、包体积、第三方库不足等问题。
摘要由CSDN通过智能技术生成

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则不具有这个能力。

  1. JIT,Just-in-time,动态(即时)编译,边运行边编译;
  2. AOT,Ahead Of Time,指运行前编译;

1.5.Flutter项目结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gYekaPHu-1630665093034)(https://user-gold-cdn.xitu.io/2019/1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值