2018年GMTC全球大前端技术大会嘉宾演讲PPT合集（共39套打包）

1、跨容器高性能的离线化方案在美团的实践和探索于秋美团 前端技术专家现在负责智能支付部门前端之前在阿里闲鱼项目背景离线化思考&破局思路策略方案&优化方案延伸 Diff服务（Golang）容错方案&成果总结业务场景二维码支付是一种聚合支付产品，美团 线下收单产品之一，为商户提供聚合支 付的收银解决方案。并且支持多种支付方式，目前支持用户 使用微信、支付宝、美团、点评扫码 进行付。

2、流利说大前端持续交付工程实践流利说大前端持续交付工程实践JenkinsGitlab-ciTravis-ci行业现状行业现状?为什么持续交付工程实践如此重要？为什么持续交付工程实践如此重要？我们理解的持续交付工程具体可以是怎样?我们的持续交付系统化是如何的?我们如何逐一攻克实现？Q&A我们理解的持续交付工程具体可以是怎样?随时打包周期性打包单独分支触发打包TAG 促发打包并行docker分。

3、携程大规模应用React Native的工程化实践Topic面临的挑战和方案的选择ReactNative在携程的使用现状CRN框架的优化我们的经验与实践总结与未来展望为什么会使用RN开发成本动态更新社区资源相对较低支持动态更新相对成熟，社区活跃包大小性能体验占用AppSize小用户体验佳现状 业务广泛接入 携程旅行App，线上70+RN业务模块 大量首页入口使用RN开发 PV占比超过H5 Hyb。

4、当插件化遇到 Android P京东商城目录CONTENTSAndroid P 禁令01Android App Bundles02路在何方03京东架构升级和重构04解密关键技术点05目录CONTENTSAndroid P 禁令01Android App Bundles02路在何方03京东架构升级和重构04解密关键技术点05Android P 时间表发布“禁止调用非SDK接口”消息发布官方动态框架。

5、大 前 端 时 代 前 端 监 控 的 最 佳 实 践“OUTLINE010203大前端时代前端监控新的变化前端监控的最佳实践阿里云ARMS前端监控系统架构大前端时代前端监控新的变化01“大前端时代有哪些变化？SPAMVVM/工程化跨端全栈大前端时代有哪些变化？“传统监控模式能否适用于新的技术？比如PV统计SPA模式下首屏如何计算？跨端开发给监控带来什么挑战？前端监控的上报模式在Node.js端。

6、开源 Flix谈异构列表解决方案Flix 设计理念适用场景和总结列表构建痛点和 Flix 解决目标异构列表Flix 解决目标使用 UITableView 怎么麻烦了账户注册页面（if indexPath.row）账户注册页面（if indexPath.row）两次密码输入相同输入了可用的用户昵称试试 switch case？if indexPath.row vs switch caseindex。

7、美团客户端基于响应式的架构实践CONTENTS 大纲TABLE OFEasyReact 和 EasyMVVM 的项目背景EasyReact 技术重点EasyMVVM 架构重点美团客户端面临的挑战美团客户端架构变迁EasyReact 与 EasyMVVM 的初衷EasyReact 和 EasyMVVM 的项目背景EasyReact 和 EasyMVVM 的项目背景美团客户端面临的挑战代码体量达到数。

8、基于Cocos的高性能跨平台开发方案项目背景体会和实践效果对比123项目背景体会和实践效果对比123ABCmouse美国销量第一幼教App团队开发，全美国7万教师推荐使用ABCmouseABCmouse 采用典型的 Hybrid App 跨平台解决方案Hybrid APP 性能问题loading，又在loadingABCmouse 各场景加载耗时3.72.43.52.32.92.300.511.。

9、基于AI的网易UI自动化测试方案与实践网易测试专家2018-6-211.开源UI自动化测试方案Airtest Project3.AI在Airtest中的应用4.AI与Airtest Project的未来展望2.网易大规模自动化实践1.开源UI自动化测试方案Airtest Project网易150+款移动AppAndroid碎片化海量设备OtherSamsungHuaweiHongmivivoOP。

