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-。