侵權投訴

主流的微前端的實現庫原理及其用法

39度創意研究所 ? 2020-10-10 14:24 ? 次閱讀

本文對微前端的概念和場景進行科普,介紹一些主流的微前端的實現庫及其用法,并講解部分這些庫的原理和實踐知識。

一、微前端

在項目迭代中,隨著業務的發展壯大,項目的功能模塊通常也會越來越多??赡茉瓉硭械拇a模塊都在一個倉庫里,由一個團隊負責。但隨著功能模塊越來越多,一個團隊可能負責不過來,需要多個團隊來專門維護不同的模塊。相應的代碼也會被拆到多個倉庫里,并且各模塊能獨立開發、部署更新。通常雖然項目被拆成了多個模塊,但為了維持整體統一性以及用戶體驗,各模塊依然都會掛在統一的入口下。

上面所述場景就是典型的微前端場景,類似于后端的微服務架構,它將web應用由單一的單體應用轉變為多個小型前端應用聚合為一的應用。

通常,要實現上面類似的需求,我們很容易會想到使用iframe的方式來實現。在入口框架中用iframe來顯示子模塊的頁面,切換子模塊時,iframe也跟著切換成對應子模塊頁面的url。

雖然iframe是比較容易實現的,但通常也會有一些問題:

顯示區域受限制,比如子項目中顯示彈窗蒙層時,蒙層只會覆蓋iframe區域,無法覆蓋整個頁面,內容也無法真正居中。

頁面瀏覽記錄無法自動被記錄,刷新頁面后iframe又自動回到首頁。

全局上下文完全隔離,變量不共享,頁面間通信比較麻煩,比如子項目與主題框架、子項目之間通信等,只能采用postMessage方式。

速度較慢,每次進入子應用時都要重建整個上下文。

上面所列問題,有些可以解決,有些甚至都沒法或者很難解決??偟膩碚f,iframe是一個比較快捷的方案,但不是最好的方案,會對體驗有很多限制。如果強行打各種patch,復雜度又上來了,最后可能得不償失。

二、single-spa

剛才我們講了iframe實現微前端的一些弊端,主要原因就是這些應用還是在各自獨立的頁面內,這就導致了一些天然的限制。而single-spa微前端方案結合了MPA和SPA的優勢,可以在單個頁面內集成多個應用,并且是技術棧無關的。

如上圖就是采用single-spa實現微前端的整體流程:

資源模塊加載器:用來加載子項目初始化資源。我們將子項目的入口js構建成umd格式,然后使用模塊加載器遠程加載,通常會使用SystemJs(不是必須)通用模塊加載器來進行加載。

子應用資源配置表:用來記錄各個子應用的入口資源url信息,以便在切換不同子應用時使用模塊加載器去遠程加載。因為每次子應用更新后入口資源的hash通常會變化,所以需要服務端定時去更新該配置表,以便框架能及時加載子應用最新的資源。

注意:single-spa本身是不支持子應用資源列表的,每個子應用只能將自己所有初始化資源打包到一個入口js中。如果子應用初始化資源有多個文件(可以通過webpack-manifest-plugin生成應用初始化資源清單),就需要按照上述方式來添加額外處理。

1、框架入口