10、前端团队的成长性探讨团队个人业务行业前端团队关键词“角色”团队？用户体验 技术方向决定了我们离用户相对近一些新技术 技术发展迅速，变化快天花板前端团队的职责是什么业务场景技术特点团队驱动前端团队的职责是什么我所在的团队愿景：革新WEB体验，让WEB生态重新繁荣职责：C端性能最终负责团队C端浏览体验负责团队WEB技术生态负责团队职责目标的选择CASE1:百度“极速搜索”项目冲突：研发效率 VS 展。

11、快应用开发体验与架构概述背景介绍开发体验架构概述 背景介绍：快应用（视频展示）背景介绍：快应用目标重视体验即点即用 背景介绍：浪潮之巅基于ROM联盟共建统一标准 背景介绍：多场景融入(视频展示)浏览器入口全局搜索入口应用商店入口 背景介绍：技术如何做到？无需安装性能差功能缺失升级容易下载安装性能好功能完整版本问题移动网页原生应用秒开性能好功能完整容易管理 开发体验：接入成本很大？开发体验：示例项。

12、前端体验中的设计原理Principles of Front-End ExperienceHi!Hi!AVENIR ZHENG入行8年，2年创业，6年腾讯01前端体验FRONT-END EXPERIENCEWhat?很久很久以前 面试现场什么是 前端体验面试官：你知道前端是做什么吗？什么是 前端体验什么是 前端体验面试官：请你举个什么是 前端体验什么是 前端体验产品需求：在页面底部实现一个点击后展。

13、如何用UI技术提升看房体验你处理的数据复杂吗？复杂数据什么样子呢？越个性化越需要处理复杂数据。越流程化越需要处理复杂数据。贝壳做了什么？SVG制作的户型结构编辑器操作A操作B操作C新数据+现有数据合并后数据视图依赖高效的算法单向数据流书本可以告诉你的：计算面积，计算相交，计算平行，点在面内需要自己琢磨的：外墙识别、分间查找、错误信息查找没琢磨出来的：最佳分间名称定位、最佳标尺webGL（thre。

14、成长的烦恼：INSTAGRAM IOS 团队如何随着产品成长成长的烦恼Instagram月活和产品线迅速发展-从14年开始，每7个月增加1亿月活-已突破10亿月活-信息流，私信，Stories，IGTV?2成长的烦恼-复杂的列表-大量实验相互干扰-编译时间越来越长 iOS工程团队如何迎接挑战演讲内容?31复杂列表的解决方案：IGListKit+MVVM2大规模对照试验3加快编译速度：Buck+F。

15、从UC内核角度谈谈PWA技术在阿里体系的实践及影响PWA的核心能力PWA的优秀实践PWA带来的影响Progressive Web AppPWA的关键技术-Service Workers 事件驱动 文档无关的生命周期 拦截请求和响应 可靠（Reliable）Service WorkersPushFetchActivateInstallServiceWorkerGlobalScope Service。

16、闲鱼Flutter应用实践闲鱼为什么使用FlutterFlutter与Native混合开发实践Hybrid工程实践-研发时Hybrid栈管理-运行时Hybrid页面组件Flutter通用问题实践详情页页面框架图片缓存注意事项线上Crash率详情页性能对比上线效果小结Flutter，一种新的可能性or性能动态性FlutterPhoneGapReactive NativeWeex高性能方案原理AOT。

17、美团客户端监控与异常排查实践美团客户端监控与异常排查实践背景背景监控报警监控报警异常排查异常排查技术挑战技术挑战总结总结6背景异常发现异常排查异常修复痛点异常发现慢异常定位慢8归因2个监控报警异常发现慢异常排查异常定位慢目录目录背景背景监控报警监控报警异常排查异常排查技术挑战技术挑战总结总结9监控报警11业务异常反馈渠道定位失败分享失败页面无法跳转客服反馈客服反馈缺乏业务的异常监控12业务度20。

18、V8、JavaScript 的现在与未来History of JavaScriptV8 引擎针对 JavaScript 的性能优化TC39 的最新提案以及应用场景编写高性能 JavaScript 代码history of JavaScript1997LiveScript1996JavaScript1995EcmaScript2000ES32015ES6ES720162017ES8ES920182。

