大前端规模化实践和思考——妙峰

1. 大前端规模化实践与思考高德-妙峰

2. 自我介绍花名：妙峰来自哪：阿里巴巴-高德-工程技术中心从事啥：自主出行前端研发工作

3. 没错！连导航都是用前端 JS 写的！

4. 大前端未来的挑战大前端工程视⻆实践与思考大前端技术视⻆实践与思考多设备、多行业、多个性化的挑战规模化对协作流的挑战更好、更快交付的挑战平台期规模期破局期

5. 大前端技术视⻆实践和思考大前端工程视⻆实践和思考大前端产品视⻆

6. 高德大前端开端开发体验业务形态稳到快的转变业务量增⻓的投入产出比动态性开发效能用户体验性能技术沉默成本跨端：基本的跨平台能力动态化：发布不受限高性能：精简CSS实现，减少渲染管线损耗 ROI：最广泛易得的生态

7. 面向容器编程大前端：为用户提供各种产品形态交互能力的链接者端容器 DSL 服务容器渲染能力网关桥能力 FaaS 设备能力业务动态库线程模型

8. 高德大前端架构业务业务层地图DSL 原生JS/TS JS Service Thread Rax JS Thread JS Thread 业务域 Node Process JS-Native 桥 JavascriptCore/V8 端容器 AJX DOM Yoga Layout Tree AJX Renderer AJX DOMOM Engine Thread AJX CSSOM 高德跨端容器AJX 服务容器 Render Tree 布局 Css UI Events Queue 其他 Css FaaS JNI/OC-C++桥 Hybrid Stack Android/IOS Render Adapter UI Thread 地图渲染 Business Foundation GL Thread Device API

9. 落地和思考前端眼中以为的大前端 1个前端工程师排查问题链路的⻓编程思维差别大业务收益招聘难度大！！！实际上 Fe&iOS&Android&C++ 基础能力投入但仍有其业务价值找到业务价值、坚持技术定位、⻓期投入、标准化

10. 面向未来的容器大前端：为用户提供各种产品形态交互能力的链接者跨端容器 DSL 同构容器渲染能力网关桥能力 FaaS 设备能力业务动态库线程模型

11. 面向未来的容器 Rax 抽象容器渲染能力提供渲染的标准规格 Vue 提供交互的标准规格设备能力提供能力接入的标准规格 FaaS 业务能力 BaaS … 更有弹性的容器

12. 大前端技术视⻆实践与思考大前端工程视⻆实践与思考大前端未来的挑战

13. 规模化后的问题重复开发，人效利用质和效低水平能力建设，个人技能成⻓个人技能不同，产出质量低水平能力无法复用，迭代速度观察titlebar

14. 协作流缺少标准交付抽象，每个交付环节丢失的亿点点细节，最后都是产品质量的下降需求定义体验设计收集需求 → 提出方案 → 原型图 → 视觉方案 → 标注交付 Alibaba Design 前端开发测试走查发布前端开发 QA / 设计走查上线 Alibaba Design

15. 协作流研发资产 == 设计资产一体化协作业务交付

16. 协作流：前端素材即设计师研「物料」工程师组件即设计素

17. 协作流：后端

18. 思考标准真的是标准吗？ Low-code、No-code的业务价值是否有想象的那么大？

19. 大前端技术视⻆实践与思考大前端工程视⻆实践与思考大前端未来的挑战

20. 大前端未来的挑战 Rax-Dom View-Phon Rax-Wear Rax-Car Rax-Sound View-Wea View-Ca NO-Vie Mode Mode FaaS-Phone FaaS-Wear BaaS Mode BaaS DBaaS FaaS-Car BaaS DBaaS Mode FaaS-Sound

21. 大前端未来的挑战一云多端容器的动态化表达低代码大前端：以多态产品为视⻆从前至后的弹性架构多端DevOps

22. 谢谢您的聆听！ 👆👆 如果您对导航和下一代跨端容器感兴趣