2019年01月19日,由網易舉辦的主題為“啟航”的第二屆前端技術大會於網易大廈B1報告廳如期舉行,此次大會分為7個主題,邀請了來自於網易考拉、螞蟻金服、網易雲音樂、阿里雲、百姓網7名演講嘉賓發表主題演講。大會當天,近千名參會者參加本次會議。本期會議的圓滿舉行離不開演講嘉賓、參會者、合作伙伴、志願者與工作人員的共同付出,小編在此代表舉辦方對大家表示感謝。下面讓大家跟著小編來回顧一下這場視聽與思想碰撞的盛宴吧!

上午9點開始,百名前端工程師,前端愛好者陸陸續續到達網易園區,並開始簽到入座,場面十分熱鬧。

致辭結束後,大會的主題演講正式開始。

Megalo--網易考拉的小程式解決方案
主講人:吳子然(網易考拉高階前端工程師)
16年畢業後加入考拉,mpregular、megalo團隊成員

自小程式問世起就掀起了開發狂潮,隨之又出現了各式各樣的小程式開發框架,開發者為了適應各自場景不得維護多套不同的程式碼。而Megalo則是由考拉前端團隊開發的一款基於目前較為流行的技術棧(VUE)的小程式開發框架,開發者可以用 Vue 的開發方式開發小程式應用。為實現跨H5和小程式(百度、支付寶、微信)兩端的應用提供較為高效的解決方案,可以較為迅速的完成H5和小程式之間的程式碼遷移。相比於其他小程式開發模式,megalo 更貼近 Vue原生的開發模式,支援更多特性。

作為Megalo的核心開發者,吳子然對Megalo的核心實現、現在與未來分享。
支付寶小程式最佳實踐
主講人:勾玉(螞蟻金服前端技術專家)
16 年加入螞蟻金服,目前負責支付寶行業前端技術團隊。

隨著移動浪潮的興起,各種APP層出不窮,極速的業務擴充套件提升了團隊對開發效率的要求。然而傳統的IOS&Andriod開發APP相比於H5來說會產生較高的開發成本,所以一種新的開發模式橫空出世。 Hybrid APP最一種混合開發的模式,底層依賴於Native提供的容器(UIWebview),上層使用Html&Css&JS做業務開發,將透明化與多樣化結合。使業務快速迭代。
與此同時,小程式也逐漸的融入了網際網路大家庭。支付寶小程式也逐漸的出現在大家的視野當中。作為螞蟻金服前端技術專家,勾玉在此次大會上對支付寶小程式的原理進行了介紹,並分享了在業務研發過程中的一些發人深省,令人深思的內容。
NEI MockStore 演變之路
主講人:包勇明(網易雲音樂前端開發專家)
曾在阿里巴巴、盛大創新院等公司任職,15年加入網易杭州研究院,目前在網易雲音樂前端公共技術組

Mock 資料是前端開發中比較重要的一個環節,對於前端工程師來說,除了程式編寫外,Mock資料的維護與使用也十分的關鍵,初期,為了業務迭代速率,部分開發者採用的方式是直接連線現貨是那個資料或者而是環境資料,這樣看來好似節約了除錯時間,但我們不難想象單,隨著時間的推移業務的累積,這樣的工程專案將越來越難以維護,而mock資料恰恰解決了這個問題,不僅使除錯更為簡潔清晰,更為後人維護提供一條康莊大道。
中國有的一句古話“磨刀不誤砍柴工“,只要底層基礎做好,後面的事情自然水到渠成。 網易前端目前採用NEI介面管理平臺對mock資料進行儲存與維護,不僅為前端開發提升效率並且講了前端與後端的協作溝通。網易雲音樂前端開發專家,包勇明針對Nei平臺的使用進行了仔細的講解。
世界是平的嗎?
主講人:徐飛(阿里雲高階前端技術專家)
長期從事企業軟體領域的前端架構,對於元件化開發有較多的思考

