跨平台专场

会议室:2号会议厅C
出品人:刘恒兵(河伯)

作为开发者,我们总是在追求效率和性能上不断探索和实践,这也是企业生存之道。效率和... 展开 >

专题出品人:刘恒兵(河伯)

腾讯前端技术专家,IVWEB团队负责人

刘恒兵(河伯),腾讯前端技术专家,IVWEB团队负责人,行业直播技术大会TLC发起人。2011年加入腾讯,现腾讯互动视频产品部,互动视频、NOW直播等产品Web负责人,负责互动视频业务前端整体架构设计和开发。多年Web & H5移动开发经验,对移动监控和优化有深入研究并专注于全栈技术架构优化,推动组件生态,致力于打造高复用、高效率的全栈开发体系。同时,IVWEB团队是腾讯专业前端团队之一,培养多位行业讲师和技术专家,团队致力于新技术研究及行业交流分享。

地点:2号会议厅C

专题:跨平台专场

作为开发者,我们总是在追求效率和性能上不断探索和实践,这也是企业生存之道。效率和性能往往是一个矛盾点,为了效率我们探索的通用方案会带来冗余性能损耗、为了性能我们需要针对特定环境专项优化而失去通用性以至于效率折损。跨平台解决方案,以此寻求效率和性能的平衡。正如C#中用Xamarin开发Android、iOS应用;浏览器中的WebAssembly;天然支持跨平台的Hybrid技术;基于javascript开发原生应用的React Native、Weex等,都是在追求效率与性能的平衡。对于企业以及团队而言,选择合适的开发语言及框架、跨平台中UI复用、不同平台API高扩展性、基于效率之上性能最优等,都一直围绕着跨平台技术和解决方案展开探索。

相约GMTC 北京2018『跨平台专场』,和技术专家一起交流跨平台技术方案及应用实践,分享跨平台技术方案的性能挖掘,同时也会关注新兴平台的代码复用等问题。

by 吴亮(月影)

360技术委员会委员,奇舞团负责人,《JavaScript 王者归来》作者
跨平台2D渲染对象模型与数据可视化实践

为支持360数据可视化项目,研究跨平台的2D渲染模型,主导设计了Sprite.js开源库,建立基于Canvas的跨平台渲染对象模型。支持Node服务端、Web端、小程序以及其他第三方平台的2D图形绘制与渲染。采用缓存、批次渲染以及其他优化手段优化性能。使用Babel编译,引入最新的ESNext语言特性。

本演讲介绍Sprite.js以及2D渲染模型的技术实现细节,讨论一些优化思路和优化手段,介绍这些技术在360数据可视化项目的落地,对于有2D渲染、动画效果以及跨终端需求的同学应该有借鉴意义。

by 潘伟洲

腾讯高级工程师
基于Cocos的高性能跨平台应用开发方案

跨平台应用开发已成为现在越来越主流的客户端开发形式。本次演讲将给出一种基于Cocos的高性能跨平台应用开发解决方案,结合我们团队使用 Cocos 对原本 Hybrid 形式的产品的改造过程,从技术选型、基础组件储备,再到改造过程中就如何提升跨平台开发效率以及产品性能所做的尝试和所踩过的坑,逐步进行总结回顾。重点探讨了开发过程中遇到的跨层交互、ScrollView 性能优化、内存优化等技术问题,为跨平台应用开发提供一种新的可借鉴思路。

演讲主要包括:

1. ABCmouse项目背景

2. 项目具体实践

(1)系统架构

(2)研发流程

(3)Cocos层

          - 通用组件开发

(4)Native层

         - 音频播放:多端统一播放组件

         - WebView:预加载,直出,JS打包

(5)跨层交互的技术问题

        - Native、Cocos 界面过度

        - local reference table overflow 问题

3. 性能优化

       - 高性能的 ScrollView 实现

       - 内存优化(图片压缩、图片格式、缓存、内存管理、属性动画、自动图集)

4. 效果对比和总结

 

听众收益:

提供一种新的基于Cocos的跨平台应用开发的思路,并在跨层交互、组件性能优化、内存优化等方面提供了具有参考价值的实践经验。


 

by 李德兴

APICloud技术负责人
基于HTML5开发高性能跨平台APP

