「微前端架构」微前端-Angular风格-第2部分
在前一部分中，我讨论了转向MFE解决方案的动机以及解决方案相关的一些标准。在这一部分中，我将介绍我们如何在Outbrain实现它。正如我在前一部分中提到的，其中一个标准是能够与我们当前的技术echo系统集成的解决方案，并且不需要对我们当前维护的应用程序进行什么更改。进入Angular惰性加载特性模块Angular有一个内建的模块概念，它基本上是一个声明对象，用来指定封装在一个模块中的所有组件、指....
2022 你还不会微前端吗 (下) — 揭秘微前端核心原理（三）
快照（Snapshot）沙箱所谓 快照沙箱 其实就是基于 diff 方式实现的沙箱：在 激活子应用 时优先将当前的 window 对象进行拷贝存储，再从上一次记录的 modifyPropsMap 中恢复该应用 上次的修改 到 window 中在 离开子应用 时会与原有的 window 与 快照对象 windowSnapshot 进行 diff，将 变更的属性 保存到 modifyPropsMap....
2022 你还不会微前端吗 (下) — 揭秘微前端核心原理（二）
独立运行时 —— 沙箱沙箱 的目的是 为了隔离子应用间 脚本 和 样式 的影响，即需要针对子应用的 <style>、<link>、<script> 等类型的标签进行特殊处理，而处理时机分为两种：在 初始化加载时，因为初始化加载子应用时，需要 加载其对应的 脚本 和 样式在 子应用正在运行时，因为子应用运行时可能会 动态添加 脚本 和 样式重写 appendCh....
2022 你还不会微前端吗 (下) — 揭秘微前端核心原理（一）
前言在上篇 2022 你还不会微前端吗 (上) — 从巨石应用到微应用 中已经了解了微前端的由来和基本使用，也提到了一些相关的原理，本篇文章为下篇主要从原理层面进行解析，然后再自己实现一个包含核心部分的微前端框架。微前端核心原理当然在正式开始自己实现之前，有且非常有必要先了解一下已有的微前端框架是如何实现其核心功能的，这里我们以 qiankun 来作为目标来了解一下其中的核心点：路由劫持加载子应....
为什么要用微前端？如何使用乾坤微前端？
1.效果图：从项目A到项目B，就像是普通的页面跳转一样，但其实是两个项目之间来回“横跳”2.为什么要用：2.1.项目越来越大，不好维护时2.2.如果你不忙，想使用最新的技术又不想影响开发。 比如说我，现在的项目用的是vue2+ElementUI,使用了乾坤微前端后，可视化大屏用的是vue3.2+TS+vite,然后还有一个页面用的是react Hooks+ts,这样一个项目我就用了三....
微前端（一）：微前端的出现
最近入职新公司，在了解公司项目架构时，引发了一些思考，因为项目产品是一个Devops平台，而项目中使用了微前端的实现方式，因此将了解过程中引发的一些思考记录下来。前端架构--从入门到微前端中提及了下面的问题：1.和业务关系不大、相同部分如何抽离+维护？2.业务相关的内容，相同部分如何抽离+维护？ 当业务关系不大，可以从组件库重手：第一阶段：从项目中抽离了组件库和图表库（两个独立工程、项目中通过 ....
【长文】微前端很好，为什么我却不使用? | 微前端原理剖析
当下前端所存在的一些问题在技术浪潮的推动下，由vue、react所主导的单页面应用已成为主流，但在开发中，随着业务的深入和项目的复杂，带来了逻辑定位问题、打包速度问题、部署上线等等问题，往往我们可能只是更改了一行JS代码，到最后发布的时候，整个项目却要整个重新打包编译发布。公司可能存在旧系统框架开发维护的项目，我们需要对以前的项目进行迭代或维护的时候，就不得不适应之前项目的开发环境，如果想要使用....
认识微前端：一种用于前端 Web 开发的微服务
对于Web应用来说，前端越来越大，后端越来越不重要。现代 Web 应用程序 80%-90% 的代码为前端代码，后端代码非常少。可以想象，现在大多数新的web应用程序都面临着类似的情况。Web 应用程序也会随着时间而变化，开发技术和框架也是如此。这需要支持允许不同的前端框架共存，例如在Vue2中构建的旧模块需要与React或者Vue3中构建的新模块集成。单体式应用越来越臃肿对大型前端应用程序采用单....
微前端架构初探以及我的前端技术盘点
前言最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端，能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同一个主应用。各个子应用可以独立运行、独立开发和独立部署。微前端架构概念的诞生及应用对于提供复杂应用服务的企业来说显然是一种机遇, 同样也是一种挑战.本文主要就微前端架构的概念和实现方案做一个总结和复盘,并且通过一个实际案例来实践微前....
深扒阿里开源的微前端架构 icestark：前端又要变革了吗
随着微前端技术架构的出现，不断有团队尝试将单体的前端 Web 应用按不同维度进行拆分或者组合，再聚合到一个整体的应用架构下面。无论从系统体验优化，还是技术架构升级的角度，都对微前端的方案提出了各种高要求。因此，我们邀请了淘宝前端架构团队前端技术专家夏温武（他也是 QCon+案例研习社的讲师），请他来分享一下飞冰 icestark 微前端架构对于不同场景的思考和设计，尝试帮你找到解决方案。Info....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注