擁抱變化，無限可能（D2 開場總結）

機緣巧合，可以參加 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 過來的，侵刪