Html5具有天然的跨平台特性,基于Html5混合技术架构的跨平台APP如今已然成为主流。本演讲将向大家分享我们在大规模使用Html5进行跨平台APP开发过程中,遇到过哪些坑,并讨论如何优化,将HTML5技术高效地应用于APP开发中,希望能给企业在业务快速落地过程中提供参考。

提纲

1、跨平台技术为什么越来越火

 1)开发者的烦恼 企业的焦虑

 2)主流的跨平台技术方向:中间语言编译方向 HTML5标准技术方向

 3)为什么选择HTML5

2、HTML5在跨平台APP开发中的实践

 1)系统架构

 2)功能问题

 3)性能问题

 4)优化:性能优化、渲染优化、加载优化、数据交互优化、适配优化

 5)模块化复用

3、如何选择HTML5跨平台APP技术方案

 1)核心要素

 2)支撑体系

4、HTML5技术跨平台应用在APICloud中的实践

听众受益:

1、了解HTML5技术在APP开发领域的应用情况
2、HTML5在移动端应用过程中的一些实践技巧
3、帮助企业或团队在APP项目推进过程中对技术方案选型提供参考 

by 王树彬

阿里巴巴闲鱼无线技术专家
基于Google Flutter的移动端跨平台应用实践

Flutter是Google开源的跨平台框架,是Google下一代操作系统Fuchsia的界面语言。通过自建绘制引擎,达到原生的绘制性能及很好的双端一致性,为跨平台统一编程提供了一种新的可能性。

闲鱼通过与Google团队紧密合作,将闲鱼部分页面迁移到Flutter。在将Flutter应用于大规模生产环境的过程中,闲鱼积累的实践经验和心得,分享给大家。此外,闲鱼突破Flutter的标准用法,实现Flutter与Native在同一个App中混合开发,解决了混合栈管理、混合工程优化、兼容性适配等问题,使现有应用可以平滑渐进式迁移,希望为大家提供参考。

 

演讲提纲:

1. 项目背景

(1)Google开源项目Flutter介绍

(2)为什么使用Flutter

2. Flutter通用实践

(1)Flutter的研发流程和体验

(2)UI开发,自定义组件

(3)Native通用平台能力集成

(4)用Texture对接自定义视频播放器及图片库

(5)性能监控及调优

3. 混合开发及渐进式迁移实践

(1)Flutter与Native混合栈管理

(2)混合工程及编译优化

4. Flutter应用效果

(1)性能与动态性

(2)Beta阶段的Flutter的成熟度

5. 小结

 

听众受益点:

1.Flutter特点,了解跨平台开发的一种新的可能性。

2.Flutter线上大规模应用的实践经验及注意事项。

3.了解基于自绘制引擎的跨平台框架的设计思想及优劣势。

by 赵辛贵

携程无线研发总监
携程大规模应用React Native的工程化实践

演讲摘要:

React Native从2015年开源,到现在3年多时间,在开源社区的推动下,发展的已经相对成熟。

优秀的框架性能、活跃的社区、成熟的React生态、以及友好的开源协议,是跨平台开发框架的不二选择,适合业务的大规模使用。

各大厂商从开发效率和用户体验角度考虑,准备在现有App中大量使用React Native框架的时候,会遇到各种各样的问题。携程从2016年中开始着手React Native的调研引入,到现在70+业务Bundle的大规模使用,一路走来,我们积累了些经验。

本次GMTC大会,将会分享一些我们的实践经验,希望能够为大家在规模化使用React Native的探索上提供借鉴和思路。提纲为:

1.使用现状介绍

(1)业务使用现状

(2)业务团队为什么会使用

(3)工作流介绍

2.如何支撑业务团队研发

(1) 工具链支持

(2) 开发框架组成

(3) 打包格式的演进

(4) 发布的优化

(5) 线上性能与错误的监控

(6) 故障排查

3. 实践经验

(1) 性能问题与LazyRequire方案

(2) 依赖库的管理

(3) Android稳定性问题

(4) RN版本升级与多版本运行

(5) 多App支持

(6)一套代码对H5的支持

 

听众受益:

1. 如何在规模化团队中推广使用RN

2. 规模化团队中使用RN常见的问题及其解决方案

3. 使用RN开发的一些最佳实践

本网站图片存储由七牛云独家支持
扫码关注前端之巅,即可获取GMTC PPT