写点什么

微前端

0 人感兴趣 · 30 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/bc/bc273ac57035c87fc06853d96102b022.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

关于我为什么要用微前端这件事

微前端是一种前端开发的架构方法,已经变得越来越流行,这也预示着它很可能代表 Web 开发的未来。所以学习这种架构带来的好处对你的应用程序和开发团队是不言而喻的。

项目很大,是否忍一下?

微” 字的理解:“巨石应用”、“超大型工程”(半个小时编译、半小时启动那种,服务拆分)

https://static001.geekbang.org/infoq/07/079efddc31d0fae1c31a081bf72a11b7.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

你想要的【微前端】都在这里了! | 京东云技术团队

某次遇到一个从0到1的大型项目,该项目涉及两个端,除了鉴权和部分业务逻辑不同外,页面UI和其余逻辑几乎一致,遇到这种项目,该如何架构?既能保证项目顺利开发完成,又能保证后期的迭代、维护、可扩展?

https://static001.geekbang.org/infoq/84/84e52f9a38e4de57af15e827635b31da.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【数据中台商业化】数据中台微前端实践

我们设计目前的门户基座,可以快速浏览各个平台,同时串联数据开发与管理的工作,减少用户的试错成本,提升工作效率。

https://static001.geekbang.org/infoq/a3/a3dd84511d5ccdf5b83d8de6090722ee.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何将微前端项目部署在同一台服务器同一个端口下

本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,现就一些重点步骤、碰到的问题做了一些总结。

https://static001.geekbang.org/infoq/47/4738e495fff00baee57cc390622941ae.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端项目部署方案

本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,针对项目分别部署在不同的服务器上的场景,就一些重点步骤、碰到的问题做了一些总结。

微前端架构的业务价值:实现独立部署、快速迭代和按需加载

用户头像
FinFish
03-28

随着互联网应用的不断发展和迭代,传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求,微服务和微前端架构成为了近年来的热门话题。

https://static001.geekbang.org/infoq/6c/6c5dc2c0e4e253cc4a18f06aa5034617.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端框架 single-spa 子应用加载解析

本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析,通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。

https://static001.geekbang.org/infoq/89/8911f6fcc851c7592e70e99c4304d7d3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

百度工程师带你了解 Module Federation

Module Federation是webpack5内置一个重要功能,可以跨应用进行模块共享,为解决微前端公共依赖加载问题提供了一种新的实现方案。

https://static001.geekbang.org/infoq/b7/b7bbe38226a0f9fca6fcaa216e81191d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

为 iframe 正名,你可能并不需要微前端

任何新技术、新产品都是有一定适用场景的,它可能在当下很流行,但它不一定在任何时候都是最优解。在被微前端坑了几次之后,回过头发现,iframe真香!

基于 iframe 的微前端框架 —— 擎天

基于全屏iframe的微前端框架--擎天,解决了iframe UI不同步、URL不同步、数据不共享的难题,并充分发挥了iframe作为页面容器的优势,实现了父子应用异步加载、子应用瞬间切换的能力,从而将微前端项目达到单体应用的体验。

基于微前端 qiankun 的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行多页签开发的同学,提供一些参考。

https://static001.geekbang.org/infoq/02/023ec577ee3f0ba54715e4eba659d3d4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Elux- 从"微前端"到“微模块”

用户头像
hiisea
2022-06-14

某个大型应用包含A,B,C,D,E,F,G等若干功能,原来一直是整体打包出售... 随着用户需求的多样化,有的用户仅需要部分功能,于是聪明的前端架构师“小李”利用时下流行的微前端技术,将应用拆分成了的 3 个子应用...

字节跳动是如何落地微前端的

微前端概念的出现是前端发展的必然阶段,PC 互联网转向移动互联网时代时,PC 的场景并未完全被消灭,反而转向了衍生出了更多沉浸感更高、体验感更强的应用,与之对应的应该是出现新的架构模式来应对这些应用规模的增长。

https://static001.geekbang.org/infoq/76/76f277d603cc2edfe6883494a3dca29d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端拆分实践

用户头像
Teobler
2021-09-14

我们的项目算得上一个大型的项目,整个项目有 17 条业务线。但在刚起项目的时候并没有考虑周全,将项目当成一个普通的前端项目来解决,在第一期项目结束,第一条业务上线后,我们紧接着开始了第二和第三条业务线的开发,紧接着我们就遇到了一些问题......

https://static001.geekbang.org/infoq/dd/dd8a9628262951d7d0f59165f2949ecf.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

