飞跃高山与大洋的鱼飞跃高山与大洋的鱼
首页
先看
计算机
  • 数学
  • Linux
  • Arch
  • Manjaro
  • Ubuntu
  • CentOS
  • Kubernetes
  • Web
  • JavaScript
  • TypeScript
  • CSS
  • Canvas
  • Vue
  • Vite
  • NuxtJS
  • Webpack
  • Flutter
  • D3
  • Jest
  • WeApp
  • Utils
  • Nodejs
  • Nestjs
  • Golang
  • Nginx
  • Traefik
  • MySQL
  • MongoDB
  • Redis
  • Docker
算法
  • 像素风
  • Git
  • Github
  • VSCode
  • Chrome
  • Google
  • Bookmark scripts
  • 导航 🎉
  • VuePress 侧边栏插件
  • VuePress 官网
🚇 开往
首页
先看
计算机
  • 数学
  • Linux
  • Arch
  • Manjaro
  • Ubuntu
  • CentOS
  • Kubernetes
  • Web
  • JavaScript
  • TypeScript
  • CSS
  • Canvas
  • Vue
  • Vite
  • NuxtJS
  • Webpack
  • Flutter
  • D3
  • Jest
  • WeApp
  • Utils
  • Nodejs
  • Nestjs
  • Golang
  • Nginx
  • Traefik
  • MySQL
  • MongoDB
  • Redis
  • Docker
算法
  • 像素风
  • Git
  • Github
  • VSCode
  • Chrome
  • Google
  • Bookmark scripts
  • 导航 🎉
  • VuePress 侧边栏插件
  • VuePress 官网
🚇 开往
  • WEB

    • 无处归纳的 Web
    • 从 CLI 开始
    • HTML 拖放
    • 微前端
      • iframe
      • 方案
        • qiankun
        • emp

微前端

随着前端业务场景越来越复杂,而微前端这一概念则提供了一种解决方案。

iframe

iframe 彻底隔绝了应用间的上下文:

  • 父子之间的网页链接是不同的,浏览器一刷新,iframe 中的状态就没了,后退、前进按钮无法使用
  • 父子之间的 UI 难以同步,内嵌的 iframe 并不会自动调节宽高,而且通信困难
  • 全局上下文完全隔离,内存变量不共享,则需要完成 iframe 之间的通信及变量同步设计
  • 慢,每次进子应用,浏览器都需要重新完整加载资源

方案

qiankun

emp

编辑文档!
上次更新:
贡献者: shanyuhai123
Prev
HTML 拖放