上篇性能优化聊完，这篇进入跨平台专项。P8+考的是"Flutter引擎渲染管线怎么工作？Dart isolate和Thread什么区别？闲鱼混合架构踩过什么坑？小程序JS Bridge怎么设计？"阿里跨平台投入大——闲鱼最早大规模Flutter，淘宝自研小程序容器。P8+要能做技术选型和架构决策。今天8道题覆盖P8+跨平台核心考点。Q1：Flutter引擎渲染管线怎么工作？Flutter引擎用C++实现，渲染管线四步：Widget → Element → RenderObject：Widget是配置（不可变），Element是实例化节点，RenderObject负责布局绘制。Widget rebuild时复用Element只更新RenderObject属性。Layout：RenderObject树向下传递约束，子节点计算尺寸向上返回。单遍遍历比Android measure更高效。Paint：生成Layer树描述绘制指令（偏移/裁剪/透明度）。Rasterize：GPU线程把Layer提交给Skia/Impeller，生成GPU指令。独立线程不阻塞UI。追问：Flutter为什么流畅？因为渲染不走系统UI框架（Android View/iOS UIView），自己用Skia/Impeller直接提交GPU。没有跨语言调用的开销（Dart编译成AOT机器码），也没有布局系统的兼容性处理。Q2：Dart isolate和J
上篇性能优化聊完，这篇进入跨平台专项。P8+考的是"Flutter引擎渲染管线怎么工作？Dart isolate和Thread什么区别？闲鱼混合架构踩过什么坑？小程序JS Bridge怎么设计？"阿里跨平台投入大——闲鱼最早大规模Flutter，淘宝自研小程序容器。P8+要能做技术选型和架构决策。今天8道题覆盖P8+跨平台核心考点。Q1：Flutter引擎渲染管线怎么工作？Flutter引擎用C++实现，渲染管线四步：Widget → Element → RenderObject：Widget是配置（不可变），Element是实例化节点，RenderObject负责布局绘制。Widget rebuild时复用Element只更新RenderObject属性。Layout：RenderObject树向下传递约束，子节点计算尺寸向上返回。单遍遍历比Android measure更高效。Paint：生成Layer树描述绘制指令（偏移/裁剪/透明度）。Rasterize：GPU线程把Layer提交给Skia/Impeller，生成GPU指令。独立线程不阻塞UI。追问：Flutter为什么流畅？因为渲染不走系统UI框架（Android View/iOS UIView），自己用Skia/Impeller直接提交GPU。没有跨语言调用的开销（Dart编译成AOT机器码），也没有布局系统的兼容性处理。Q2：Dart isolate和J
