javascript前端微前端第2页

第七章（原理篇）微前端技术之依赖管理与版本控制

文章目录依赖管理与版本控制微前端的依赖挑战1.依赖冲突2.依赖重复加载3.依赖的兼容性依赖管理策略1.集中式依赖管理2.分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决

球球不吃虾·2024-01-26 09:18

第四章（原理篇）前端容器技术

文章目录前端容器技术容器技术的概念主流前端容器介绍（如[Single-SPA](https://single-spa.js.org/docs/getting-started-overview)）核心特性工作原理实现方式案例分析代码示例容器与微前端的关系前端容器技术容器技术的概念在计算机科学中

球球不吃虾·2024-01-26 09:48

第五章（原理篇）微前端技术之模块联邦与动态加载

（ModuleFederation）第一步：设置Webpack配置在应用1（App1）中在应用2（App2）中第二步：编写和暴露模块第三步：在应用2中使用暴露的模块第四步：启动应用动态加载与代码拆分在微前端中的应用案例分析代码示例

球球不吃虾·2024-01-26 09:41

vue+qiankun微前端项目（搭建,路由跳转，父子之间相互通信）

话不多说，直接上货首先创建两个项目，一个作为项目基座（vue-qiankun-base），一个作为子应用（vue-qiankun-app1）搭建基座及配置安装qiankun依赖到基座npmiqiankun-S需要注意的几点:1.新增public-path.js文件，用于修改运行时的publicPath什么是运行时的publicPath？2.微应用建议使用history模式的路由，需要设置路由bas

养樂多_566c·2024-01-25 19:57

第一章微前端介绍与背景

文章目录微前端介绍与背景什么是微前端？

球球不吃虾·2024-01-25 03:55

第二章微前端与单体前端对比

文章目录第二章微前端与单体前端对比单体前端的挑战微前端的优势与劣势优势劣势适用场景分析单体前端适用场景微前端适用场景案例分析：某大型电商平台的架构演进第二章微前端与单体前端对比随着Web应用的发展，前端开发所面临的挑战也在不断增多

球球不吃虾·2024-01-25 03:24

微前端（wujie）使用手册

StoneHui·2024-01-23 12:54

在Vue.js中，什么是mixins？它们的作用是什么？

目录一、Vue.js介绍二、什么是mixins三、mixins的应用场景四、mixins的优势和作用一、Vue.js介绍Vue.js是一种流行的JavaScript前端框架,用于构建交互式的Web界面。

揣晓丹·2024-01-23 08:10

Brackets - (HTML/CSS/JavaScript 前端 WEB IDE) 使用技巧

Brackets是一个免费、开源且跨平台的HTML/CSS/JavaScript前端WEB集成开发环境(IDE工具)。

11061104·2024-01-23 06:24

Vue.js：构建用户界面的渐进式框架

Vue.js是一种流行的JavaScript前端框架，用于构建用户界面。本文将介绍Vue.js的基本概念、特点、应用场景以及与其他框架的对比。

番茄大大~·2024-01-22 21:41

微前端小记

步骤将普通的项目改造成qiankun主应用基座，需要进行三步操作：1.创建微应用容器-用于承载微应用，渲染显示微应用；a.设置路由routeb.主应用的布局包括：主应用菜单，用于渲染菜单主应用渲染区域，在触发主应用路由规则时候，$route.name,将渲染主应用的组件微应用渲染区。在未触发主应用路由规则时2.注册微应用-设置微应用激活条件，微应用地址等等；在构建好了主框架后，我们需要使用qian

零零历险记·2024-01-22 14:03

微前端-无界wujie

无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户的核心诉求。

前端大颖颖·2024-01-22 12:52

微前端框架篇一，了解qiankun

微前端框架篇一，了解qiankun①前置知识补充Ⅰ什么是微前端？Ⅱ什么是JSCSS沙箱？Ⅲ什么是spa单页面应用？

Dormiveglia-flx·2024-01-22 07:56

微前端：一种新型的前端架构方法

微前端是一种新型的前端架构方法，它将单页面应用程序拆分为一系列小型、独立的应用程序。本文将介绍微前端的背景、概念、特点、应用场景和与其他前端架构的对比，以帮助读者更好地理解微前端的概念和实践。

番茄大大~·2024-01-22 06:07

JavaScript前端三大框架比较：Angular、React、Vue

参考链接：https://www.infoq.cn/article/3zjscesgksmfndgir7sm

键盘上のDancer·2024-01-20 07:31

微前端框架

一、single-spa前端微服务的javascript框架https://zh-hans.single-spa.js.org/框架自由在单页应用程序中使用多个框架，从而使您可以按功能拆分代码，并使Angular，React，Vue.js等应用程序和谐共处。延迟加载应用在旧应用程序旁边站起来。您编写应用程序后，单spa使它们可以协同工作，并且在需要它们之前不会加载它们。前端微服务结合许多小型应用程

承诺一时的华丽·2024-01-19 15:57

使用 qiankun 集成应用时，出现的部分错误及解决方案

erroroccurswhileexecutingentryscript2.在子应用中，监听浏览器窗口变化3.手动加载微应用报错single-spaminifiedmessage#31，see...4.打包微前端项目后

zlfjavahome·2024-01-18 16:52

乾坤微前端优化（二）

在乾坤微前端优化（一）的基础上再次进行了优化，本次优化的是子模块共同的配置，以及dll包。

best-toby·2024-01-18 13:51

七个步骤教你快速入门搭建一个 micro-app微前端简单上手

vue2+vue2子应用基座应用代码1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom'@micro-zoe/micro-app'//这个代码放在newVue()下面microApp.start()3、分配一个路由给子应用就是访问这个路由菜单的时候加载子应用（1）、在已有的后台添加一个路由给子应用(2)、小d

昵称老重复·2024-01-17 07:49

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级基座应用1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom

昵称老重复·2024-01-17 07:49

前端架构：从入门到微前端【个人解析】

本篇文章是阅读黄峰达的《前端架构：从入门到微前端》的一些记录和读后感，更新中....一、关于前端架构1.1什么是软件架构软件架构指的是软件系统的高级结构，以及创建这种结构的约束。

青柠茶沐·2024-01-16 21:08

架构的未来：微前端与微服务的融合

目录前言微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端总结作者简介

懒大王敲代码·2024-01-15 23:22

vue——邂逅vue.js

一、vue.js的简介最近这几年最火的javaScript前端框架是谁？毫无疑问当属vue为第一。vue现如今被很多中、小型公司所喜爱，并且也被一些大型公司作为核心技术来做项目、开发小程序等。

cyanBookMark·2024-01-15 11:21

微前端无界机制浅析

快乐非自愿·2024-01-13 18:15

attachShadow样式隔离和JavaScript 沙箱

微服务样式隔离的原理是利用ShadowDOM技术来隔离各个微前端应用的样式。

亮学长·2024-01-13 11:29

前端 - 用微前端前应该了解的一些知识点

一、微前端微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

kelly0721·2024-01-09 08:02

Micro-app 微前端框架demo介绍

Micro-app框架1、框架安装npmi@micro-zoe/micro-app--save2、子应用对应的view页面3、页面对应的路由{//路由路径最好是非严格匹配path:"/app-vue2-demo*",name:"Vue2DemoPage",component:()=>import("@/views/Vue2DemoPage.vue")}别忘记，view页面也需要配置4、子应用的配置

瓜皮伦·2024-01-07 23:32

回顾2023年我的编程之路你是否和我一样

JavaScript专题栏ajax专栏：ajax知识点欢迎关注：点赞收藏✍️留言文章目录前言2023年已经结束，我一名大一生，也是刚学有小成也希望大家能多多支持在2023年，我开始了我在编程世界中的探索之路，特别是在JavaScript

阿猫的故乡·2024-01-06 07:26

微前端从零到剖析qiankun源码 -- Module Federation的玩法！

一.为什么会出现ModuleFederation我们用一个图片说明一下关键点每个应用块由不同的组开发TeamATeamB应用或应用块共享其他其他应用块或者库ReactModuleFederation的动机是为了不同开发小组间共同开发一个或者多个应用应用将被划分为更小的应用块，一个应用块，可以是比如头部导航或者侧边栏的前端组件，也可以是数据获取逻辑的逻辑组件什么是模块联邦？我们再用一张图说明一下容器

(° ﾛ °)·2024-01-05 09:26

vite-plugin-federation踩坑

前言项目即将用到vite-plugin-federation，开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的微前端。

yanyihan16·2024-01-05 09:26

angular利用module federation实现微前端 - 创建环境，并子项目暴露出AppModule给主项目使用

本项目使用的angular是15.2.8版本的，npmi@angular/[email protected]为了好演示，两个项目就放在了一个git仓库中，但是两个不同仓库的项目也是可以使用的，原理是一样的1.创建环境创建一个没有项目的空壳子ngnewshell--create-application=false进入到项目文件夹中，添加主应用和子应用1nggapplicationmainnggapplicat

darkeering·2024-01-05 09:53

angular利用module federation实现微前端 - 路由问题

在main项目中，mfe1项目的路由跳转，走的还是main项目的路由，由于没有mfe1的路由前缀，所以路由跳转是失败的1.创建环境在之前的mfe1项目中已经加了test.component组件/**mfe1*app-routing.component.ts*/constroutes:Routes=[{path:'test',component:TestComponent}];/**mfe1*app

darkeering·2024-01-05 09:53

基于npm和module-federation的远程包管理器

基于npm和module-federation的远程包管理器最近做了一个微前端开源项目(webpackagemanager),临近休假先简单的推广一下,节后再继续更新,欢迎大家体验和star,也欢迎沟通讨论

zhanghongen1·2024-01-05 09:22

webpack4 module federation

module-federation是webpack5更新的一项新特性,可以更容易的共享前端代码,本文将介绍@module-federation/webpack-4实现原理及其与webpack5的差异背景在公司内我们搭建了微前端包管理平台

zhanghongen1·2024-01-05 09:52

在 vue/cli 中使用 Module Federation

这通常被称作微前端，但并不仅限于此。我们分为本地模块、远程模块。其中本地模块即为普通模块，是当前构建的一部分；而远程模块不属于当前构建，并在运行时从所谓的容器加载。加载远程模块被认为是异步操作。

文摘资讯·2024-01-05 09:21

Angular 14微前端项目构建

前景知识命令HowtocreateanewremoteusingAngularCLI?(Webpack5ModuleFederationmicrofrontends)ngclingnewnggeneratengnewdashboard--create-application=falsenggenerateapplicationdashboardngnewicrm-regulatory-mansem

lvxinaidou·2024-01-05 09:51

Module-Federation[微前端]

Module-Federation微前端简介我们为什么没有延续使用【乾坤】使用Module-Federation优/缺EMP优EMP缺图解DEMO详解`Tips:`[文件资源](https://download.csdn.net

禅思院·2024-01-05 09:18

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维

南山老沙·2024-01-04 19:58

浅了解一下『微前端』

1什么是微前端微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。

Xxxxxl17·2024-01-03 22:37

2023-09-22 项目升级准备会议

微前端主要解决了两个问题：1、随着项目迭代应用越来越庞大，难以维护。2、跨团队或跨部门协作开发项目导致效率低下的问题。

henrypt·2024-01-02 02:50

几种微前端方案探究

前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-PageApplication，多页应用）到SPA（Single-PageApplication，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术栈无

维李设论·2024-01-01 13:44

2021-04-26 single-spa-vue 微前端初实践

SingleSpa-VueCli-微前端落地方案创建项目parent-vue和child-vue两个项目vuecreateparent-vuevuecreatechild-vueparent-Vue安装依赖

FConfidence·2023-12-30 20:09

qiankun -- 入门微前端

微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用分解成一些更小、更简单的小模块，而在用户侧看起来还是一个内聚的产品。

高阳很捷迅·2023-12-29 08:45

微前端——无界wujie

B站课程视频课程视频课程课件笔记：1.微前端2.无界现有的微前端框架：iframe、qiankun、Micro-app（京东）、EMP（百度）、无届前置初始化新建一个文件夹1.通过npmitypescript-g

lanmy_dl·2023-12-27 12:06

Web前端零基础入门HTML5+CSS3基础教程——了解前端

目录前端是什么前端的核心技术HTMLCSSJavaScript前端入门所用到的工具VSCode的安装

TTLTTX·2023-12-27 12:30

微前端简介

微前端简介微前端这个名词，第一次被提出还是在2016年底，那是在ThoughtWorksTechnologyRadar。这个概念将微服务这个被广泛应用于服务端的技术范式扩展到前端领域。

Shero.李建业·2023-12-27 07:00

6.微前端设计

微前端微前端定义这种架构模式是微服务架构理念在前端领域的延伸，旨在将单体前端应用分解为松耦合且独立的小应用后，再根据实际的业务场景将这些小应用组装成单个解决特定业务场景的应用；在前端设计时我们可以遵循单一职责和复用原则按照领域模型和微服务边界

Pingszi·2023-12-26 13:32

我的源码系列: 使用Node.js实现一个express框架

我的手写源码系列往期本人手写框架源码系列原创：从零实现一个简单版React（附源码）原创：如何自己实现一个简单的webpack构建工具【附源码】深度：手写一个WebSocket协议[7000字]深度：从零编写一个微前端框架

Peter 谭·2023-12-24 22:58

Vue和React的运行时，校验引入包的上下文差异

背景系统使用webpack5模块联邦实现微前端，有关如何实现跨应用的代码共享，可参考如何优雅的实现跨应用的代码共享里的第三大点。

C澒·2023-12-23 08:44

微前端样式隔离、sessionStorage、localStorage隔离

1、样式隔离前端样式不隔离，会产生样式冲突的问题，这个点在qiankun也存在子应用1修改一个样式button{background:red！important；}其它应用也会受到影响qiankun的css隔离方案（shadowdom）shadowdom是webcomponents技术的一部分，其实就是一个attachShadow的APIwebcomponents添加内容的时候，不直接append

阿Q--小黑·2023-12-22 22:07

推荐频道

javascript前端微前端

第七章（原理篇） 微前端技术之依赖管理与版本控制

第四章（原理篇） 前端容器技术

第五章（原理篇） 微前端技术之模块联邦与动态加载