5 分钟带你了解微前端(内含大量代码示例)

用户头像
LigaAI
2021-07-06

微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,将 Web 应用从整个的「单体应用」转变为多个小型前端应用的「聚合体」。 各个前端应用「原子化」,可以独立运行、开发、部署,从而满足业务的快速变化,以及分布式、多团队并行开发的需求。

https://static001.geekbang.org/infoq/bd/bdb03313e265fc33583f43fbfd096ecf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Single-Spa 构建第一个微前端项目

用户头像
devpoint
2021-06-13

微前端是前端web开发的趋势。微服务允许你将后端分解成更小的部分,受此启发,微前端允许你独立构建、测试和部署前端应用。根据你选择的微前端框架,你甚至可以让多个微前端应用——用React、Angular、Vue或其他工具编写的——在同一个大应用中无扰共存!

https://static001.geekbang.org/infoq/7f/7f9aaa5331bb2cf64676c61476e0a75e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

认识微前端:一种用于前端 Web 开发的微服务

用户头像
devpoint
2021-06-01

对于Web应用来说,前端越来越大,后端越来越不重要。现代 Web 应用程序 80%-90% 的代码为前端代码,后端代码非常少。可以想象,现在大多数新的web应用程序都面临着类似的情况。

微前端中,为子应用配备开发环境临时导航菜单,提高开发效率

用户头像
blueju
2021-05-07

微前端中,为子应用配备开发环境临时导航菜单,提高开发效率

https://static001.geekbang.org/infoq/a3/a3e7a54c56c3f96aa118e82a5dbeeecb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端架构演进 - 从单体到微前端(理论篇)

用户头像
Teobler
2021-04-25

我们首先需要认识到每一个系统的架构都不应该是一成不变的,为了应对业务的变化,我们不应该只有重写这一个选项。但往往架构的迁移业务方不会给开发人员预留充足的时间,在短时间内平滑地将旧的架构向新的架构演进就成为了一个需要解决的问题。

在微前端中,antd icon createFormIconfontCN 的本地化问题

用户头像
blueju
2021-04-06

在微前端中,antd icon createFormIconfontCN 的本地化问题

智联招聘的微前端落地实践——Widget

用户头像
智联大前端
2021-01-12

ThoughtWorks在几年前提出了微前端的概念,其核心理念是将前端单体应用在开发阶段拆分成多个独立的工程,并在运行阶段组合成完整的应用。本文将向大家介绍智联招聘基于Widget机制的的微前端落地实践。

解密智联招聘的大前端架构 Ada

用户头像
智联大前端
2020-11-30

Ada是智联招聘自主研发的演进式大前端架构。于2017年正式投入使用后,又经过三年持续演进,全面覆盖了从研发到运维的各个方面,具备跨技术栈工程化体系、交互式图形界面开发工具、自动化发布流程、Serverless运行时和完善的监控预警设施。目前已经支撑集团内

https://static001.geekbang.org/infoq/1b/1b82d1f57cff927000e3b2a729c6690c.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端架构初探

用户头像
徐小夕
2020-11-27

最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端,能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同一个主应用。各个子应用可以独立运行、独立开发和独立部署。

https://static001.geekbang.org/infoq/04/043b926c678bb9a67181657e0930a05a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端之如何拆解 React 巨石应用 qiankun

用户头像
SugarTurboS
2020-10-12

团队的项目 A 经历两年需求的洗礼,一些问题也随之暴露出来: 项目引用的npm包很多,业务代码也很多,有着向巨石应用发展的趋势。巨石应用的一些典型问题如下:构建效率低下、*dev-server 占用内存大甚至内存泄露*、维护成本急剧增加。

https://static001.geekbang.org/infoq/6f/6fa6cfba23d6f44db4f419ccdc68c39a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

微前端在民生 APaaS/PSET 平台的探索与实践

微前端,借鉴了后端微服务的理念,将它应用于前端,将一个单一的单体应用拆分成多个小型应用的集合,这些小型应用最终聚合成一个完整的庞大的应用。

聊聊微前端的原理和实践

本文对微前端的概念和场景进行科普,介绍一些主流的微前端的实现库及其用法,并讲解部分这些库的原理和实践知识。

https://static001.geekbang.org/infoq/84/8466ca07321493b35c5de93c7036f7f9.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Malagu 框架开发 React 应用新体验

用户头像
木香丘
2020-07-14

Malagu bb是基于 TypeScript 的 Serverless First、可扩展和组件化的应用框架。

微前端_微前端技术文章_InfoQ写作社区