javascript前端微前端

微前端父子应用及兄弟应用间组件或方法共享方案

作者：京东物流刘微微背景我们的很多web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，微前端为我们提供了一种高效管理复杂应用的方案。

·2025-03-07 12:38

探索微前端新境界：microfe 框架深度解析与应用推荐

探索微前端新境界：microfe框架深度解析与应用推荐microfe-clientamicrofrontendinfrastructure项目地址:https://gitcode.com/gh_mirrors

吴毓佳·2025-03-06 06:27

微前端架构

1.微前端架构概述1.1定义与核心概念微前端架构是一种现代Web应用的架构风格，它借鉴了微服务的理念，将前端应用分解为一组小型的、独立交付的前端应用，每个应用可以独立开发、独立部署，并且可以由不同的团队使用不同的技术栈进行开发

qmwneb946·2025-03-05 05:33

Qiankun 微前端框架全面解析：架构、原理与最佳实践

Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。

赵大仁·2025-03-05 05:02

微前端无法接入子应用，ip自动重复拼接，无法正确嵌入解决方案

最近在开发过程中，前端接入微应用时一直报错，项目接入了多个子应用，但其中有一个子应用一直报错，主要体现为，访问子应用的路径会自动变成http://ip:port/'http://子应用ip:port'排查很久，发现是由于在子应用配置文件中引号外多加入了一个空格，导致解析失败注意env环境变量中删除所有行尾的空格即可解决问题

luopeng207663436·2025-02-28 06:15

Webpack Module Federation实战：微前端架构

WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。

糖糖老师436·2025-02-26 02:35

什么是Web极简架构

极其简单Web架构（radicallysimpleweb）是一个面向初创企业和小型企业的Web应用程序蓝图：何使用模块化单体ModularMonoliths、SSR、微前端MicroFrontends、

极道Jdon·2025-02-23 11:13

对于简单的HTML、CSS、JavaScript前端，我们可以通过几种方式连接后端

1.使用FetchAPI发送HTTP请求（最简单的方式）：//home.html//示例：提交表单数据到后端constsubmitForm=async(formData)=>{try{constresponse=awaitfetch('http://your-backend-url/api/submit',{method:'POST',headers:{'Content-Type':'applic

昨今·2025-02-17 10:22

JavaScript前端性能优化技巧分享

本文将分享一些JavaScript前端性能优化的技巧，帮助开发者提升Web应用的性能。一、减少DOM操作DOM（文档对象模型）操作是JavaScript中常见的性能瓶颈之一。频繁的DOM操作会导致浏

代码旅人博客·2025-02-16 05:10

✨《微前端落地实战：qiankun从入门到精通！3小时搞定Vue+React多应用架构》

微前端落地实践指南（qiankun框架）微前端核心架构图graphTDA[主应用]-->B[vue子应用]A-->C[react子应用]A-->D[angular子应用]B-->E{通信机制}C-->ED

庸俗今天不摸鱼·2025-02-15 22:48

Vue.js 与低代码开发：如何实现快速应用构建

Vue.js作为一款流行的JavaScript前端框架，以其简洁高效、灵活易用的特点，与低代码开发相结合，更是为快速应用构建提供了强大的技术支撑。

虚无火星车·2025-02-14 06:11

告别微前端开发难题：ScriptEcho赋能编程培训新手

微前端架构，以其灵活性和可扩展性，正逐渐成为大型复杂应用开发的首选方案。然而，对于编程培训新手而言，微前端的学习曲线却陡峭异常。

·2025-02-09 02:12

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NET Core和微前端的综合实践

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NETCore和微前端的综合实践app_fullstackdemoAppFullStackDemo:DDD/SOLID/CleanCodeApp.NetCore3.1

颜殉瑶Nydia·2025-02-04 12:27

微前端框架qiankun剖析

随着微前端的发展，我们看到在这个领域之中出现了各式各样的工具包和框架来帮助我们方便快捷的实现自己的微前端应用。

浮游本尊·2025-02-03 00:00

微前端应用(qiankun+umi+antd)

目录1.微前端介绍以应用选型1.1什么是微前端?

他夏了夏天吖·2025-02-01 23:12