提到前端元件化,我想大家並不陌生。時至今日,越來越多的人對於開發過程中的元件抽取、狀態管理十分關注,如何合理的劃分元件內容,如何處理元件間的資訊傳遞,如何儲存各個組建的狀態顯得尤為的重要,通常情況下,大家劃分元件多以功能,頁面為主,但有時候,當頁面較為複雜,邏輯耦合性較強時,元件的劃分就變得有些艱難。
阿里雲高階前端技術專家,徐飛對於元件化開發有較多的思考,並在現場與大家進行分享討論,使大家在前端元件化的道路上有了新的體驗與理解。
如何構建企業級Node.js應用
主講人:許駿宇(網易考拉高階前端開發工程師)
Node.js 在考拉落地的主要推進者之一,開源專案 foxman、dubbo.js 發起者。

Node.js 自出世以來,便以其非阻塞 IO 的優勢,受到了廣大開發者的關注。隨著 eggjs、nestjs 等框架的出現,為我們提供了一套團隊規範、日誌、多程式以及安全等問題 通用性解決思路,使得 Node.js 在 Web 場景下的使用也日漸成熟。而以企業級的標準構建 Node.js 應用,除框架以外,我們還需要考慮其他的一些東西。
網易考拉前端開發工程師,許駿宇結合在考拉推進 Node.js 應用落地的實踐,以「可用性」與「效能」兩個關注點,和我們一起探討了「如何構建企業級應用」的話題。
Diving into Node.js Web Framework
主講人:死馬(螞蟻金服高階前端技術專家)
專注在 Node.js 領域 6 年,搭建了阿里巴巴和螞蟻金服內部 Node.js 模組管理系統、中介軟體服務等基礎設施,負責內部 Node.js Web 框架的研發和開源。Node.js Web 框架 Koa.js 和 Egg.js 的核心開發者,cnpm 中國映象維護者

我們隨著Node.js的興起,Node.js社群出現了非常多的Web框架。例如:express,koa,sails,loopback,think.js,egg等等。express是使用最多的框架,它擴充套件了 Web 應用所需的基本功能,也是各個推薦新手入門的框架。koa是express原班人馬打造,是在express基礎上的進階,解決的最大問題,利用async await的新語法特性,解決回撥地獄的問題。sails , loopback, thinkjs, egg都是基於kao或express的企業級框架。螞蟻金服高階前端技術專家,死馬給我們講解了,如果想要構建一款屬於自己的框架。作為koa和egg的核心開發者,其分享以 koa 和 egg 為示例,和大家一起站在框架設計者的角度上對 Node.js Web 框架背後的設計思想和實戰經驗進行了討論。
關於class field的爭議話題
主講人:Hax(百姓網技術顧問)
人稱「賀老」,十多年來一直活躍在Web標準、前端開發和JavaScript社群,關注和參與了多項ECMAScript新草案的討論。是知乎的程式設計、前端開發、JavaScript、CSS等話題的優秀回答者

做為本次技術大會的壓軸嘉賓。Hax針對public class field以及private class field的最新提案進行了分享,也拉近了我們與ECMAScript的距離,通過草案我們不難發現,對於class field,業界還是有很多不同的想法的,也存在一些爭議。而作為前端開發者或愛好者的我們更是對此翹首以盼。好的定製與約束不僅能夠提高效率,更能為業務帶來不可以限量的優勢。就讓我們摩拳擦掌,等待著新一波的熱潮吧。hax 為我們的前端標準付出了很多個人時間。在前端社群有非常大的影響力。
晚上17:00整,大會圓滿結束。諸位嘉賓陸續離場。此次會議共持續了6個半小時,近千名參與者,大家積極踴躍提問,發言,現場氣氛十分熱鬧。不難看 出,大家在對前端技術充滿熱情。

想了解更多,大家可以進入官網下載演講PPT和觀看視訊講解。
官網地址:fc.netease.com/