上篇性能优化聊完，这篇进入跨平台专项。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和Java Thread什么区别？
Thread：共享内存，多线程通过锁（synchronized/Lock）保证安全。容易死锁和数据竞争。
Isolate：Dart的并发单元。每个isolate有独立内存堆，不共享数据。通信通过消息传递（类似Actor模型）。天然无线程安全问题。
Flutter的isolate模型：主isolate跑UI和引擎逻辑。耗时计算（JSON解析/图片处理）可以spawn新isolate。通信通过SendPort/ReceivePort。Dart 2.15后Isolate.spawn更轻量，支持isolate group共享堆内存。
FFI（Foreign Function Interface）：Dart直接调C/C++函数，不走Platform Channel。性能高（无序列化开销）。SQLite/Native库通过FFI调用。
追问：Platform Channel和FFI什么区别？Platform Channel是Dart↔Native异步通信（消息要序列化），适合低频交互（调系统API）。FFI是同步直接调用，适合高频数据交互（音视频处理/加密运算）。
Q3：闲鱼Flutter混合架构踩过什么坑？
混合栈问题：Flutter页面和原生页面共存一个Navigation栈。Flutter原生Navigator只管Flutter页面，跳原生页面要Platform Channel调startActivity，返回时Flutter页面状态丢失。闲鱼自研FlutterBoost统一栈管理。
引擎预热：Flutter引擎初始化耗时约200ms。闲鱼方案：Application启动时预热引擎（创建FlutterEngine但不attach），进入Flutter页面时直接attach，启动时间缩短到50ms以内。
内存问题：Flutter引擎本身占约30MB内存。多引擎实例（多个FlutterActivity）内存暴增。闲鱼方案：共享单个FlutterEngine，不同Flutter页面切换时detach/attach同一个引擎。
追问：FlutterBoost的核心贡献？把原生Activity/Fragment和Flutter Route放入统一栈，解决生命周期同步、前后台切换、页面转场动画三大问题。开源后成为Flutter混合开发的标配方案。
Q4：小程序容器怎么设计？
小程序容器核心是沙箱隔离 + JS Bridge + 双线程架构。
双线程：逻辑层（JSCore/V8跑JS）和渲染层（WebView渲染）分离。JS不能直接操作DOM——通过Bridge发指令给渲染层。安全隔离，JS崩溃不影响渲染。
JS Bridge：逻辑层调wx.request/wx.getStorage等API，Bridge转发到原生层执行。原生层回调通过Bridge返回结果。设计要点：接口权限管理（敏感API需要授权）、异步通信（Bridge消息队列）。
沙箱隔离：小程序JS运行在受限环境——不能访问文件系统、不能eval、不能动态加载代码。通过Proxy/with语句限制全局变量访问。
追问：支付宝小程序和微信小程序架构区别？支付宝用自研Cube渲染引擎（不用WebView），性能更好。微信用WebView渲染（双线程），兼容性好但性能受WebView限制。两者JS Bridge设计理念一致但API不同。
Q5：Flutter vs React Native vs 原生怎么选？
Flutter：自绘引擎，跨端一致性最好，性能接近原生（AOT编译）。缺点：包大小+5MB、动态化弱。
React Native：Bridge通信+系统原生UI。跨端一致性差，性能受Bridge影响。优点：JS生态丰富、支持热更新。
原生：性能最好但开发效率低（两端各写一套）。适合性能敏感核心页面。
选型：新业务用Flutter，已有RN继续用RN，核心页面用原生。混合架构是大趋势。
Q6：KMM（Kotlin Multiplatform）适合什么场景？
KMM定位：共享业务逻辑层，UI层各端原生。Android/iOS共享同一份Kotlin代码（网络请求、数据解析、状态管理、业务规则）。
适合场景：业务逻辑复杂且两端一致（金融App的交易计算、社交App的内容推荐算法）。不适合：UI差异大的页面、需要平台特有API的功能。
和Flutter的区别：KMM只共享逻辑层（UI各端原生），Flutter共享UI+逻辑（自绘引擎）。KMM对原生开发者的学习成本更低（还是写原生UI），Flutter要学Dart和Widget。
阿里实践：部分业务模块用KMM共享网络层和数据层，UI层Android用Compose、iOS用SwiftUI。代码复用率约40%。
Q7：跨端一致性怎么保证？
Design Token：颜色、字号、间距、圆角等UI变量三端统一定义。设计师改一个Token三端同步。Flutter用Theme，Android用Theme/Material，iOS用Design System。
UI截图对比：三端同一页面截图，用Percy/BackstopJS像素级对比。超过阈值自动报警。CI流水线集成截图测试。
接口协议统一：后端返回数据结构三端一致，客户端不做字段适配。用Protobuf定义schema，三端生成代码。
行为一致：用户交互行为（点击/滑动/动画）三端一致。定义交互规范文档，代码层面通过共享测试用例验证。
Q8：跨平台面试怎么准备？
技术深度：Flutter引擎渲染管线（Widget→Element→RenderObject→Layer→GPU）、Dart isolate通信机制、Platform Channel底层实现。能画出数据流图。
项目经验：讲你做过的跨平台项目——为什么选Flutter不选RN？混合架构怎么解决栈管理问题？跨端一致性用了什么方案？踩了哪些坑怎么解决的？
技术视野：了解行业趋势——Flutter 3的Web/Desktop支持、Compose Multiplatform、鸿蒙ArkUI。面试官看你对技术方向有没有判断力。
面试Tips：P8+跨平台Flutter考引擎渲染管线（四步流程）和Dart isolate（消息传递模型）。小程序考双线程架构和JS Bridge设计。技术选型考Flutter/RN/原生/KMM的优劣对比。跨端一致性考Design Token和截图对比。准备跨平台面试除了技术细节，还要展示你做技术选型决策的能力——为什么选这个方案、代价是什么、有没有更好的选择。
阿里系列到此结束。下一篇进入美团——美团初级Android面试，从Activity/Fragment、Intent传值、ScrollView嵌套开始。
用过Flutter做混合开发的同学评论区聊聊，你遇到的最大坑是什么？
本系列连载中，关注不迷路，下一篇：美团初级Android工程师面试真题
系列简介：Android大厂面经连载，覆盖字节跳动、腾讯、阿里、美团等40+企业，从初级到架构师全岗位覆盖。每篇文章包含真实面试题+详细答案+代码示例，帮你拿到大厂Offer。
