美文网首页
微前端技术

微前端技术

作者: huangyuanyuan | 来源:发表于2020-03-25 09:39 被阅读0次

一.微前端概念

前端微服务

二.常用前端架构

MPA(体验不好)
SPA(体验号,但是体量大)

三.微前端架构

技术栈无关

singleSPA--基于协议

路由

应用导入方式

config entry(问题:描述子应用真实的)
html entry(子应用是一个html)

隔离

css

BEM
CSS Module
Web Components

js

沙箱

公共资源加载

应用之间通信

兄弟节点之间的通信以主应用作为消息总线

四.其他性能优化

衡量方案:技术无关 接入友好
蚂蚁:OneX

相关文章

  • 微前端技术

    一.微前端概念 前端微服务 二.常用前端架构 MPA(体验不好)SPA(体验号,但是体量大) 三.微前端架构 技术...

  • 【前端】架构设计

    一、微前端 微前端架构 应用自治 单一职责 技术栈无关 为什么需要微前端 遗留系统迁移 后端解耦,前端聚合 热闹驱...

  • 前端微应用化

    微应用与微前端 微应用框架是一种类微前端框架; 相比与微前端,微应用实施成本低、技术难度小、维护成本低; 微应用化...

  • 微前端

    微前端 实现方式 iframe nginx配置(前后端不分离) 微前端优点纯前端解决方案可以使用多种技术栈完善的生...

  • [第8期]2020前端性能优化清单(三)& 谈谈JS 的图片压缩

    前端收藏家(微信号: fedaily) 收集全网优秀前端技术资讯,与你分享,共同成长。 2020前端性能优化清单(...

  • [第9期] 来自阿里大佬的关于移动端体验优化经验总结 & 你连

    前端收藏家(微信号: fedaily) 收集全网优秀前端技术资讯,与你分享,共同成长。 2020前端性能优化清单(...

  • [第10期] Nginx 从入门到实践,万字详解 & JavaS

    前端收藏家(微信号: fedaily) 收集全网优秀前端技术资讯,与你分享,共同成长。 2020前端性能优化清单(...

  • 微前端学习

    这是我第17篇简书 微前端的价值 微前端架构具备以下几个核心价值: 技术栈无关 主框架不限制接入应用的技术栈,子应...

  • 搭建qiankun Demo

    最近项目重构,leader想要前端应用微应用技术,作为前端基石,为今天新旧技术迭代做准备。so,今天开始尝试阿里 ...

  • 17个可以实现微前端的方案

    一、微前端方案思路 在前端技术领域已有如下几种成熟的实现微前端的思想: 基于接口协议:子应用按照协议导出几个接口,...

网友评论

      本文标题:微前端技术

      本文链接:https://www.haomeiwen.com/subject/eszzyhtx.html