 2019-2021 美团技术年货 前端篇设计模式库的规范以及应用场景等,外卖 DPL 主要包括组件搭建规范以及资源一 致性两部分。DPL 的背面是技术实现,一般体现在 Android/iOS/RN 代码框架中, 比如阿里的 FusionDesign 库、腾讯的 QMUI 库等,这些封装好的代码组件面向 程序开发人员。在未建立 DPL 模型之前,开发同学拿到设计稿进行视觉还原后, 需要修改多次,才能最终通过设计师的验证,极大影响了开发效率,还降低了需求 与点评 App 中提供了服务入口,并在技术上采用了 H5 与 Native 的混合开发技术。随着业务上线,有用户反馈我们的地图性能有一些问 题,原因是我们打车地图使用的是 Web 版的地图(通过腾讯地图 JavaScript API), 业内同类产品使用的是 Native 版的地图 SDK,Native 地图相比 Web 地图具有天 然的性能优势,所以美团打车地图从首屏地图加载到后续的地图操作体验都有一定 端同学实现,包括 iOS 与 Android。两端分别在启动 App 时设置三层内容,最上层是手势触摸事件接收层,中间是 WebView 层(背景设置透 明),最下层是 Native 地图层(如腾讯地图 SDK)。用数组记录当前热区数据,当手 势分发层有事件发生时,通过 Touch 事件获取手指位置信息,遍历热区数组判断手 前端 < 439 指位置是否与热区的矩形相交,如相交则将消息分发给0 码力 | 738 页 | 50.29 MB | 1 年前3 2019-2021 美团技术年货 前端篇设计模式库的规范以及应用场景等,外卖 DPL 主要包括组件搭建规范以及资源一 致性两部分。DPL 的背面是技术实现,一般体现在 Android/iOS/RN 代码框架中, 比如阿里的 FusionDesign 库、腾讯的 QMUI 库等,这些封装好的代码组件面向 程序开发人员。在未建立 DPL 模型之前,开发同学拿到设计稿进行视觉还原后, 需要修改多次,才能最终通过设计师的验证,极大影响了开发效率,还降低了需求 与点评 App 中提供了服务入口,并在技术上采用了 H5 与 Native 的混合开发技术。随着业务上线,有用户反馈我们的地图性能有一些问 题,原因是我们打车地图使用的是 Web 版的地图(通过腾讯地图 JavaScript API), 业内同类产品使用的是 Native 版的地图 SDK,Native 地图相比 Web 地图具有天 然的性能优势,所以美团打车地图从首屏地图加载到后续的地图操作体验都有一定 端同学实现,包括 iOS 与 Android。两端分别在启动 App 时设置三层内容,最上层是手势触摸事件接收层,中间是 WebView 层(背景设置透 明),最下层是 Native 地图层(如腾讯地图 SDK)。用数组记录当前热区数据,当手 势分发层有事件发生时,通过 Touch 事件获取手指位置信息,遍历热区数组判断手 前端 < 439 指位置是否与热区的矩形相交,如相交则将消息分发给0 码力 | 738 页 | 50.29 MB | 1 年前3
共 1 条
- 1