探索JavaScript前端开发：开启交互之门的神奇钥匙（二）

目录引言四、事件处理4.1事件类型4.2事件监听器五、实战案例：打造简易待办事项列表5.1HTML结构搭建5.2JavaScript功能实现六、进阶拓展：异步编程与Ajax6.1异步编程概念6.2Ajax原理与使用七、前沿框架：Vue.js入门窥探7.1Vue.js简介7.2基础使用示例八、总结与展望引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体

小周不想卷·2025-01-27 17:31

探索现代前端微前端架构的最佳实践

在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。

桂月二二·2025-01-27 17:27

Vue2和Vue3

简介二、Vue3简介三、Vue2和Vue3的关系四、Vue2和Vue3的区别五、Vue2和Vue3各自的优缺点1.Vue22.Vue3六、总结一、Vue2简介Vue.js2（通常称为Vue2）是一款流行的JavaScript

秋书一叶·2025-01-27 02:53

微前端架构在前端开发中的实践与挑战

为了应对这一挑战，微前端架构（MicroFrontends）应运而生，它为前端开发提供了一种新的思路，让大型前端应用能够像后端的微服务架构一样，通过拆分模块来降低复杂度。

桂月二二·2025-01-25 02:43

探索React前端框架：JavaScript技巧与最佳实践

React是一个广泛使用的JavaScript前端框架，它提供了一种组件化的开发模式，使得构建交互式用户界面变得更加简单和高效。

自由翱翔碧海蓝·2025-01-24 09:34

深入探讨Web应用开发：从前端到后端的全栈实践

目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask

禁默·2025-01-22 17:19

微前端架构 qiankun

因此，引入微前端架构，以支持团队协作、实现独立部署，并提升开发效率。

qq_36437172·2025-01-22 06:30

云原生前端开发：打造现代化高性能的用户体验

引言：前端开发的新风向在过去的几年中，前端开发领域经历了快速的演变，从早期的静态网页到如今复杂的单页应用（SPA），再到微前端架构和渐进式Web应用（PWA），前端技术一直处于技术变革的中心。

大梦百万秋·2025-01-20 11:51

海康威视H5player问题汇总大全

问题一：Unexpectedtoken‘<‘inputover1、检查html页面的引入2、确认szBasePath地址是否正确（注意：微前端乾坤下的路径别忘带子应用的前缀）3、如果以上配置都正确，且后端返回的路径没问题

前端小码仔·2025-01-17 23:37

【论文投稿】探索JavaScript前端开发：开启交互之门的神奇钥匙（一）

目录一、引言二、基础入门2.1变量与数据类型2.2条件与循环语句2.3函数三、DOM操作3.1获取DOM元素3.2修改DOM内容和样式3.3动态创建和删除DOM元素一、引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体验的优劣直接关乎着信息的有效传递与用户的留存。JavaScript，这门在前端开发领域占据核心地位的编程语言，犹如一位神奇的魔法师，为

小周不想卷·2025-01-16 20:00

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。

rabbit_it·2024-09-15 17:12

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

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

JavaMonsterr·2024-09-10 01:25

JavaScript前端面试题——JS 中 Map 和 WeakMap 有什么区别 ?

刷了面试题之后才知道自己的知识是多么薄弱，这题我连Map和WeakMap是什么都不知道参考答案在JavaScript中，Map和WeakMap都是键值对的集合，但它们有几个重要的区别：1.键类型：Map对象的键可以是任何类型,包括基本数据类型和对象类型，而WeakMap对象的键必须是对象类型。2.垃圾回收：Map对象中的键和值都会被常规垃圾回收机制回收，而WeakMap中的键是弱引用，即在对象被垃

早八睡不醒午觉睡不够的程序猿·2024-09-08 11:54

基于 React & TypeScript & Webpack 的微前端应用模板

m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。

weixin_33806300·2024-09-08 02:48

【微前端】ReactJS实现微前端的代码架构

【微前端】ReactJS实现微前端的代码架构目录【微前端】ReactJS实现微前端的代码架构通用步骤基于微前端的应用典型树结构：示例代码Webpack设置：Babel设置：配置Webpack别名：依赖管理

