前言 回顾微前端的历史，最早的时候我们是利用 iframe 嵌入一个网页，这就是微前端的雏形。虽然接入时方便快捷，但它也存在一系列缺点...

前不久从零开始写了一个webpack多页面打包boilerplate(webpack4-boilerplate)，方便以后工作可以开箱即用，特此记录下开发过程中的要点。 然而现实是骨感的，很多场景下，单页应用的开发模式并不适用。比如公司经常开发一些活动页: 上述三个页面是完全不…

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。 给HTML的DOM节点加一个不重复data属性(形如：data-v-2311c06a)来表示他的唯一性。 在每句css选择器的末尾（编译后的生成的css语句）加一个当前组件的data属性…

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

微前端(QianKun)落地级实施和最后部署上线 历时不到两个月，来到新公司后，接到新需求：“要把ERP系统拆分出来，里面有包括PMS、OMS、WNS等等”模块。 当时的第一个想法就是微前端，那么接下

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

在使用qiankun框架做微前端开发的过程中，遇到了诸多难题，比如路由重定向、变量名及事件名冲突、挂载注销机制及生命周期、keep-alive等，目前遇到的比较难解决的问题可能就是css样式污染问题了

微前端框架中，js隔离、样式隔离、元素隔离是必须解决的三个问题，下面我们就来分别说说这三个问题是什么？怎么解决？ 涉及的核心点是 Proxy，WebComponent，shadowDOM js隔离 问

乾坤相较于single-spa，做了两件重要的事情，其一是加载资源，第二是对Js、CSS等资源进行隔离。本文主要探索乾坤Js资源的隔离机制