Flutter核心技术与实战
陈航
美团点评高级技术专家
立即订阅
6150 人已学习
课程目录
已完结 47 讲
0/4登录后，你可以任选4讲全文学习。
课前必读 (3讲)
开篇词 | 为什么每一位大前端从业者都应该学习Flutter？
免费
01 | 预习篇 · 从0开始搭建Flutter工程环境
02 | 预习篇 · Dart语言概览
Flutter开发起步 (3讲)
03 | 深入理解跨平台方案的历史发展逻辑
04 | Flutter区别于其他方案的关键技术是什么？
05 | 从标准模板入手，体会Flutter代码是如何运行在原生系统上的
Dart语言基础 (3讲)
06 | 基础语法与类型变量：Dart是如何表示信息的？
07 | 函数、类与运算符：Dart是如何处理信息的？
08 | 综合案例：掌握Dart核心特性
Flutter基础 (13讲)
09 | Widget，构建Flutter界面的基石
10 | Widget中的State到底是什么？
11 | 提到生命周期，我们是在说什么？
12 | 经典控件（一）：文本、图片和按钮在Flutter中怎么用？
13 | 经典控件（二）：UITableView/ListView在Flutter中是什么？
14 | 经典布局：如何定义子控件在父容器中排版的位置？
15 | 组合与自绘，我该选用何种方式自定义Widget？
16 | 从夜间模式说起，如何定制不同风格的App主题？
17 | 依赖管理（一）：图片、配置和字体在Flutter中怎么用？
18 | 依赖管理（二）：第三方组件库在Flutter中要如何管理？
19 | 用户交互事件该如何响应？
20 | 关于跨组件传递数据，你只需要记住这三招
21 | 路由与导航，Flutter是这样实现页面切换的
Flutter进阶 (17讲)
22 | 如何构造炫酷的动画效果？
23 | 单线程模型怎么保证UI运行流畅？
24 | HTTP网络编程与JSON解析
25 | 本地存储与数据库的使用和优化
26 | 如何在Dart层兼容Android/iOS平台特定实现？（一）
27 | 如何在Dart层兼容Android/iOS平台特定实现？（二）
28 | 如何在原生应用中混编Flutter工程？
29 | 混合开发，该用何种方案管理导航栈？
30 | 为什么需要做状态管理，怎么做？
31 | 如何实现原生推送能力？
32 | 适配国际化，除了多语言我们还需要注意什么?
33 | 如何适配不同分辨率的手机屏幕？
34 | 如何理解Flutter的编译模式？
35 | Hot Reload是怎么做到的？
36 | 如何通过工具链优化开发调试效率？
37 | 如何检测并优化Flutter App的整体性能表现？
38 | 如何通过自动化测试提高交付质量？
Flutter综合应用 (6讲)
39 | 线上出现问题，该如何做好异常捕获与信息采集？
40 | 衡量Flutter App线上质量，我们需要关注这三个指标
41 | 组件化和平台化，该如何组织合理稳定的Flutter工程结构？
42 | 如何构建高效的Flutter App打包发布环境？
43 | 如何构建自己的Flutter混合开发框架（一）？
44 | 如何构建自己的Flutter混合开发框架（二）？
结束语 (1讲)
结束语 | 勿畏难，勿轻略
特别放送 (1讲)
特别放送 ｜ 温故而知新，与你说说专栏的那些思考题
Flutter核心技术与实战
登录|注册
40 | 衡量Flutter App线上质量，我们需要关注这三个指标
陈航 2019-09-28
你好，我是陈航。
在上一篇文章中，我与你分享了如何捕获 Flutter 应用的未处理异常。所谓异常，指的是 Dart 代码在运行时意外发生的错误事件。对于单一异常来说，我们可以使用 try-catch，或是 catchError 去处理；而如果我们想对异常进行集中的拦截治理，则需要使用 Zone，并结合 FlutterError 进行统一管理。异常一旦被抓取，我们就可以利用第三方数据上报服务（比如 Bugly），上报其上下文信息了。
这些线上异常的监控数据，对于开发者尽早发现线上隐患，确定问题根因至关重要。如果我们想进一步评估应用整体的稳定性的话，就需要把异常信息与页面的渲染关联起来。比如，页面渲染过程是否出现了异常，而导致功能不可用？
而对于以“丝般顺滑”著称的 Flutter 应用而言，页面渲染的性能同样需要我们重点关注。比如，界面渲染是否出现会掉帧卡顿现象，或者页面加载是否会出现性能问题导致耗时过长？这些问题，虽不至于让应用完全不能使用，但也很容易引起用户对应用质量的质疑，甚至是反感。
通过上面的分析，可以看到，衡量线上 Flutter 应用整体质量的指标，可以分为以下 3 类：
页面异常率；
页面帧率；
页面加载时长。
其中，页面异常率反应了页面的健康程度，页面帧率反应了视觉效果的顺滑程度，而页面加载时长则反应了整个渲染过程中点对点的延时情况。
取消
完成
0/1000字
划线
笔记
复制
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
该试读文章来自付费专栏《Flutter核心技术与实战》，如需阅读全部文章，
请订阅文章所属专栏。
请订阅文章所属专栏。
立即订阅
登录 后留言
精选留言(3)
和小胖老师，如果一个 App 只有一个继承 StatelessWidget 的页面，那么在不用原生配合的情况下如何得知页面退出了呢？NavigatorObserver 的 didPush 可以知道页面进入了，但是没有页面退出或者销毁的回调。作者回复: 如果你不是指的根widget退出，可以通过didPop回调；如果是根Widget的退出，那必须要通过原生配合了
2019-10-30
小米页面加载时长，一般超过多少毫秒算不正常呢？作者回复: 看具体业务了，一般TP90超过2秒就不正常
2019-10-26
！_新起点如果页面渲染依赖单个或多个网络接口回调，那么我们需要减去用单个或者多个接口请求后，成功或者失败后的最后的回调里加载时间的时长。作者回复: 页面加载时长=页面本地渲染时长+网络加载时长
2019-10-03
收起评论