臘八剛過，大面積的寒流便以不可阻擋之勢兇猛來襲。在這凜冽的寒冬里，國雙內(nèi)部舉辦的一場小型沙龍卻讓自由與溫暖之風(fēng)重回人間——1月15日，由國雙前端技術(shù)委員會舉辦的首屆前端技術(shù)主題沙龍，在4位前端技術(shù)達(dá)人的分享下順利召開。其專業(yè)的技術(shù)知識與縝密的邏輯思維，讓眾人在這凜冽的寒冬中饗食了一場別(bu)開(ming)生(jue)面(li)的技術(shù)盛宴。

　　國雙“前端工程化”主題沙龍

追溯前端工程化

作為國雙首屆專業(yè)技術(shù)沙龍的主辦方，前端技術(shù)委員會將這一次的主題定為了“前端工程化”，希望能借此開放性的話題吸引更多人分享和討論。而從此次舉辦結(jié)果來看無疑是成功的——第一場面向前端技術(shù)人才的沙龍活動便吸引了國雙95%以上的前端開發(fā)者參加，用主辦方的話說，“至少從這一結(jié)果來看，大家對專業(yè)性沙龍還是抱有期待的”。

其實(shí)，不僅是專業(yè)技術(shù)人才，對于普通大眾而言，與計(jì)算機(jī)技術(shù)開發(fā)聯(lián)系最為緊密的也是前端：打開任意網(wǎng)站或APP，你的眼睛看到的所有畫面、手指接觸到的按鈕操作等都是前端。前端開發(fā)者的目標(biāo)便是將后端的數(shù)據(jù)服務(wù)轉(zhuǎn)換成業(yè)務(wù)功能供用戶使用，從這一角度來講，前端又像是連接產(chǎn)品與用戶的橋梁。

　　國雙AD系統(tǒng)微信H5傳播分析頁面

那么，一橋如何飛架南北?為了從計(jì)算機(jī)技術(shù)端到達(dá)用戶端，多年來，開發(fā)者們可謂用盡了洪荒之力。從最初的“八仙過海，各顯神通”，即框架齊放階段，到現(xiàn)在Angular、React、Vue三大框架鼎足而立的時(shí)代，開發(fā)者們漸漸踏出了一條前端工程化之路。不僅如此，為了讓這一通往用戶端的工程之路變得更加便捷，各種提升效率的工具也開始陸續(xù)出現(xiàn)。從上世紀(jì)九十年代發(fā)展到如今，前端開發(fā)工程中經(jīng)典框架、工具接連涌現(xiàn)，開發(fā)者們一面遵循經(jīng)典、一面暗自發(fā)力，誰也無法猜到下一個(gè)經(jīng)典究竟花落誰家。不過，前端開發(fā)者們，人人皆有可能!

一份智慧，多人分享

本次分享會的四大主題按分享順序分別為：“前端框架的工程化之路”“GCRM微前端實(shí)踐”“組件庫構(gòu)建方案演進(jìn)”與“webpack優(yōu)化實(shí)踐”。除第一個(gè)結(jié)合本次沙龍大主題的分享之外，另外三個(gè)話題基本都來自于分享者的實(shí)踐經(jīng)驗(yàn)。

“GCRM微前端實(shí)踐”首先為大家?guī)砹?ldquo;微前端”的概念，直觀地理解，就是將一個(gè)巨無霸(Monolith)的前端工程掰開捏碎，縮成一個(gè)個(gè)的小工程。這一做法的最大好處就在于，若要進(jìn)行產(chǎn)品局部微調(diào)整，以前是“牽一發(fā)而動全身”，而現(xiàn)在則可以通過“一對一”的方式在后端進(jìn)行相對應(yīng)的微服務(wù)。這樣一來，相應(yīng)的打包速度、頁面加載速度也都提高了，有效避免了大工程中多人協(xié)作的沖突，并且滿足了當(dāng)下越來越多的產(chǎn)品定制化需求。

第三個(gè)分享對于國雙產(chǎn)品的使用者而言或許更為親切。用過國雙產(chǎn)品的朋友們對于國雙產(chǎn)品頁面的整體排版、色調(diào)應(yīng)該不會感到陌生。為讓用戶在使用國雙不同產(chǎn)品時(shí)能夠迅速熟悉操作，國雙前端開發(fā)者們專門研發(fā)了一套獨(dú)屬于國雙的組件庫。第三位分享者帶來的“組件庫構(gòu)建方案演進(jìn)”，便為大家介紹了國雙組件庫是如何按需加載以及優(yōu)化構(gòu)建體積等歷程。其后的每一步高效操作都凝結(jié)了國雙人智慧的結(jié)晶。

最后一位分享者帶來的“webpack優(yōu)化實(shí)踐”，直接用一組組不斷優(yōu)化升級的數(shù)據(jù)將大家代入了操作過程中。隨著一輪又一輪的迭代，項(xiàng)目代碼量早已從當(dāng)年的demo種子搖身變成今日的參天大樹。由于缺乏長期維護(hù)，如今的框架構(gòu)建效率簡直是縈繞在碼農(nóng)們心頭的噩夢。在使用升級版前端開發(fā)工具webpack4過程中，分享者經(jīng)多次嘗試，終于找到了一個(gè)獨(dú)辟蹊徑的優(yōu)化方法——配合happyPack+dll插件使用，構(gòu)建效率此后一路高歌，突飛猛進(jìn)……

讓專業(yè)回歸專業(yè)

對于前端開發(fā)者們而言，這次的沙龍無疑是一場難得的學(xué)術(shù)狂歡，但對于現(xiàn)場聆聽的極少數(shù)非專業(yè)人員而言，可能腦中只剩下“我是誰”“我在哪兒了”……專業(yè)與科普難兩得，究竟該如何取舍?

“這樣的情形其實(shí)我們之前就已經(jīng)想到了，不過考慮到舉辦沙龍的初衷，最終我們還是沒有對主講人提出過多的要求。我們想打造的就是一個(gè)純技術(shù)交流與分享的平臺，希望能給各技術(shù)伙伴帶來一些借鑒與思考。如果考慮到不懂專業(yè)的人而將之變成科普平臺，那受眾可能就變成普通人而不是我們的技術(shù)同仁了，這樣一來也就背離了我們的初衷。因此，最終我們決定保持專業(yè)，讓這一個(gè)平臺真正成為技術(shù)人的圣地。當(dāng)然，我相信未來我們國雙還將有其他專門的分享平臺，那時(shí)我們的技術(shù)達(dá)人也會非常樂意為大眾進(jìn)行科普的。”本次沙龍的主辦者，前端技術(shù)委員會成員如是說道。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實(shí)，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。