{ “imports”: { “app1”: “http://localhost:8081/js/app.js”, “app2”: “http://localhost:8082/js/app.js”, “single-spa”: “https://cdnjs.cloudflare.com/ajax/libs/single-spa/4.3.7/system/single-spa.min.js”, “vue”: “https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js”, “vue-router”: “https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js”, “vuex”: “https://cdnjs.cloudflare.com/ajax/libs/vuex/3.1.2/vuex.min.js” } }location.pathname.startsWith(‘/app2’) ) // 啟動 singleSpa.start(); }) })()

為了簡單展示,上述只是框架入口html的一個簡單demo,并沒有解析子應用資源配置表來加載相應資源。在入口中我們注冊了子應用,并確定了子應用的激活時機。

子應用資源配置表是完全自定義的,只要入口加載器這邊按照約定的規范來解析加載資源,并按照single-spa的生命周期鉤子來處理好這些資源的掛載。

我們還可以將一些公共的資源庫資源庫(如上vue、vue-router等)抽取到入口中,這樣各個子應用不需要再包含這些庫文件了,可以減小資源文件大小,提升加載速度。子應用中構建時要外置這些庫,比如用webpack構建時如下:

externals: [‘vue’, ‘vue-router’, ‘vuex’]

2、子應用入口

import ‘。/set-public-path’ import Vue from ‘vue’ import App from ‘。/App.vue’ import router from ‘。/router’ import singleSpaVue from ‘single-spa-vue’ Vue.config.productionTip = false if (process.env.NODE_ENV === ‘development’) { // 開發環境直接渲染 new Vue({ router, render: h =》 h(App) }).$mount(‘#app’) } const vueLifecycles = singleSpaVue({ Vue, appOptions: { render: (h) =》 h(App), router } }) export const bootstrap = vueLifecycles.bootstrap export const mount = vueLifecycles.mount export const unmount = vueLifecycles.unmount

如上我們的子應用是vue開發的,需要用single-spa-vue來包裝下,然后導出生命周期的鉤子函數。為了方便開發,我們可以判斷下運行環境,如果是開發環境的話,就直接渲染到頁面上。

set-public-path.js

細心的同學就會注意到,子應用代碼中運行了set-public-path.js。那么這個文件是干嘛用的呢?先來看下:

import { setPublicPath } from ‘systemjs-webpack-interop’ setPublicPath(‘app1’, 2)

從名字也能看出,systemjs-webpack-interop是針對在systemjs中使用webpack構建的bundle的場景的。眾所周知,webpack構建代碼時,可以通過output.publicPath選項指定要加載資源的url前綴,這在傳統的spa中不會有問題,但在single-spa的頁面中可能會有問題。比如output.publicPath: ‘/xx’的情況,webpack會認為異步資源加載的url域名為當前頁面的域名,這在傳統spa中不會有問題,但在single-spa的場景下異步資源就會加載失敗,因為子應用的異步資源與框架頁面的url域名并不是一樣的。所以需要各個子應用自行在入口中執行上述代碼,這會設置子應用的異步資源url前綴與子應用的入口js一致,這樣加載的路徑就不會錯誤了。

setPublicPath代碼如下:

export function setPublicPath(systemjsModuleName, rootDirectoryLevel) { if (!rootDirectoryLevel) { rootDirectoryLevel = 1; } if ( typeof systemjsModuleName !== “string” || systemjsModuleName.trim().length === 0 ) { throw Error( “systemjs-webpack-interop: setPublicPath(systemjsModuleName) must be called with a non-empty string ‘systemjsModuleName’” ); } if ( typeof rootDirectoryLevel !== “number” || rootDirectoryLevel 《= 0 || !Number.isInteger(rootDirectoryLevel) ) { throw Error( “systemjs-webpack-interop: setPublicPath(systemjsModuleName, rootDirectoryLevel) must be called with a positive integer ‘rootDirectoryLevel’” ); } let moduleUrl; try { moduleUrl = window.System.resolve(systemjsModuleName); if (!moduleUrl) { throw Error() } } catch (err) { throw Error( “systemjs-webpack-interop: There is no such module ‘” + systemjsModuleName + “’ in the SystemJS registry. Did you misspell the name of your module?” ); } __webpack_public_path__ = resolveDirectory(moduleUrl, rootDirectoryLevel); } function resolveDirectory(urlString, rootDirectoryLevel) { const url = new URL(urlString); const pathname = new URL(urlString).pathname; let numDirsProcessed = 0, index = pathname.length; while (numDirsProcessed !== rootDirectoryLevel && index 》= 0) { const char = pathname[--index]; if (char === “/”) { numDirsProcessed++; } } if (numDirsProcessed !== rootDirectoryLevel) { throw Error( “systemjs-webpack-interop: rootDirectoryLevel (” + rootDirectoryLevel + “) is greater than the number of directories (” + numDirsProcessed + “) in the URL path ” + fullUrl ); } url.pathname = url.pathname.slice(0, index + 1); return url.href; }

三、single-spa的不足

如上面提到過,如果子應用初始化資源有多個文件(比如通常我們會將css、npm模塊抽離成一個單獨的文件),那么我們就要自行維護一個子應用資源列表并做一些額外處理,這個工作往往也是比較繁瑣的;

將多個子應用都集成在一個頁面中,css和js都是很有可能產生沖突的。雖然我們可以制定規范,比如各子項目使用唯一地命名前綴等,但這種人為約定往往又是不那么靠譜。對于css,我們還可以在構建時使用一些工具自動添加前綴,這樣可以比較靠譜的避免沖突;對于js來說,比較靠譜的方式可能就是人為制造沙箱,讓子應用的js都運行在各自的沙箱中,但這實現起來就比較復雜了。

四、qiankun

其實,已經有個基于single-spa的開源庫qiankun已經幫我們解決了上面提到的問題,其有如下特征:

解析子應用入口時,不是解析的js文件,二是直接解析子應用的html文件。就算子應用更新了,其入口html文件的url始終不會變,并且完整的包含了所有的初始化資源url,所以不用再自行維護子應用的資源列表了。

子應用掛載時,會自動進行一些特殊處理,可以確保子應用所有的資源dom(包括js添加的style標簽等)都集中在子應用根節點dom下。子應用卸載時,對應的整個dom都移除了,這樣也就避免了樣式沖突。

提供了js沙箱,子應用掛載時,會對全局window對象代理、對全局事件監聽進行劫持等,確保各子應用都運行在自己的沙箱內,這樣也就避免了js沖突。

包含多個spa應用的demo

子應用 dom 結構如下

當然,在前端越來越龐大復雜的場景中,微前端方案也不是銀彈,但確是值得探索實踐的方向。

五、參考文獻

single-spa

qiankun

可能是你見過最完善的微前端解決方案
編輯:hfy

收藏 人收藏
分享:

評論

相關推薦

總結這賦予 UI 以個性的10個方式,幫助UI設計變得更加有趣

如果你覺得你的 UI 設計起來很無聊,想讓它看起來更加有趣,其實是有很多相對通用的方法。這些方法大都....
的頭像 如意 發表于 10-14 14:13 ? 37次 閱讀
總結這賦予 UI 以個性的10個方式,幫助UI設計變得更加有趣

編程萌新學習過程中需避免的九大誤區

筆者剛剛開始編程生涯時,常常在思考什么是編程的正確方式,但我無法確定正確答案。不過,我很快就明白了方....
的頭像 如意 發表于 10-11 10:22 ? 182次 閱讀
編程萌新學習過程中需避免的九大誤區

新手學習編程,0基礎該注意什么

首先呢,先不要覺得程序猿的工資就一定高,因為任何一個職業都會有收入高的低的,畢竟在這個世界上有無數的職業,程序猿也并不多...
發表于 07-19 11:33 ? 101次 閱讀
新手學習編程,0基礎該注意什么

關于前端有哪些知識點

前端知識點總結
發表于 07-08 15:37 ? 20次 閱讀
關于前端有哪些知識點

CSS框架:PureCSS的優缺點

由Yahoo開發的PureCSS,提供了一組體積小、且具有快速響應能力的CSS模塊。它非常適合開發那....
的頭像 如意 發表于 07-01 16:34 ? 572次 閱讀
CSS框架:PureCSS的優缺點

中高級前端面試秘籍!金三銀四如何直通大廠?

中高級前端面試秘籍!金三銀四如何直通大廠??。ㄩL文)...
發表于 06-18 13:34 ? 23次 閱讀
中高級前端面試秘籍!金三銀四如何直通大廠?

請問個學習前端的有沒有出息?

學習前端的,真的沒有出息嗎?
發表于 06-17 09:53 ? 28次 閱讀
請問個學習前端的有沒有出息?

系統信息的總源頭是什么?

前端設備是系統信息的總源頭。形象地說,前端設備是系統的“視覺”和“聽覺”器官。系統的操作者可通過處理....
的頭像 lhl545545 發表于 06-10 09:04 ? 363次 閱讀
系統信息的總源頭是什么?

前端調用接口亂碼如何判斷

前端調用接口亂碼問題
發表于 06-05 06:13 ? 26次 閱讀
前端調用接口亂碼如何判斷

什么是前端技術

前端技術概覽
發表于 06-04 09:48 ? 32次 閱讀
什么是前端技術

如何在阿里云物聯網平臺上使用IoT Studio開發多設備Web應用?

一、新建Web應用 新建Web應用的前提是已建立有項目。 如何在阿里云上建立項目,可以參見之前的文章....
發表于 05-07 09:35 ? 497次 閱讀
如何在阿里云物聯網平臺上使用IoT Studio開發多設備Web應用?

如何通過阿里云物聯網平臺發布單設備Web應用

前言 前面的文章里,我們介紹了如何在阿里云物聯網平臺上配置網關、添加LoRa節點設備,以及如何使用I....
發表于 05-07 09:16 ? 515次 閱讀
如何通過阿里云物聯網平臺發布單設備Web應用

前端是做什么的

什么是前端前端究竟在做些什么
發表于 03-31 11:32 ? 80次 閱讀
前端是做什么的

一小時快速搭建基于阿里云容器服務-Kubernetes的Web應用

如果您是一個Kubernetes的初學者,本文可以幫助你快速在云上搭建一個可實際使用的集群環境,并發....
發表于 03-09 17:07 ? 369次 閱讀
一小時快速搭建基于阿里云容器服務-Kubernetes的Web應用

前端的各種組件名稱及功能

【前端組件】各種標簽 組件 按鈕的名稱
發表于 11-08 09:39 ? 490次 閱讀
前端的各種組件名稱及功能

優秀的前端工程師應該是什么樣子

從前,有一個前端程序員,他無意間得到了一盞神燈。神燈許諾會實現他一個愿望。于是他向神燈許愿,希望有生....
的頭像 工程師人生 發表于 09-23 16:27 ? 1215次 閱讀
優秀的前端工程師應該是什么樣子

一位前端工程師的自述

之前一直想寫一篇文章說說自己在廣州的實習,一方面是上學期開始特別喜歡寫東西記錄一下自己的生活和感悟,....
的頭像 工程師人生 發表于 09-16 11:27 ? 950次 閱讀
一位前端工程師的自述

成為前端工程師需要哪些知識和技能

前端領域發展很快,各種新技術新思想不斷涌現,這是一個好現象。
的頭像 工程師人生 發表于 08-27 16:17 ? 1259次 閱讀
成為前端工程師需要哪些知識和技能

前端工程師的危機在哪

隨著終端技術的發展,前端工程師成了一個炙手可熱的職位,甚至衍生出了大前端工程師的概念。那什么是大前端....
的頭像 工程師人生 發表于 08-22 15:48 ? 988次 閱讀
前端工程師的危機在哪

怎樣成為萬中無一的前端工程師

從前,有一個前端程序員,他無意間得到了一盞神燈。神燈許諾會實現他一個愿望。于是他向神燈許愿,希望有生....
的頭像 工程師人生 發表于 08-22 15:42 ? 922次 閱讀
怎樣成為萬中無一的前端工程師

前端工程師到底需要掌握哪些技能

作為一名前端想要晉升,需要什么條件?
的頭像 工程師人生 發表于 08-22 15:24 ? 1329次 閱讀
前端工程師到底需要掌握哪些技能

前端工程師的兩種價值

一直以來互聯網行業一直都是高薪的代言詞,其中程序員又是工資最高的一職業,那么大家一直想很問問,請問前....
的頭像 工程師人生 發表于 08-08 15:40 ? 1287次 閱讀
前端工程師的兩種價值

AI在前端領域的發展

原來AI在前端開發的歷史有這么長了
的頭像 AI科技大本營 發表于 07-24 09:36 ? 1864次 閱讀
AI在前端領域的發展

前端工程師轉型架構師的經歷

前端架構師, 聽起來就是個很高大上的 Title, 每個初入行的前端工程師在面試時, 被問到你未來的....
的頭像 工程師人生 發表于 07-23 14:16 ? 1665次 閱讀
前端工程師轉型架構師的經歷

一名女前端工程師的自述

我是一名工科女,因高考失利與理想的院校擦肩而過,從而選擇了機電專業。畢業后找工作時才發現機電專業的工....
的頭像 工程師人生 發表于 07-19 17:07 ? 1457次 閱讀
一名女前端工程師的自述

前端工程師的職業規劃

在敲下這個標題的時候,心里好虛。話說我一直不太喜歡發表這些看上去很假大空的文字,每個人的職業規劃都是....
的頭像 工程師人生 發表于 07-11 16:44 ? 1812次 閱讀
前端工程師的職業規劃

什么是微服務架構_微服務架構的優缺點及應用

什么是微服務架構 簡單地說,微服務是系統架構上的一種設計風格, 它的主旨是將一個原本獨立的系統拆分成....
的頭像 電子發燒友網工程師 發表于 06-02 10:03 ? 4191次 閱讀
什么是微服務架構_微服務架構的優缺點及應用

怎樣成為一名優秀的前端工程師

作為一名最基礎的前端工程師你必須掌握HTML、CSS和JavaScript。三者必須同時精通,類似我....
的頭像 工程師人生 發表于 06-01 11:22 ? 1015次 閱讀
怎樣成為一名優秀的前端工程師

如何在草圖3中設計著陸頁

肖威洞察  針對于前端案例的體系的梳理...
發表于 05-31 12:33 ? 185次 閱讀
如何在草圖3中設計著陸頁

前端程序員究竟過得怎么樣

從2017年到現在,前端開發行業內并不平靜。受到資本寒冬導致互聯網和創業市場整體遇冷的影響,前端崗位....
的頭像 工程師人生 發表于 05-26 11:36 ? 1943次 閱讀
前端程序員究竟過得怎么樣

一名前端程序員的日常生活

程序員的生活很簡單,天天對著電腦,偶爾休息了也在家看看電影,打打游戲,作為一枚前端,我簡單的說下,我....
的頭像 工程師人生 發表于 05-24 16:20 ? 1170次 閱讀
一名前端程序員的日常生活

前端程序員怎樣轉型全棧工程師

前端與后端的思維專注點很不相同,前端聚焦在如何把內容以可視化的方式展現給用戶,后端聚焦在如何利用IT....
的頭像 工程師人生 發表于 05-17 16:38 ? 948次 閱讀
前端程序員怎樣轉型全棧工程師

寫js遇到錯誤的調試方法

前端頁面js 調試技巧
發表于 04-26 11:17 ? 263次 閱讀
寫js遇到錯誤的調試方法

前端工程師的簡歷到底怎么寫

其實前端工程師并不少,但很多時候合適的前端工程師難找??赡苁怯捎诔绦騿T比較內向,前端工程師都沒有把自....
的頭像 工程師人生 發表于 04-16 17:08 ? 1881次 閱讀
前端工程師的簡歷到底怎么寫

web前端程序員到底值多少錢

對于互聯網公司來說用戶就是上帝,做好客戶體驗一切才有可能。所以互聯網公司都會把錢砸向前端,Web前端....
的頭像 工程師人生 發表于 03-21 10:50 ? 1607次 閱讀
web前端程序員到底值多少錢

怎樣成為一名專業的前端開發工程師

進入新時代的2018,在“奮進新時代,筑夢新征程”的主旋律下,在全國兩會即將召開的美好時刻,總給人奮....
的頭像 工程師人生 發表于 03-05 15:18 ? 1158次 閱讀
怎樣成為一名專業的前端開發工程師

怎樣成為優秀的WEB前端工程師

隨著近兩三年來RIA(Rich Internet Applications的縮寫,中文含義為:豐富的....
的頭像 工程師人生 發表于 03-05 15:08 ? 1477次 閱讀
怎樣成為優秀的WEB前端工程師

Web前端開發是做什么的 薪資待遇怎么樣

前端開發這個行業目前來說已經不算是個新興的行業了,越來越多的人在這兩年開始轉型做Web前端開發,但是....
的頭像 工程師人生 發表于 01-23 17:18 ? 6859次 閱讀
Web前端開發是做什么的 薪資待遇怎么樣

前端工程師要做哪些事情

前端工程師的英文名為front-end engineer,簡稱FE。
的頭像 工程師人生 發表于 01-18 16:36 ? 1680次 閱讀
前端工程師要做哪些事情

為什么html5前端開發工程師工資那么高

目前,企業對于html5前端開發人才需求量非常大,小到企業網站、個人主頁,大到政府部門,都是通過網站....
的頭像 工程師人生 發表于 12-13 11:31 ? 2164次 閱讀
為什么html5前端開發工程師工資那么高

非計算機專業前端工程師的真實經歷

2010年5月4號,大三,在浙大紫金港的圖書館,第一次知道了HTML的含義,慢慢的開始接觸CSS,j....
的頭像 工程師人生 發表于 11-26 15:44 ? 2737次 閱讀
非計算機專業前端工程師的真實經歷

前端開發工程師面試技巧

我在Twitter和Stripe這兩家公司工作期間會負責一些前端開發者的面試。在面試過程中我們有很大....
的頭像 工程師人生 發表于 11-22 16:22 ? 1679次 閱讀
前端開發工程師面試技巧

一名前端工程師的從業經歷

四年之前,我也是從原生Js開始,HTML,CSS,瀏覽器兼容,操作DOM,Ajax交互,慢慢到后來,....
的頭像 工程師人生 發表于 10-21 09:51 ? 1821次 閱讀
一名前端工程師的從業經歷

前端工程師面試技巧

我在Twitter和Stripe的一部分工作內容是面試前端工程師。其實關于面試你可能很有自己的一套,....
的頭像 工程師人生 發表于 10-15 10:57 ? 1662次 閱讀
前端工程師面試技巧

前端工程師的價值到底體現在哪里

其實豆瓣的克軍的理解也很不錯,很有前瞻性,一個好的前端工程師到底應該做什么,具體的價值體現又是怎樣的....
的頭像 工程師人生 發表于 10-15 10:41 ? 1336次 閱讀
前端工程師的價值到底體現在哪里

前端工程師的崗位職責有哪些

前端開發工程師(下文簡稱前端),這個崗位我一直有些異議,異議就在前端的崗位職責有哪些?
的頭像 工程師人生 發表于 10-11 09:26 ? 5158次 閱讀
前端工程師的崗位職責有哪些

前端工程師的簡歷怎么寫

雖然簡歷都會有一些常規信息,但職業決定了這份簡歷核心內容和求職成敗。所以,這份簡歷應該盡可能體現你自....
的頭像 工程師人生 發表于 10-09 09:03 ? 10572次 閱讀
前端工程師的簡歷怎么寫

怎樣成為前端工程師

前端教的三大內功秘笈:Html、Css、Javascript。你必須要掌握的程度
的頭像 工程師人生 發表于 10-08 10:28 ? 1628次 閱讀
怎樣成為前端工程師

為什么互聯網行業這么缺前端工程師

現在,幾乎整個互聯網行業都缺前端工程師,不僅在剛起步的創業公司,對上市公司乃至巨頭這個問題也一樣存在....
的頭像 工程師人生 發表于 10-08 10:13 ? 1812次 閱讀
為什么互聯網行業這么缺前端工程師

web前端工程師怎樣定位自己

Web前端工程師可以簡單將其工作概括為:在互聯網領域駕弩前端技術(XHTML/CSS/Javascr....
的頭像 工程師人生 發表于 09-29 11:05 ? 1942次 閱讀
web前端工程師怎樣定位自己

前端工程師為什么這么難找

先說下自己早年的經歷吧,最早的時候跟很多現在看到的各種廉價前端程序員一樣(如果那算程序員的話),就是....
的頭像 工程師人生 發表于 09-29 10:20 ? 1260次 閱讀
前端工程師為什么這么難找

前端工程師與后端工程師有什么區別

今天和同事在飯后突然聊天Web前端工程師這個職位,沒想到這個小小的聊天,竟然折射出來我們對這個職位不....
的頭像 工程師人生 發表于 09-28 09:30 ? 15722次 閱讀
前端工程師與后端工程師有什么區別

前端工程師是如何逆襲的

2006年至今,我們時??梢钥吹絁avaScript的新聞,剛開始只是JavaScript引擎性能的....
的頭像 工程師人生 發表于 09-27 10:31 ? 1141次 閱讀
前端工程師是如何逆襲的

優秀前端工程師是怎樣煉成的

近幾年前端工程師變的多了,關于前端工程師的學習資料也變多了。 想想4,5年前,應該沒有前端開發工程師....
的頭像 工程師人生 發表于 09-26 09:31 ? 960次 閱讀
優秀前端工程師是怎樣煉成的

一位前端工程師對前端的理解

最近忽然不知道從哪里聽到這樣一句話,你還算是一個前端工程師嗎?會不會廢了?
的頭像 工程師人生 發表于 09-25 09:42 ? 2558次 閱讀
一位前端工程師對前端的理解

轉行成為前端工程師的經歷

十月底接到面試通知,到從上一家單位辭職僅僅用了一天的時間。然后看著四百多一天的酒店,我選擇了六十塊的....
的頭像 工程師人生 發表于 09-21 10:46 ? 1729次 閱讀
轉行成為前端工程師的經歷

后端工程師怎樣快速掌握前端開發技能

初入軟件開發這一行時,當時還沒有前后端分離這個概念,所有的開發工程師既能寫html,也能寫后臺服務,....
的頭像 工程師人生 發表于 09-21 10:34 ? 1514次 閱讀
后端工程師怎樣快速掌握前端開發技能

一名前端工程師的職業經歷

我做前端已經有五年的時間了,從大學剛畢業的時候,我是一個完全什么都不懂的小白。雖然我大學里學的是軟件....
的頭像 工程師人生 發表于 09-18 10:30 ? 6760次 閱讀
一名前端工程師的職業經歷

前端和后端工程師眼中的HTTP

HTTP,是Web工程師每天打交道最多的一個基本協議。很多工作流程、性能優化都圍繞HTTP協議來進行....
的頭像 工程師人生 發表于 09-18 10:15 ? 2445次 閱讀
前端和后端工程師眼中的HTTP

WEB前端工程師怎樣做職業規劃

對于一個WEB前端的職業規劃,其實是有各種的答案,沒有哪種答案是完全正確的,全憑自己的選擇,只要是自....
的頭像 工程師人生 發表于 09-17 09:29 ? 8936次 閱讀
WEB前端工程師怎樣做職業規劃
山东十一选五彩乐乐