有赞-何文俊-有赞大前端多端研发解决之道.pdf

1、主办方： 有赞大前端多端研发解决之道 何文俊 有赞 前端架构师 主办方： 何文俊 有赞 - 前端架构师 “ 先后就职于贝贝、有赞，在贝贝期间从0-1搭建了多端研发体系， 实现了开发人效的提升，统一了公司前端技术栈。其后加入了有 赞，继续深耕多端领域，致力于多端研发模式的探索与实践。 ” 请插入 您的照片 关于我 主办方： 目录 有赞业务场景简介 自研之路 业界方案探索 多端框架研发 应用 实践与优化 思考 有赞大前端多端研发解决之道 主办方： 有赞的业务 主办方： 业务的多渠道发展 主办方： 渠道的多样性 主办方： 研发的内心 爸爸 爸爸! 爸爸！爸爸！ 主办方： 研发面临的挑战 细细一想，不

2、是多写几套代码的问题： 主办方： 研发的内心 爸爸 爸爸! 爸爸！爸爸！ 主办方： 目录 有赞业务场景简介 自研之路 业界方案探索 多端框架研发 应用 实践与优化 思考 有赞大前端多端研发解决之道 主办方： 寻求解决方案 - 筛选 跨端支持度好 微信/支付宝/QQ/百度. 基于VUE DSL 上手成本低、基建好迁移 社区活跃度高 售后有保障 要求方案 Chameleon WePY Taro mpvue Kbone Megalo 主办方： 寻求解决方案 - 筛选 框架进入稳定期 方便后续做个性化扩展 VUE子集 不与框架的特性强绑定，必要时可更换 远期考虑方案 Chameleon mpvue K

3、bone 主办方： 实践 - mpvue 端： 历史包袱： 开发流程 无 微信 微商城实践项目： 主办方： 实践 - mpvue 官方推荐 困难 场景数: 200+ 场景多无法渐进 主办方： 实践 - chameleon 官方推荐 困难 场景数: 200+ 场景多无法渐进 编译融合 主办方： 自研多端框架 预期的框架能力 能处理的业务、技术边界 设计出满足能力与边界的架构 主办方： 多端框架 - 能力 关键能力跨端运行融入业务 主办方： 多端框架 - 边界 主办方： 多端框架 - 架构 主办方： 预期的场景构成 主办方： 编译流程 我们以微信小程序为例，看一下单Vue组件如何解析为小程序原生组件 主办方： AST简述 抽象语法树（Abstract Syntax Tree，AST） 主办方： AST代码转换 主办方： 多端框架架构 - 代码转换 Parse Transform Generat