zoukankan      html  css  js  c++  java
  • 如何设计自研微前端框架

    1、主应用

      注册子组件

      加载、渲染子应用

      路由匹配(activeWhen,rules - 交由框架判断)

      获取数据(公用依赖,通过数据做鉴权处理)

      通信(父子通信,子父通信)

    2、子应用的功能

      渲染

      监听通信(主应用传递过来的数据)

    3、微前端框架

      子应用的注册

      有开始内容(应用加载完成)

      路由更新判断

      匹配对应的子应用

      加载子应用的内容

      完成所有依赖项的执行

      将子应用渲染在固定的容器内

      公共事件的管理

      异常的捕获和报错

      全局的状态管理的内容

      沙箱的隔离:快照沙箱(效率不高,适合兼容低版本浏览器)、代理沙箱

      css隔离:css modules、shadow dom、minicss、css in js

      通信机制:props、customevent、

      提高加载性能:应用缓存、预加载子应用

    微应用架构设计图:

     

    放弃安逸,持续努力——成长
  • 相关阅读:
    第三讲:增长全局观
    搭建安卓环境
    ~~
    天气阴
    天气晴
    Spark性能优化指南——高级篇
    Ceph Jewel 10.2.3 环境部署
    《你只是看起来很努力》--读书笔记
    博客园基础环境配置
    Spark 1.3.0 单机安装
  • 原文地址:https://www.cnblogs.com/MarsPGY/p/15550714.html
Copyright © 2011-2022 走看看