機緣巧合，能夠參加 13屆 D2 前端開發者大會，自己的拖延症又犯了，沒有及時將文章整理出來。下次要趁早，不然點讚的人都少了 （o´ﾟ□ﾟ`o）

0 玉伯 —— 體驗科技與好的社會（螞蟻金服）

文字版 www.yuque.com/yubo/words/… 插播一條前一日螞蟻金服 SEE_CONF 玉伯的開場

1 圓心 D2 開場

五個變化

1. PC -> 無線 給前端帶來更多的可能性和創造性

• 無線端市場份額越來越多（淘寶 95% 交易在無線端）

• 無線時代的渲染技術的改變

• 無線時代效能優化的改變（Yahoo 的 N 條軍規不能完全適用）

• 無線時代基礎能力的改變 可以獲取更多端提供的方法

  • LBS
  • 攝像頭
  • 陀螺儀

2. nodejs 讓前端走到後端 讓前端獲得更多的能力

• 前端模組化和體系化
• 前端思維模式的改變（eg:微服務模式）
• 阿里現在已經有 4000 多個 node 應用

3. ToB 體系的到來給中後臺有更多的機會

• ToB 體系逐步完善
• ToB 體系天然的標準化和收斂性催生優秀的 UI 元件庫

4. 前端工程化的到來

• 前端開發逐步從開發工具到開發工程
• 前端開發體系逐漸完善
• 前端走向成熟的標誌

5. 框架語言的相對成熟

• vue react 兩大體系使得前端開發逐步確定

三個機會

1. 中國特有的小程式提供新的機會

• 除了微信，支付寶、釘釘 等都開始推出自己的小程式
• 特點：跨平臺、高度的安全性、賦能

2. AI 智慧化帶來的新的機會

• AI 智慧化的發展並不是和前端完全沒有關係（但是區塊鏈和前端真的沒有關係 ）

• 去 code 化（design to code ）

  • 提高開發效率
  • 仍需探索

• 端智慧框架

  • 服務端的演算法可以下發到客戶端來做
  • eg: 淘寶詳情頁無障礙框架（詳情頁為圖片拼接，如何通過 AI 智慧轉換為文字供障礙人士閱讀）

3. PC 桌面帶來的機會（Electron）

• 開發模式的改變
• 雲+ 端使得前後端開發更加高效

總結

• 唯一不變的就是變化

• 前端的發展前景還是充滿活力並且面臨機遇與挑戰

  • 新零售
  • 異形屏
  • 新一代的互動裝置給前端整個體系的挑戰

• 相信你所相信的，堅持你所堅持的

2 個人收穫

其實我覺得參與本次 D2 給我帶來最大的幫助就是讓我對我現在所從事的行業更加有信心，因為我們能做的還有很多。

其實之前一直有言論說前端工程師慢慢將會被取代，因為這幾年確實有很多優秀的工具出現。

如果你也有這樣的擔心，那麼完全是因為你現在所做的事情就和搬磚的工人是一樣的，機械的重複勞動，所以將會被取代的是 你 本身，而不是某一個行業，我相信，如果只是機械的勞動的話，不久的將來，都是會被機器替代掉的。

從圓心的發言來看，現如今的社會的發展，計算機的發展和前端的發展，和五年之前或者三年之前都是有很大的變化的。那麼面對這些變化，就會有更多的機會和挑戰，比如：

• PC 到無線時代的轉變我們可以獲得更多端的基礎能力
• Nodejs 讓前端開發工程師可以走向後端，無論是業務還是思維方式
• ToB 體系的完善可以讓我們開發出更多的標準化 UI 元件庫
• 中國特有的小程式也會有更多的機遇與挑戰
• PC 桌面我們也可以做更多的事情了
• AI 智慧化逐步會讓前端去 code 化（design 2 code）也會催生出更多的端智慧框架
• 特大螢幕和超小螢幕也會給前端開發有更多的開發和挑戰
• 新一代的互動裝置給前端整個體系的挑戰

也就是說，在未來的幾年中，我們所從事的行業還是有很多的領域需要我們去探索的，我們能做的還有更多，同時，未來也還會有無限種可能，未來就掌握在我們每個人的手中，我們每個人都是推動時代進步的一份子。

3 個人感悟

相對於之前參與的 JSConf，本次 D2 收穫還是蠻多的，也是從一個剛入行的小菜鳥變成了稍微好一點的小菜鳥(ಥ_ಥ)

你從 D2 這樣的分享會能得到什麼

• 想要乾貨？八成都不是，你能得到的是整體大環境的發展趨勢
• 你可以瞭解到其他大牛們都在研究什麼，開闊技術視野，時不時感慨還可以這樣？！ヽ(；´Д｀)ﾉ
• 獲得第一手的學習資料，作者本人直接向你講述，如果你有問題，作者本人可以給你答疑解惑~~
• 感受下和大牛們之前的差距，嗯，可能也就是月球到地球的距離吧 (〒︿〒)
• 學習一下演講技巧，如何在短時間內讓大家理解你想要表達的內容
• 大型網友見面會，感受下旁邊有在微信上問你：“你是不是也來 D2 了呀，我旁邊有個人和你很像唉~~”
• 順便帶走個 女朋友 男朋友 基友（也不是沒有可能啊喂，上次 餓了麼 秋季交流會就有現場帶走女朋友的~~~）

D2 分享資料：

• GraphQL rewrite and performance improvement 》王啟安 / Facebook 前端工程師

  由臺灣小哥講解的 GraphQL，主要講了 GraphQL 的一些概念使用以及優勢 思路清晰通俗易懂，業務痛點和應用場景也有介紹。

  相關資料：graphql.org/ graphql.cn/

  一種用於 API 的查詢語言：GraphQL 既是一種用於 API 的查詢語言也是一個滿足你資料查詢的執行時。 GraphQL 對你的 API 中的資料提供了一套易於理解的完整描述，使得客戶端能夠準確地獲得它需要的資料，而且沒有任何冗餘，也讓 API 更容易地隨著時間推移而演進，還能用於構建強大的開發者工具。

• 《你不知道的 Node.js 效能優化》 Starkwang/ 騰訊雲前端工程師 zhuanlan.zhihu.com/p/50055740

  小哥哥講的很好，準備非常充分，對內容非常熟悉。講了一些很實用的優化方法和思路，最後還講了怎麼做效能監控，可以說是很用心的了

• 《如何通過逆向工程 V8 從故障的程式中復活 JavaScript 》張秋怡 / Node.js Technical Steering Committee 的成員

  通過 Node.js 還原事故現場，在 Node.js 事故之前保留所有除錯相關的資訊，便於事後除錯

  相關資料：llnode ：github.com/nodejs/llno…

• 《WebAssembly becoming the biggest platform》Sven Sauleau / TC39成員、Babel 核心成員、 Webpack核心成員、 WebAssembly專家 d2-2019.sauleau.com/

  相關資料： webassembly.org.cn/

  WebAssembly/wasm WebAssembly 或者 wasm 是一個可移植、體積小、載入快並且相容 Web 的全新格式

• 《Migration To React Suspense》閆暢 / Facebook 前端工程師（github.com/cyan33/Migr…

  主要闡述了 React Suspense 所要解決的問題以及相關的使用

• 《Will "class fields" be the new "bad part" of JavaScript? 》賀師俊（Hax）/ 百姓網架構部工程師

• 《從 spritejs 談完整的 UI 系統設計》winter / 計算機之子

  主要講了UI系統的設計/分層，包括圍繞spritejs講了其設計以及一些優化，清晰易懂。

  UI 系統分哪幾層，瀏覽器、Weex、Flutter 分別是如何實現這幾層的？

  接著介紹了 SpriteJS 匹配之前所述的 UI 系統各層都採用了哪些實現方案。最後 winter 給了一些關於由 SpriteJS 在 UI 系統圖形層、渲染層的展望引出的總結

• 《Web 渲染引擎中興之路之技術大揭祕》成國凱 / 阿里巴巴 無線開發專家

  從 U3 到 U4 核心，渲染引擎以及容器都有哪些變化，Rasterization 即光柵化是如何利用 GPU 能力的，從單執行緒到多執行緒、多程式和沙箱多程式，Web 平臺的演進史，該如何合理使用 Layer？U4 眾多新特性介紹，以及滑動效能優化、首屏效能優化、混合渲染等等

• 《What makes Flutter fast》李宇騫 / Google Flutter 開發 2018谷歌開發者大會講 Less Work（幹活少） Better incentiv（激勵好）

• 《淘寶 MiniApp 容器架構探索之路》煉玉 / 阿里巴巴 高階無線開發工程師煉玉 / 阿里巴巴 高階無線開發工程師煉玉 / 阿里巴巴 高階無線開發工程師 主要講手淘在在頁面層與底層抽出來一層業務容器層，圍繞講了一些隔離 / 監控 / debug / 效能優化等，主要還是從架構&策略等方面去聊手淘小程式的技術，也聊了一些經典問題比如長列表滾動效能問題如何解決之類

分享資料很多都是從 www.zhihu.com/question/30… 下 copy 過來的，侵刪