微前端

微前端自检清单

mengsixing.github.io/blog/devops-microfrontend.html#%E6%8B%86%E5%88%86%E6%96%B9%E6%A1%88%E8%B0%83%E7%A0%94最近在做公司微前端
Smile丶後来·2023-07-15 16:19

手把手教会你微前端开发（vue-qiankun）

什么是微前端引用qiankun里的解释简而言之，微前端就是可以将多个模块或者多个项目合并到一个项目中。a项目里可以嵌入b项目的页面，并且可以交互通信。
蛋蛋的老公·2023-07-15 01:02

一次关于微前端跨域，找不到css,js配置文件，nginx跨域， 以及ingress识别不到服务的整理结果

首先后端服务已经支持了跨域请求，允许所有的源和请求方法、请求头1、本地可以找到css.js文件，上线服务却查找错误解决办法：css,js上线后采用绝对路径：url:“host:port/”2、微前端跨域原因
Lytofy-lyf·2023-07-14 21:45

微前端(拆分和细化,整合历史系统)

接入微前端项目背景说明假如我们完成了基于Vue2的项目，假设另外一个团队的小伙伴来实现前台可视化部分，他们使用的是最新的Vue3技术栈，现在有一个需求，他们的前台项目想直接使用我们的登录功能，获得token
2301_76866366·2023-07-14 21:10

我理解的微前端

微前端就是按照业务模块分为多个子应用，通过主应用来加载这些子应用。为什么使用？
bypwan·2023-07-05 16:43

微前端（micro-app）使用手册

转载请注明出处，点击此处查看更多精彩内容micro-app使用手册micro-app是借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类
StoneHui·2023-06-25 16:52

某马 qiankun 公开课 学习记录

：此视频适合不了解qiankun的朋友入门观看，更详细的使用方法还是推荐qiankun官网哦，老师讲的生动活泼，值得萌新一听某马qiankun公开课-bilibiliovo很多公司的中后台项目已经在用微前端了
Lyrelion·2023-06-22 18:23

你惨了，你的 Http Status = 0 了

的提示，但是重新刷新又好了，用户说好不容易填了数据一刷新就白费功夫了，而且在测试环境也能复现，不过目前不是那么好复现了，这是之前复现时的截图，你先看看【卑微前端】：（毕竟没得选）好，我看看！
·2023-06-21 11:58

我们是否需要微前端？

缘由单纯从分析系统整体布局来看，跟使用微前端改造完的项目几乎是一模一样。在入职后的一段时间内，我确实想过是否要提议内部用微前端来解决一些问题。
黑毛茎长·2023-06-17 22:12

神秘的微前端（本文所介绍的是关于micro-app在项目中的实际应用）

神秘的微前端（本文所介绍的是关于micro-app在项目中的实际应用）什么是微前端？使用微前端的好处？
老手er·2023-06-17 19:01

qiankun微服务怎么用，怎么实现集成react和vue

Qiankun是一个能够帮助开发者实现微前端的框架，它可以支持多种前端框架的混合开发，包括React、Vue等。下面我将详细介绍如何使用Qiankun实现集成React和Vue。
珎珎啊·2023-06-16 22:34

基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案

而zustand-pub则基于zustand为Iframe、微前端、ModuleFedetation、模块化、组件化等业务场景，提供跨应用、跨框架的状态管理及状态共享能力。
AwesomeDevin·2023-06-16 18:35

【微前端】记录一次使用react及京东micro-app实现谷歌auth2授权登录的流程 及所遇到的问题排查及最终解决方式

背景我们的项目是建立在electron的基础上搭配micro-app微前端（基座）嵌入各个模块子应用（react脚手架创建的web应用）的搭配模式。
hzxOnlineOk·2023-06-16 14:44

浅谈微前端

本文呢是我梳理的一个扫盲文，由于最近团队准备使用微前端对项目进行改造，所以我呢就先浅了解一下：微前端到底是什么？为什么要使用微前端？都有哪些微前端方案？微前端有什么不好的地方吗？
yezi__626·2023-06-16 10:46

微前端探秘：初始微前端、现有方案和未来趋势

初识微前端微前端是什么概念：微前端是指存在于浏览器中的微服务。
yezi__626·2023-06-16 10:11

微前端——qiankun配置方法

什么是微前端微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。
小曲曲·2023-06-16 00:34

基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案

而zustand-pub则基于zustand为Iframe、微前端、ModuleFedetation、模块化、组件化等业务场景，提供跨应用、跨框架的状态管理及状态共享能力。为什么你需要zustand-
·2023-06-15 16:52

微前端——一个属于前端的时代

关于微前端为什么需要微前端？What？什么是微前端Why？为什么去使用微前端How？怎样落地微前端Where？
与墨学长·2023-06-15 14:22

微前端——vue子项目改造（三）

