網易第二屆前端技術大會

緣起

2019.01.19，早上五點起牀去杭州，晚上十點半回到小窩。由於個人水平過低，因此如下僅爲會議簡單記錄，或者說只是個人一個日記。詳情請關注網易的一個前端公衆號——「前端技術交流社區」，據說會公佈大佬的PPT，乾貨不少。

注：我是小公司的，不少沒有用過也沒有考慮或接觸過，理解下來會有誤差，請指正。

不算開場致詞，總計七位大佬，七個主題講座。

目錄

1.megalo-網易考拉小程序解決方案——吳子然（網易高級前端開發）

2.支付寶小程序最佳實踐——勾玉（螞蟻金服前端技術專家）

3.NEI MockStore演變之路——包永明（網易雲音樂前端技術專家）

4.世界是平的嘛？——徐飛（阿里雲高級前端技術專家）

5.如何構建企業級Node.js應用——許駿宇（網易考拉高級前端開發）

6.Diving into Node.js Web Framework——死馬（螞蟻金服高級前端技術專家）

7.關於class filed的爭議話題——Hax（百姓網技術顧問）

1.megalo-網易考拉小程序解決方案——吳子然（網易高級前端開發）

吳大佬，東南大學本碩，非計算機專業。16 年畢業後加入考拉，mpregular、megalo 核心開發。

會議主題是介紹megalo框架，一個github上1015星(截至2019.01.19 23:07:00)。項目啓發來自mpvue框架，一個github上15437星(截至2019.01.19 23:08:00)，emmm...由於是好奇當時大佬說了星數已經有mpvue十分之一了，我才手賤查了下，不過這和沒有大力推廣有關係，畢竟我沒用過，很少說啦。

會議介紹了megalo的編譯流程，從loader構建：改標籤(div => view)、for語句的轉換、click事件的處理等等，到compiler過程作標記，這部分我沒聽仔細，好像是給每一個閉合標籤都加上id標記？，再到Runtime時綁定聲明週期、事件代理、數據映射等等。

會議一部分重點講解了megalo在性能上的優化，在渲染和更新數據時，採用diff算法減小性能消耗。同時還有一個方面，我不是太清楚，我的理解是相似依賴收集或者數據懶加載，即只把vue的data中，在頁面組件裏使用過的屬性，才構建進微信小程序的setData中，等等。

會議還有一部分詳細講解了vue中的filter在小程序要如何實現，很差意思...這部分忘了。

相對於mpvue中，做者已經好久不維護了。megalo支持的vue特性更豐富，同時還支持支付寶小程序，百度智能小程序。能夠預見，github的星數趕超，指日可待。

2.支付寶小程序最佳實踐——勾玉（螞蟻金服前端技術專家）

勾玉，16 年加入螞蟻金服，目前負責支付寶行業前端技術團隊，業務涵蓋充值繳費、信用卡還款、電子發票、大出行、城市服務、快遞、車主、租房等等，在海量的業務中，成功轉型成前端 PM。

這個我睡着了- -，恍惚記得說了些支付寶小程序對於離線包如今的一些事情，還記得支付寶小程序IDE將會開放編輯器插件功能，同時還會貢獻公司內部開發出的插件。

3.NEI MockStore演變之路——包永明（網易雲音樂前端技術專家）

包永明，多年前端開發經驗，曾在阿里巴巴、盛大創新院等公司任職，15年加入網易杭州研究院，目前在網易雲音樂前端公共技術組，專一於前端研發效率、質量、監控分析、工程化等領域的研究。此外，是一名業餘的技術書籍翻譯愛好者，翻譯過《單頁Web應用：JavaScript 從前端到後端》等書籍。

會議從前端假數據的歷史開始講起，從註釋掉ajax直接寫callback，到假數據寫成一個json文件...哈哈，其實不是這樣說的，這是個人假數據歷史。大概就是說了下假數據的演變過程和NET這個項目的演變過程。生動形象的講解了，如何讓反饋推進一個產品的成功。例如：返回的數據無心義，我只想要音樂的名字，而不是亂七八糟的文字——那你本身配；各個接口不關聯，我想在新建商品以後，再把這個商品數據拉出來作詳情——針對restful接口風格，在新建的時候把數據存到mongodb中，返回一個id，你隨便調；能校驗參數嘛——前置業務邏輯腳本；能實現分頁嘛——後置業務邏輯腳本等等，更多詳細介紹請自行查看官網：NEI-接口管理平臺。

會議帶來lionel愛學習的我的感想，這就是我想要的東西呀，不再怕後臺效率低，我本身寫好了數據結構最後他又不用，後臺每次改動接口數據結構後直接丟我一個postman連接，我？？？

會議帶來更深層感想，研究兩天，趕忙找老闆推廣。

4.世界是平的嘛？——徐飛（阿里雲高級前端技術專家）

徐飛，長期從事企業軟件領域的前端架構，對於組件化開發有較多的思考。

七個講座裏最哲學標題，先針對標題分析一波，這個問題在最後大佬給了一個回答，原話不記得，如下我的理解。咱們生活在地表，觀察到大山巍峨，深淵溝壑，會覺得地球是一個高低起伏，上下顛簸的，可是當咱們從太空中觀察地球，或者是拿出一個地球儀觀察，你纔會發現那些起伏相對於地球來講，是微不足道的。因此世界是平的嘛？它的答案與光同樣具備二相性，與薛定諤同樣具備貓；它的答案是你看山，山也在看着你；它的答案是：道理我都懂。它沒有答案。

爲何我要跟題目一塊兒講哲學呢？

由於這位大佬是低音炮，好聽，聽不進去，我真的真的一點都記不起來，並且當時我有認真聽的。

5.如何構建企業級Node.js應用——許駿宇（網易考拉高級前端開發）

許駿宇，Node.js 在考拉落地的主要推動者之一，開源項目 foxman、dubbo.js 發起者。

這個強烈建議搞個ppt看，十分乾貨。從大佬本人推進的第一個node.js應用被拒提及，在針對架構師的靈魂之擊，安全性怎麼樣，能抗住大流量嘛，上線出問題了能快速修復嘛...等等問題，從一個企業級應用的可用性和性能方面，寫了一個多小時的詳細ppt懟回去，主要推動者實至名歸。

會議詳細介紹瞭如何實施監控，如何安全構建和部署，如何分發服務等等不在我學過的範圍內，多角度深層次的講解node.js，很好的。

6.Diving into Node.js Web Framework——死馬（螞蟻金服高級前端技術專家）

不用太多介紹啦，koa、egg、cnpm...

深刻淺出node.js框架，介紹了express和koa等輕量級node.js框架到底實現了什麼，介紹了大家這麼輕量的缺點，推廣了egg.js。唉，node.js是成爲前端必備技能了吧，我只用過koa框架寫了一個todo應用，並且我這個服務器快到期了。

7.關於class filed的爭議話題——Hax（百姓網技術顧問）

賀師俊，網名hax，人稱「賀老」，現爲百姓網技術顧問。十多年他來一直活躍在Web標準、前端開發和JavaScript社區，對HTML等標準有微小的貢獻，也關注和參與了多項ECMAScript新草案的討論。Hax是知乎的編程、前端開發、JavaScript、CSS等話題的「優秀回答者」，可知乎 @賀師俊 向他提問。可在GitHub上 @hax，或微博 @johnhax 與他交流。

什麼叫前端開發者的自我修養，整場對class filed糟糕設計的那種哀其不爭露於言表。B站上有大佬在第八期杭州 NodeParty ✖️ Rokid 技術分享會上的現場視頻關於 class field 的神祕話題 | Hax。

總結

一入前端深似海。