一. 运算符 1.1. 除法、整除、取模运算 1.2. ??=赋值操作 当变量为null时，使用后面的内容进行赋值。 当变量有值时，使用自己原来的值。 1.3. 条件运算符： 如果expr1不是null，直接使用expr1的结果。 1.4. 级联语法：.. 二. 流程控制 2.…

一. Dart介绍和安装 1.1. 认识Dart Google为Flutter选择了Dart就已经是既定的事实，无论你多么想用你熟悉的语言，比如JavaScript、Java、Swift、C++等来开发Flutter，至少目前都是不可以的。 在讲解Dart的过程中，我会假定你已…

一. 动画API认识 动画其实是我们通过某些方式（比如对象，Animation对象）给Flutter引擎提供不同的值，而Flutter可以根据我们提供的值，给对应的Widget添加顺滑的动画效果。 针对动画这个章节，我打算先理清楚他们的API关系和作用，再来讲解如何利用这些AP…

一. Flutter的渲染流程 1.1. Widget-Element-RenderObject关系 1.2. Widget是什么？ Flutter的Widgets的灵感来自React，中心思想是构造你的UI使用这些Widgets。 Widget使用配置和状态，描述这个View…

一. Dart的异步模型 1.1. Dart是单线程的 1.1.1. 程序中的耗时操作 针对如何处理耗时的操作，不同的语言有不同的处理方式。 处理方式一： 多线程，比如Java、C++，我们普遍的做法是开启一个新的线程（Thread），在新的线程中完成这些异步的操作，再通过线程…

这篇文章主要记录一下开发过程中的一些想法，并帮助对[glance](https://github.com/littleGnAl/glance)感兴趣的朋友了解它的基本原理。

和我们平时写的代码一样，把一个大任务分成几个阶段，每个阶段对应一个回调数组，从开始到结束依次是：动画、布局、合成、绘制、收尾。

从List<FrameTiming>入手，通过FrameTiming字段和帧率图了解其中含义，并结合图解的方式让你更加浅显易懂，针对比较难理解的FPS计算过程，也通过图示来演示过程，值得阅读。

背景 Flutter 以其高效的渲染机制和热重载功能赢得了开发者的青睐。然而，即使是使用 Flutter 开发的应用，也难免会出现性能瓶颈，尤其是在复杂的 UI 交互或数据处理场景下。