來自前端工程師的Google開發者大會2018參會總結

原文地址: ovenzeze.coding.me/2018/summar…
Github：github.com/ovenzeze
轉載請註明出處

題外話

Google開發者大會2018在9-20到9-21在上海如期舉辦，做爲爲數很少在大陸舉辦開發者大會的國際一線互聯網公司，大會的內容和質量仍是很使人期待的。當初抱着試一試的心態，在微信公衆號上填寫了申請表，沒想到可以收到邀請函。畢竟做爲工做不到兩個月的小菜鳥，實際上是沒有抱太大期待可以審覈經過的。既然有這個機會，天然但願能去看一看的。因而收到邀請函當天，就和老大申請了調休，訂了機票定下了行程。

其實大會的議程很早就在官網公佈出來了，簡單瀏覽了一下，其實大會的重點仍是AI，涉及到前端生態的內容並不如想象中的多，並且和目前的技術積累和主攻方向仍是有比較大的差異。可是做爲開發者的信仰公司之一舉辦的大會，前去感覺下頂級互聯網公司的技術氛圍和研究方向也是值得的。

主要內容

PS:樓主不太喜歡拍PPT，全部沒有太多現場的演講照片，因此你們湊合看下。

今年的大會主要議程仍是圍繞新技術、商業化、工具幾個場景展開，其中涉及到前端生態主要是Flutter、AMP、PWA、Lighthouse和Puppeteer，其餘還有一些偏知識型的技術分享。大會的議程能夠在官網查看到，也能夠在各大視頻網站或直播平臺查看回看。

其中，Flutter主要介紹了即將發佈的Flutter Release Preview 2的新特性、部分設計思想、最佳實踐以及在合做企業中的一些應用。AMP和PWA部分，有三場演講。主要是找了一些合做夥伴來聊了一下AMP或PWA在商業上帶來的促進和變化以及遷移到AMP帶來的挑戰。而在開發者工具部分，主要介紹了Lighthouse和Puppeteer，這兩部分主要是技術實踐和推廣。下面從這個三個方面，記錄下大會的主要內容和本身的感悟，但願能夠給沒能來現場的同窗一些參考。

(跨平臺)Flutter

Flutter部分主要介紹了下Flutter的工做方式、設計思想和一些最佳實踐，以及在國內公司的實際應用。做爲Google最新推出的跨平臺開發工具，Flutter做爲Google站在巨人的肩膀上設計開發的工具，在設計層面就解決了不少以前RN難以規避的問題，好比List渲染的性能問題，主要仍是Google本身開發了一套GDI，拋棄了RN採用的層層編譯的方式，在程序運行時既不須要webview也不須要操做系統的底層控件，經過本身的基於Skia的GDI來繪製UI。這也是Flutter在設計和工做方式上和RN、Weex等跨平臺工具上最大的不一樣。Flutter理論上能夠在支持的設備上實現120FPS，而RN只承諾到60FPS。

不過目前Flutter還處於Beta階段，社區生態還不夠完善，有不少東西還須要繼續完善。可是做爲開發者，不少人已經躍躍欲試了，截止到2018-9-26，在Github上Flutter最新的Stars已經達到了38232個，還處在飛速增加中，做爲還在Beta版本的工具是很可貴的，做爲對比目前已經發布3年多的RN的Stars數是約70000個。能夠看到社區也是很是活躍的，基本處於天天更新的程度。Issue的解決速度也很是快。

做爲開發者，若是團隊有比較強大的開發實力，而且目前在跨平臺開發方面遇到難以解決的性能瓶頸，能夠嘗試如今就開始使用Flutter。而對於廣大普通開發者，能夠試試本身作一些業務APP來試水，待工具和社區生態更成熟之後再切入也不晚。

在大會上也介紹了目前國內是應用Flutter到生產環境最多的地區，好比騰訊的NOW直播、阿里的閒魚等團隊都在Flutter上面有積極的嘗試和豐富的實踐。

(性能與速度)AMP&PWA

AMP&PWA其實已經不算新了，此次Google主要是推廣介紹，還邀請了一些合做夥伴分享了向AMP改進的一些心得和收益。技術上主要的分享就是淘寶的國外版本，AliExpress(速賣通)，還有央視國際視通、京東，歐萊雅和米蘭網在AMP在商業實踐上的一些經驗。

AMP其實經過一套特有的規則來優化網頁的加載和運行，可是須要使用AMP專有的標籤和組件，在個性化定製方面確定是要有所犧牲的。可是換來了速度上的提高和SEO上的優待，目前已經有超過15億個AMP網頁。

目前市場上主流的瀏覽器都對PWA有了完整的支持，可是在國內的話整體感受應用還不是太普遍。大會會也提到了，目前PWA主要仍是應用在網絡鏈接速率緩慢和設備性能低下的地區和國家，國內的公司對PWA的熱情彷佛不過高。

(開發者工具)Lighthouse&Puppeteer

在輔助開發工具的創造上，Google一直是走在業界最前列的。從Chrome自帶的開發者工具開始，Google創造的開發者工具就一直是WEB開發人員必備的工具。此次額外介紹了Chrome的無頭瀏覽器Puppeteer和網頁性能評測工具Lighthouse。

做爲Google官方的無頭瀏覽器，Puppeteer幾乎能夠模擬任何你在Chrome中能夠進行的操做。模擬前進、後退、刷新，模擬用戶點擊和滑動，自動化表單提交、鍵盤輸入，網頁截圖、導出PDF，爬取SSR網站內容等等。能夠說比爬蟲工具更完善了。並且，Chrome官方團隊維護的工具，在功能上確定是儘可能像Chrome靠齊，能夠說是開發者的福音了。

而最新的Lighthouse3.0，則能夠更全面的測試和評估你的網頁性能，還能像ESLint同樣給出代碼中存在的問題，提供最佳實踐，並能夠生成報告導出，集成到持續部署工具中，觀察每一次發佈對網頁性能帶來的影響，讓開發者全方位的掌控網頁的運行情況。

在最新的Chrome中，你能夠在Audits下找到Lighthouse，固然你也能夠經過命令行工具使用，經過命令行工具你能夠方便的將Lighthouse集成到持續集成系統中。

其餘

總體來講，大會的質量仍是很高的。也頗有Google特點，穿插了大量的現場Coding環節，讓開發者感受很親切。做爲科技公司裏對技術最有追求的幾家公司之一，在前端方面的積澱確實很深厚。不管是新技術、新標準仍是新的輔助開發工具，Google都是走在整個業界的最前列，期待國內公司也可以有這樣的追求，並朝着這個方向去努力吧。否則真的很難吸引到真正優秀的人才，在長期的競爭中必然會處於下風。從使用工具到改進反哺工具，再到創造工具，還有很長的路要走。

做爲一個小菜鳥，也會繼續努力，嚴格要求本身，但願有朝一日也能像Google工程師那樣的來介紹本身設計創造的工具。