第一點 ：傳統web應用遇到的2個問題 1.User Experience 用戶體驗 2.Performance 性能問題 SPA如何解決這些問題的： 不重新加載頁面，交互盡可能使用一個web document對象。 用戶體驗變得更加的連續和流暢，同時網絡延時帶來的影響也很容易忽略 ...

什么是微前端？ 主應用配置 采用 Angular 作為主應用基座，接入不同的子Angular項目構建angular主應用基座 使用angular cli生成angular項目 在 ...

前言 最近入職的一家公司采用single-spa這個微前端框架，所以自學了此框架。 single-spa這個微前端框架雖然有中文文檔，但是有些零散和晦澀。 所以我想在學習之余，寫篇博客拉平一下這個學習曲線。 什么是微前端？ 微前端的靈感來源於服務端微服務的理念。 可以簡單理解為，在開發 ...

單體應用對比前端微服務化 普通的前端單體應用 微前端架構 1.基本概念 實現一套微前端架構，可以把其分成四部分（參考：https://alili.tech/archive/110 ...

前言 　　看這篇文章之前先要了解微前端概念，single-spa如何使用。 　　這篇文章主要分析single-spa原理。然后分析完之后，作者說說自己對於同時都是微前端框架qiankun和single-spa的關系的一些理解，因為在我學習剛開始微前端的時候，我其實不太明白都是微前端框架 ...

在理解微前端技術原理中我們介紹了微前端的概念和核心技術原理。本篇我們結合目前業內主流的微前端實現 single-spa 來說明在生產實踐中是如何實現微前端的。 single-spa 的文檔略顯凌亂，概念也比較多，初次接觸它的同學容易抓不住重點。今天我們嘗試整理出一條清晰的脈絡，讓感興趣的同學能夠 ...

初步認識微前端 微前端是什么 現在的前端應用，功能、交互日益復雜，若只由一個團隊負責，隨着時間的推進，會越來越龐大，愈發難以維護。 微前端這個名詞，第一次提出是在2016年底。它將微服務（將單一 ...

每日優鮮供應鏈前端團隊微前端改造 動態注冊路由，然后根據路由判斷加載子項目js資源。子項目webpack需要設置externals，然后用systemjs接管external的包加載 web ...