19、Node.js全栈开发常见模式探究团队背景81%为前端工程师93%为 JavaScript 工程师ReactNode.jsWebDriverReactNativeElectronJavaScript Everywhere为什么用 Node.js？10 Things I REGRETAbout Node.js从 CSR 到 SSR前后端代码复用CPU密集操作的性能自动化测试跨平台与团队形态从 CS。

20、揭秘微视视频特效与非线性编辑技术内幕柯灵杰（lingtonke）00前言：谈谈视频编辑技术的演变一对一线性编辑系统多对一线性编辑系统Adobe Premiere一对一线性编辑系统多对一线性编辑系统Adobe Premiere00前言：谈谈视频编辑技术的演变一对一线性编辑系统一对一线性编辑系统多对一线性编辑系统Adobe Premiere00前言：谈谈视频编辑技术的演变多对一线性编辑系统一对一线性。

21、Babel后工程化时代的通天塔发际线原则WhyHowWhatPart 1 并非工程师的追求什么是工程化？引入现代的软件工程标准流程研发测试部署监控工程化的目的？流程管控、更安全、稳定自动化、提升效率贪(you)婪(xiu)的资本家并不关心个体效率，只关心投入产出比。工程化的本质，是工程师的自我救赎把事情丢给别人去做案例图(编辑器)宜搭/飞冰/BigFish/Strikingly/Wix不劳而获1。

22、?&?4?A?123?A?/?P?A?C?M?Q4?S?P?I?GU?-?M?/?,?*?.?)?*?C B?A?logadbsystrace?0.770.981.091.23?AI?tab?1?/?0?31?4?.22?/?/?CR?+?+.?TL?V?S?E?+?B?E?.?)?/?01?2?2?H?A?H?5?0?2?0?4?1?6H?I?D?C?,?8K?A?)?HB?HB?)?。

23、AR在直播中的应用AR技术与现状AR核心概念ARKit运行机制ARKit Demo 任意门ARCore 运行机制VR/AR/MR 介绍01|02|03|04|05|06|ARCore 与 ARKit 区别07|AR在直播系统中的应用08|PART 01VR/AR/MR 介绍01VR(Virtual Reality)虚拟现实，是一种可以创建和体验的计算机仿真系统。用户可以完全沉浸到该环境中并在该环。

24、如何开发优质Hybrid AppHybrid App的性能体验分析Hybrid App开发优化技巧分享程序运行性能优化用户交互体验优化逻辑异常处理应用数据安全Hybrid App技术展望Hybrid App的性能体验分析Native AppWeb AppHybrid App开发速度快开发成本低性能体验差?开发速度慢开发成本性能体验好性能体验？开发成本低开发速度快开发速度快HyBrid AppHy。

25、前后分离在APICloud的实践为什么要前后分离分离的优势与劣势实践中的思考当前的分离实践职责清晰效率提升发展空间前后分离带来了什么基于NodeJS“全栈”式开发为什么要增加一层 Node.js？现阶段我们主要以后端 MVC 的模式进行开发，这种模式严重阻碍了前端开发效率，也让后端不能专注于业务开发。解决方案是让前端能控制 Controller 层，但是如果在现有技术体系下很难做到，因为不可能让。

26、微服务平台下基于 GraphQL 构建 BFF 的实践注：PPT 中部分图片素材来源网络Node.js 兴起GraphQL 的优势BFF+GraphQL 的实践BFF 的应用场景Javascript 语言JS 引擎、运行环境，V8V8+I/O+其他，独立于浏览器运行Node.js 起源Node.js 的特质社区活跃度高：不断迭代的版本NPM 包管理生态圈：内容丰富，开发者活跃学习成本较低：Jav。

27、WebAssembly 在音视频领域的应用为什么引入WebAssemblyWebAssembly介绍WebAssembly开发与在线教育视频的结合展望与预期01为什么引入WebAssembly产品介绍(TutorMeet+)WebRTC 1.0 已经定案，愈发成熟稳定更多的编码器（VP9，AV1）更广泛的浏览器端支持（Edge，Safari已全面支持）更多的终端设备支持（医疗设备、loT）与新技。