网上的例子大多是react的就不再写react如何改造，下面介绍vue-cli3的改造`vue.config.js配置1.因为之后我们需要采用sytemjs去加载模块，所以我们需要修改webpack的配置改成输出为amd规范。config.output.library='single'config.output.libraryTarget='amd'2.配置一个devServer指定的地址，以及设
Y_d4ea·2023-06-15 04:13

你惨了，你的 Http Status = 0 了

的提示，但是重新刷新又好了，用户说好不容易填了数据一刷新就白费功夫了，而且在测试环境也能复现，不过目前不是那么好复现了，这是之前复现时的截图，你先看看【卑微前端】：（毕竟没得选）好，我看看！
·2023-06-13 09:04

【微前端架构】微前端——功能团队中缺失的一块拼图

如果执行得当，微前端可以提高团队的有效性和效率。就是这样。微前端背后的想法是将网站或Web应用程序视为由独立团队拥有的功能的组合。每个团队都有自己关心和擅长的不同业务领域或任务。
超级架构师·2023-06-13 02:12

qiankun在主应用、子应用均为vue3+vite+typescript中的使用

介绍什么是微前端微前端是一种架构风格，通过将一个单体应用程序拆分成多个小型独立应用程序来实现。每个小型应用程序都专注于一项特定功能，并且可以独立部署、扩展和维护。
m0_37653407·2023-06-12 15:11

wujie初使用--部署篇

背景新起了项目，决定使用微前端技术，最终框架确定使用wujie。
runOnWay·2023-06-11 04:28

微前端——乾坤qiankun Demo

微前端——qiankun（乾坤）实例一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！
Mr老朝·2023-06-10 08:30

Vue微前端乾坤(qiankun)解决子应用静态资源加载问题

安装file-loader：npminstallfile-loader在子应用vue.config.js中进行配置，//定义静态路由地址,根据子应用项目静态资源地址自行配置，打包后会根据publicPath对图片路径进行拼接constpublicPath='http://localhost:8081';chainWebpack:(config)=>{config.module.rule('font
萧紫陌·2023-06-09 21:18

vue项目集成乾坤(qiankun)微前端

vue项目集成qiankun微前端集成乾坤微前端主应用：1.安装2.main.js中进行配置3.配置路由4.将主应用路由模式设置为history模式子应用中配置（子应用无需安装乾坤）1.在src目录下增加
萧紫陌·2023-06-09 21:41

微前端：qiankun项目搭建

什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端项目搭建流程本文主要记录qiankun与vue-template相结合实现微服务框架过程。
黑萝卜不黑·2023-06-09 18:31

论微前端在react项目中的应用

本篇文章的大部分内容将用于解释如何通过js在运行时集成多个微应用。在这个例子中使用的是React，你也可以使用其他的框架来实现容器我们先从开始,它的package.json内容如下{"name":"@micro-frontends-demo/container","description":"Entrypointandcontainerforamicrofrontendsdemo","script
WEB前端含光·2023-06-08 23:50

超大体量项目，微前端落地方案，看完后悔来找我

介绍先介绍一下我们的项目背景，该项目是从18年开始启动的中间搁置了很久导致项目架构比较落后并且后期继续业务开发的时候也没有持续对架构进行优化迭代而是直接进行了业务开发，导致后面有很多的问题比如启动慢、代码耦合性强、项目体量巨大导致开发效率降低之类的问题问题描述目前项目体量达到了400个路由打包完的包大小为60MB左右首次启动时间为3分钟左右热更新时间为10s左右过程经过一段时间对项目架构的优化迭代
零湖冲·2023-06-08 14:54

无界微前端环境下MonacoEditor鼠标错误问题解决办法

在使用wujie微前端框架内的子应用MonacoEditor会出现光标标错误问题。原因是因为：MonacoEditor的document.caretRangeFromPoint在无界中无法兼容。
·2023-04-21 13:43

webpack5 Module Federation 模块联邦

这通常被称作微前端，但并不仅限于此。
带刀打天下·2023-04-21 11:51

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

作者：京东科技陈云飞一，需求背景1业务背景在以往的业务场景中，用户进入五花八门的菜单体系中，往往会产生迷茫情绪，难以理解平台名称及具体作用，导致数据开发与管理学习成本较高，降低工作效率。为此我们整合从数据接入，数据开发，数据管理的全链路流程，期望让用户体验一站式数据开发与管理的便捷性；并提供不同业务场景，方便根据业务场景进行进一步数据开发与管理工作，为数据应用平台打下夯实规范的数据基础，方便用户在
·2023-04-21 10:35

微前端-最容易看懂的微前端知识

转：原文链接：https://juejin.cn/post/6844904162509979662本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲，涉及到的大多数理论知识并不会太过于对展开，如果读者对一些细节比较感兴趣
小豆soybean·2023-04-20 21:30

Vue3.2 + TypeScript + Pinia + Vite4 + Element-Plus + 微前端（qiankun） 后台管理系统模板（已开源）

最终效果一、前言Wocwin-Admin，是基于Vue3.2、TypeScript、Vite、Pinia、Element-Plus、Qiankun(微前端)开源的一套后台管理模板；同时集成了微前端qiankun
wocwin·2023-04-20 21:33

详解无界微前端是如何渲染子应用的demo解析

目录正文无界渲染子应用的步骤创建子应用iframe解析入口HTML处理CSS并重新嵌入HTML创建webComponent并挂载HTMLJS的执行细节简单的实现将UI渲染到shadowRoot挟持document的属性/方法副作用的处理DOM相关的副作用处理修正相对URl修正shadowRoothead、bodyiframe的副作用处理HistoryAPIwindow/document属性/事件l
·2023-04-20 01:45

微前端项目部署方案

作者：京东科技高飞前言本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，针对项目分别部署在不同的服务器上的场景，就一些重点步骤、碰到的问题做了一些总结。
·2023-04-18 22:20

去中心化组件共享方案 —— Webpack Module Federation（模块联邦）

如果多个应用之间希望资源共享，除了使用npm包的形式，基于Webpack5ModuleFederation（模块联邦）实现的EMP微前端方案也可以一试，它不限制技术栈，但依赖于Webpack5。
·2023-04-18 22:01

前端面试之开发中遇到的问题【建议收藏】

等到结果返回后可再次发送请求，可以定义一个flag待请求结束打开flag1.代码习惯比如写个列表中标签的tag，提前询问后端返回的数据枚举类型，然后定义一个map集合来渲染页面2.git命令gitrebase命令3.微前端后退失效
小张很嚣张～·2023-04-18 01:07

SingleSpa及qiankun入门、源码分析及案例

文章目录SingleSpa及qiankun入门、源码分析及案例一、简介1、微服务2、什么是微前端3、微前端的优点4、微前端的缺点5、如何落地微前端6、示例7、总结二、SingleSpa1、微前端的价值2
wuyxinu·2023-04-17 17:59

微前端说明以及使用

1、微前端概论1.微前端概念类型一样，只不过微前端是用fetch去请求js并渲染在指定的DOM容器。·跟技术栈无关，任何前端技术栈都可以接入。·多个应用结合在一起，可以一起运行，又可以单独运行。
dawnzhang_zj·2023-04-17 17:26

从阿里QianKun看前端沙箱隔离

关于QianKun：qiankun（乾坤）是由蚂蚁金服退出的微前端解决方案，基于Single-Spa进行二次开发，用于实现Web应用由单体应用到多个前端项目聚合的应用。
一树梨花·2023-04-17 17:55

微前端解决方案初探 03 模块联邦（概述、案例介绍、应用初始化）

模块联邦概述模块联邦（ModuleFederation）是Webpack5中新增的一项功能，可以实现跨应用共享模块。以下图为例：在A应用中有一个sayHelloFromA方法，在B应用中有一个sayHelloFromB方法。如果要实现在A应用中调用B应用中的sayHelloFromB方法，在B应用中调用A应用的sayHelloFromA方法，这种跨应用调用方法的场景可以使用模块联邦实现。将每个应用
皮蛋很白·2023-04-17 17:55

深入浅出解析阿里成熟的微前端框架 qiankun 源码

本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端。
今天太阳很好·2023-04-17 17:21

Vue + qiankun框架 样式混乱问题的解决办法

前言qiankun是一个基于single-spa的微前端实现库，旨在帮助大家更简单、无痛的构建一个生产可用微前端架构系统。
Ya-tsu·2023-04-17 17:21

微前端--qiankun原理概述

一、微前端一》微前端概述微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。
吃鱼吐泡泡·2023-04-17 17:50

低代码（五）低代码平台前端技术组件选型3.0

微前端框架选型现在比较优秀的微前端框架有qiankun，MicroApp,single-spa;single-spa是通过监听urlchange事件，在路由变化时匹配到渲染的子应用并进行渲染，这个思路也是目前实现微前端的主流方式
飞天代码·2023-04-16 22:24

第54期 如何优雅处理前端异常 & JavaScript闭包详细图解 & 前端登录，这一篇就够了

如何设计微前端中的主子路由调度即便在微前端的内核板块中，路由问题也没有占多大的篇幅……但是它牵涉到集成逻辑、沙箱等核心逻辑；另一方面，想完美地解决路由问题也并不容易，内里存在大量的细节可供挖掘。
前端收藏家·2023-04-16 19:01

微前端qiankun+vue

qiankun-vue-test-demo基于qiankun+vue微前端初实践项目地址：https://github.com/zjzhangjie/qiankun-vue-test-demo.git基于
慵懒的高级动物·2023-04-16 15:48

是什么条件下诞生了微前端

随着时代的发展，商业的产品行为等，我们的开发模式在不同的web时代的实现方式也是在逐渐变化的：web1.0：这时候是前后端不分离的项目，那时候信息比较简单，就是单纯嵌套网页（css+html+js（jquery）+cms后台），数据简单，展示简单。web2.0：这时候出现了前后端分离（css+html+js+ajax），前后端做出分离以后，前端对于开发模式上面，就做出了很多的研究和琢磨，这期间最火
终身成长人格·2023-04-16 14:20

single-spa微前端简单实践与优化思路

微前端简单实践什么是single-spa或者说什么是微前端微前端是指存在于浏览器中的微服务。
橙汁坤·2023-04-16 13:01
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他