小涵·2024-09-08 01:43

使用脚本一键打包并上传docker镜像

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。

春深是蔚蓝·2024-09-03 11:09

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript什么是Vue.jsVue.js是一种流行的JavaScript

秋说·2024-09-01 22:52

项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决

微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时

喂！大掌柜·2024-08-30 11:02

打卡55天------图论(并查集)

图论这里我学的不是很好，作为一名JavaScript前端开发工程师，我能说我基本上在工作中都没用到过吗？

感谢上Di_123·2024-08-28 23:01

普元EOS-微前端的base基座介绍

1前言微前端开发的时候要使用base基座。这个base基座到底是什么？base基座能提供哪些功能？本文将进行简单的介绍。

小崔爱读书·2024-08-26 11:19

微前端插件 v-micro-app-plugin

v-micro-app-plugin是一款基于京东MicroApp框架的微前端插件，旨在帮助开发者快速地将微应用集成到不同的系统中，实现高效、灵活的前端模块化开发。

小白探索世界欧耶！~·2024-08-23 03:11

micro-app的简单学习

1、在基座中调用子应用在了解完微前端之后，我们知道，微前端是由一个基座和多个子应用构成的，那么如何在基座中调用子应用呢？官网中如下介绍：//官网中看到

笑到世界都狼狈·2024-02-20 04:48

京东开源项目micro-app初体验

二、使用步骤1.下载总结关于micro-app2021年7月由京东开源的微前端框架官方文档micro-appgit地址了解micro-app一、micro-app使用版本以及使用场景？

辣鸡队员·2024-02-20 04:48

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

文章目录qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用

Yoyo_Yan·2024-02-20 02:58

Vue涉及国家安全漏洞？尤雨溪回应：前端框架没有渗透功能

Vue是一款流行的JavaScript前端框架，于2014年作为独立开源开发者尤雨溪的个人项目发布。时至今日

涅槃快乐是金·2024-02-19 16:45

个人简历补充

个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端

Xiaobaiforgod·2024-02-19 12:02

基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇基于qiankun的微前端最佳实践（图文并茂

明源云链前端团队·2024-02-15 05:44

【开题报告】基于SpringBoot+Vue.js的社区管理系统的设计与实现

Vue.js是一种流行的JavaScript前端框架，可以

加瓦程序设计师·2024-02-07 21:11

DDD学习笔记---从后端到前端：微服务后，前端如何设计？

从单体前端到微前端为了解决单体前端的问题，我们可以借鉴微服务的设计思想，引入微前端概念。将微服务理念扩展到前端，解决中台微服务化后，前端由于仍为单体而存在的逻辑复杂和臃肿的问题。

激流勇进_·2024-02-07 00:44

qiankun 微前端介绍、安装

文章目录一、介绍什么是微前端微前端架构具备以下几个核心价值：qiankun的核心设计理念它是如何工作的为什么不是iframe特性二、快速上手主应用1.安装qiankun2.在主应用中注册微应用微应用1.

南乔几经秋_·2024-02-06 00:07

micro-app（微前端框架）

https://gitee.com/helibin/micro-appmicro-app是京东零售推出的一款微前端框架，它基于类WebComponent进行渲染，从组件化的思维实现微前端，旨在降低上手难度

朱朱是个小太阳·2024-02-05 16:36

京东微前端框架MicroApp简介

一、MicroApp1.1MicroApp简介MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。

xiangzhihong8·2024-02-04 16:37

nuxt.config.js 配合微前端qiankun打包配置

constCompressionPlugin=require('compression-webpack-plugin')consttimeStamp=newDate().getTime();exportdefault{/***Nuxtrenderingmode**Seehttps://nuxtjs.org/api/configuration-mode*/mode:'spa',ssr:false,/

小贵子的博客·2024-02-03 12:02

less的使用小技巧以及vite 如何配置less全局变量

1.变量-属性可用于统一修改，比如特殊节日置灰等@primaryColor:#f2f2f2;//使用color:@primaryColor2.变量-选择器添加项目标识(可用于微前端的样式隔离)@nameSpace

原谅我不够洒脱·2024-02-01 11:00

推荐频道