A_DoDo

一. webComponent - customElements 创建的自定义元素，因为它不仅提供一个元素容器，还自带了生命周期函数，我们可以在这些钩子函数中进行加载渲染等...

前言 自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。为了讲清楚其中的原理，我会从零开始实现一个简易的微前端...

沙箱篇官方讲解地址 https://github.com/micro-zoe/micro-app/issues/19 要解决的问题 1.例如当父子元素 同样设置样式 此时就...

一、整体流程 Micro App 的核⼼功能在CustomElement基础上进⾏构建，CustomElement⽤于创建⾃定义标签，并提供了元素的渲染、卸载、属性修改等钩...

最近用micro-app成功落地了微前端，把整个踩坑的过程记录了下来。micro-app还是一个挺好上手的微前端框架。...

由于目前手里的项目是之前从外包接过来的，是基于qiankun 2.0的微前端项目主应用和子应用都是vue2为技术栈搭建的，由于不支持vite，所以迁移到了micro-app...

在上篇文章中，我们已经实现了基本的多页签功能，接下来我们在微前端(qiankun)框架中实现多页签功能。...

tabs标签逻辑实现：手把手带你在微前端(qiankun)中实现多页签功能(路由keepalive) - 掘金 (juejin.cn) 子应用页面缓存功能实现：sansui...

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立...

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 即便在微前端的内核板块中，路由问题也没有占多大的...

公司的一个巨石应用需要改造成为微前端架构，在调研了市场现有微前端框架之后，最后使用了京东出品的micro-app，想比较于qiankun，micro-app具有以下优势： ...

那天，我正在奋笔疾书的写代码，看着那四六不通的代码在我手里逐渐光芒四射，不知不觉嘴角扬起了一丝的微笑。 突然，电脑右上角飘来一条钉钉消息: 来我工位一趟！这时大领导的消息，...

背景： 业务线后台管理系统经历了数年的迭代，代码量越来越庞大 不同模块全部集成在同一个项目中，添加需求越来越难 最近，刚好又要重新开四个后台管理系统，微前端势在必行。 我认...

微前端框架qiankun项目实战（二）--踩坑与部署篇 大家好，我是小黑。 在上一篇《微前端框架qiankun项目实战（一）--本地开发篇》发布后，感谢有网友提出了微应用的...

在上一篇章中，我们介绍了micro-app提供的一部分功能，接下来继续介绍提供的剩余功能，更多完整功能可参考官方文档。...

所以只好重新整理下，纪录一些踩过的坑和调研，希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的，有一些是在 qiankun...

简单了解微前端 微前端具备以下特点： 技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权 独立开发、独立部署：既可以组合在一起运行，也可以单独运行。 增量升级：...

微前端的设计要素：路由隔离、js隔离、css隔离、预加载机制、通信机制、多微应用激活，如果不了解微前端请自行搜索学习 一个完善的微前端框架需要考虑： 子应用的激活和卸载能力...

微前端介绍 不同于单纯的前端框架/工具，微前端是一套架构体系，这个概念最早在2016年底由 ThoughtWorks 提出。 微前端是一种类似于后端微服务的架构，它将微服务...