前言
微前端是什么?微前端是一种架构模式,将整个利用拆分成多个独立的模块,这些模块能够独立开发、部署。我在业务中遇到的 2 次都是先开发了多个小我的项目,而后这些小我的项目在业务上有肯定的分割,都属于同一类,产品就心愿能够聚合成一个大我的项目,有一个对立的入口。
技术选型
技术选型大略有 2 种,一种是应用框架,比方 qiankun、无界等,一种是应用 iframe 引入子项目。那如何抉择适宜本人我的项目的计划呢?这 2 种我都用过,应用之后的感触总的来说就是,优先思考 iframe,如果 iframe 满足不了或满足起来比拟麻烦那就应用框架。
iframe 的毛病:
- iframe 性能耗费大,过多 iframe 会造成页面卡顿;
- 子利用切换须要从新加载资源,慢;
- 奴才页面通信艰难;
- cookie 无奈跨域携带,子利用想应用主利用的登录信息麻烦;
- 浏览器刷新,单页利用中 url 回到首页;
毛病 1,把子利用动静加载,每次只加载一个子利用。
毛病 2,不在乎切换子利用会从新加载。
毛病 3,须要通信的数据只有 token,寄存在 cookie 中,奴才利用共享。权限判断在主利用中实现。
毛病 4,同 3。
毛病 5,记录下 url,刷新页面时先加载这个 url 对应的子利用;
总结
综上所述,如果 iframe 的毛病无伤大雅那就应用 iframe,否则应用框架。