首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
微前端
订阅
秦城
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
微前端改造初探
在写这篇文章的一个多月前,本坑还不知道微前端是什么,大概从字面上的含义是比较小的前端项目。 本坑开始实践它,是由于工作要求。改造一个运行多年,前端用jsp写的服务平台项目(以下简称该平台)。改造它是改造它的前端架构。改造它的原因是比较多人反馈,其页面加载和渲染显得吃力,页面切换…
微前端说明书
因为最近被问起当前公司的前端产品有没有聚合为微前端的可能性,所以又重新开始审视“微前端”这个话题。差不多一年前写过一篇反驳美团微前端方案的文章。那篇文章更多的是关于“没有必要这么做”,但是“应该如何做”我也并没有给出更好的方案。最近在参考了很多资料之后,对这个的问题的答案有了轮…
基于 React & TypeScript & Webpack 的微前端应用模板
在 Web 开发导论/微前端与大前端一文中,笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端,都是希望将某个单一的单体应用,转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合,从而满足业务快速变化及分布式多团队并行开发的需求。如康…
微前端入门
最近打算改进一下现有网站的架构,微前端这个词多次进入了我的视野。 但是网上关于微前端文章总是说得似是而非,于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构,因为看起来业界对最佳实践并没有达成一致。 译文开始,有删节。 把前端做好很难,让多个团…
微前端实践
不同的团队可能有不同的方法去解决这些问题。在前端开发日新月异、前端工程化蓬勃发展的今天,我想给大家介绍下另一种尝试——微前端。 那什么是微前端?微前端主要是借鉴后端微服务的概念。简单地说,就是将一个巨无霸(Monolith)的前端工程拆分成一个一个的小工程。别小看这些小工程,它…
每日优鲜供应链前端团队微前端改造
我所在团队是做toB业务的,技术栈是Vue,团队目前有十多个典型的toB业务(菜单+内容布局),这些业务都是服务于一个大平台的,因为历史原因,每个业务都是独立的,都有一个html入口,所以当用户在这个大平台上使用这十多个业务的时候,每当切换系统时,页面都会刷新,体验很差;在开发…
Webpack 4 构建大型项目实践 / 微前端
本文所讲述的微前端区别于广泛认知的微前端定义,它不兼容不同技术栈(微前端的简单实现),为了区分我称之为同构微前端。相比之下,同构微前端降低复杂度的同时,又避免了多个框架、组件库导致的依赖臃肿问题,是我十分推崇的架构设计。 通过上一节的优化,我们已经有了从零构建中小型单页项目的能…
vue-cli、ts + single-spa + systemJs 实现微前端
微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用从单一的单体应用转变为由多个小型前端应用聚合为一的应用。 iFrame。使用 iFrame 及自定义消息传递机制 此次实践,采用的是Single-SPA的加载机制,具体如下。 portal项目启动…
前端微模块更值得被推崇!
微前端最近已经很火了,最近跟着火的还有 webpack5 module federation 了,想必大家都有耳闻了。但是我今天主要讲的是微模块,我觉得它更值得被推崇。 微前端 和 微模块 的区别,👇请看下图所示。 微模块架构更多的是解决同一应用技术栈内模块编译、打包,以及共…
微前端在美团外卖的实践
微前端是一种利用微件拆分来达到工程拆分治理的方案,可以解决工程膨胀、开发维护困难等问题。随着前端业务场景越来越复杂,微前端这个概念最近被提起得越来越多,业界也有很多团队开始探索实践并在业务中进行了落地。可以看到,很多团队也遇到了各种各样的问题,但各自也都有着不同的处理方案。诚然…