28、图形学应用场景前端与图形学图形学基础设施缘起2011 gesture animation scroll2013 flexible design2016-2017 BindingX2018？对齐iOS体验解决适配问题通用交互领域模型缘起BindingXGesture Transform Lottie SVG缘起？浏览器中的图形学webkitskiaOpen GL(ES)canvasshader设计。

29、大前端趋势之下的驱动力APICloud联合创始人兼CTO需求的前端导向强大API中台的形成混合开发技术的成熟前端导向精细定制新技术应用积木式创新用户需求的变化强大API中台的形成混合开发技术的成熟前端的赋能需求的前端导向强大API中台的形成混合开发技术的成熟IT 系统架构的转变应用模板基础服务管理系统Pumbling子系统A子系统B子系统C功能数据服务界面布局功能实现UI逻辑业务逻辑数据存取数据。

30、LinkedIn 移动应用的性能优化实践201220142015自我介绍https:/ 性能监控体系性能优化实践案例为什么要做性能优化？LinkedIn 价值观用户第一项目规模5亿+注册用户20+业务线200+团队人数400万+代码行数大型项目的性能挑战影响面广种类繁多定位困难解决要快化繁为简的架构项目介绍LinkedIn 性能监控体系性能优化实践案例性能问题往往是项目规模引起的，而合理的架构能。

31、Hulu基于React的框架演进关于Hulu目录Hulu网站技术背景和挑战自创基于React的框架应用react-server的教训迁移至next.js的历程总结Hulu网站技术背景和挑战自创基于React的框架应用react-server的教训迁移至next.js的历程总结历史遗留技术栈多个Web应用共同存在BrowseAccountSignup.需要一个框架！框架提供支持BrowseAcco。

32、使用C+开发的AppRingCentralGlip:TeamChat欢迎前往欢迎前往AppStore or GooglePlay下下载体验载体验移动开发薪资排行榜5|2018 RingCentral,Inc.All rights reserved.基于djinni的跨平台App开发的实践分享蒋伟 Jacob JiangRingCentral Collaboration Mobile Manage。

33、AI在叮咚智能音箱中的演进和应用智能音箱市场分析智能音箱中的AI技术智能音箱的发展趋势讨论环节智能音箱市场分析智能音箱中的AI技术TTS语音合成VAD语音激活检测语音唤醒声纹翻译和评测TTS语音合成将文本转换成声音可播放，使用的场景非常多TTS在近几年的发展状况：能提供TTS合成技术的厂家越来越多制作一个TTS发音人的成本越来越低，包括研发成本和时间成本TTS合成技术本身，在自然度和流畅度上，也。

34、Android 开发的昨天、今天 和 明天个人简介&行业近况即将到来的根本性变革Android 研发演进之路个人简介25 年软件开发经验技术推动者行业活动家技术推动者APP 组件化&动态部署2013：Atlas 1.0-插件虚拟化容器（手机淘宝）2015：Android 插件虚拟化技术 在国内大范围引爆2017：Google Play 发布 Instant App 机制技术推动者。

35、使Flutter快速构建集美观与性能于体的移动应Build beautiful native apps in record time移动/台式机的使用时间移动应用/网站的使用时间中国用户的移动应用使用时间移动应用使用时间的分配电子商务交易量Confidential+Proprietary多平台高性能用户的需求 Market NeedsConfidential+Proprietary获奖软件 Aw。

36、Vue 组件库建设实践全球大前端技术大会1.组件库设计原则2.组件库工程化最佳实践CONTENTS 目录3.总结展望前言:组件和抽象组件是一种编程抽象，目的是复用组件和抽象通用型组件库业务型组件库程序员修炼之道从小工到专家DRY原则Dont repeat yourselfDavid ThomasAndrew Hunt全球大前端技术大会抽象改善已有代码的设计三次原则重构Rule of threeM。

37、51信用卡前端研发基础体系建设与工程化演进51信用卡工程化演进历程51信用卡的基础研发体系统一npm和yarn的包管理工具在线编译带来的可能性基于nginx的前后端分离方案 51信用卡来自杭州的互联网金融科技公司 51信用卡前端团队017.53552.570201620172018 51信用卡研发体系基础研发体系部署前后端 分离构建技术栈研发工具 webpack jenkins 包管理 nym-。