web組件化 - 微前端子應用的樣式隔離
第一篇介紹了如何將React組件轉換為Web Component 第二篇介紹了子應用(Web Component)中的路由可以正常作用與Shell App 第三篇介紹了Sub App與Shell App通過屬性或自定義事件交互 第四篇介紹Web Component + React實現微前端的POC ...
原文：Web組件化 - 微前端實踐
第一篇介紹了如何將React組件轉換為Web Component 第二篇介紹了子應用 Web Component 中的路由可以正常作用與Shell App 第三篇介紹了Sub App與Shell App通過屬性或自定義事件交互 前文已經介紹過如何將React組件編譯為Web組件 Web Components ，並在html中引用。本文在此基礎上實現在Shell App中動態加載Sub App，從而 ...
2021-10-26 17:18 0 117 推薦指數：
相關推薦
前端組件化思想與實踐
前端組件化思想與實踐 組件化思想 什么是組件化？ 簡單的說組件就是：將一段UI樣式和其對應的功能作為獨立的整體去看待，無論這個整體放在哪里去使用，它都具有一樣的功能和樣式，從而實現復用，這種整體化的思想就是組件化。 為什么要組件化 ...
Web前端自動化測試Cypress實踐總結
本文主要首先主要介紹了什么是自動化測試，接着對常用的自動化測試框架進行了對比分析，最后，介紹了如果將自動化測試框架Cypress運用在項目中。 一、自動化測試概述 為了保障軟件質量，並減少重復性的測試工作，自動化測試已經被廣泛運用。在開始學習自動化測試之前，我們很有必要先 ...
微前端拆分實踐
“ 這篇文章是我一次活動分享的講稿 ” 最近項目上機緣巧合用微前端解決了一些團隊問題，借此機會跟大家分享一下。 微前端作為近兩年興起的一種解決方案，也不是什么新東西了，既然是解決方案 ...
微前端實踐MicroApp
微前端實踐 本文主要是關於microApp的實踐過程記錄 本文主要內容如下： 什么是MicroApp? MicroApp的父子通訊方式以及路由介紹 如何部署相關應用? 安裝 npm i @micro-zoe/micro-app --save yarn ...
微前端 & 微前端實踐 & 微前端教程
微前端 & 微前端實踐 & 微前端教程 微前端 micro frontends https://micro-frontends.org/ https://github.com/neuland/micro-frontends 2016 ...
大話前端組件化
在軟件工程中系統的架構也在隨着規模不斷的演進，最初的面向過程的軟件開發到現在面向對象的軟件開發。軟件工程也逐漸進入組件化開發階段。然而前端的組件化的發展一直滯后，傳統的桌面開發早已經進入組件化開發階段。 Web1.0時代前端主要是HTML與CSS的天下，JS則是簡單的輔助工具而已。到了 ...