微前端micro-app

微前端实践一

微前端起源微前端的概念最早由thoughtworks在2016年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。
yolkpie·2023-08-07 06:09

微前端中的 CSS

CSSinMicroFrontends原文作者：FlorianRappl原文地址：https://dev.to/florianrappl/css-in-micro-frontends-4jai我被问得最多的问题之一是如何在微前端中处理
奇舞周刊·2023-08-07 04:38

笔记：无界微前端入门

无界微前端框架笔记wujie(无界)是腾讯在2022年7月推出的微前端框架，下面是腾讯前端团队的原话无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能
易风有点疯·2023-08-05 17:23

微前端框架 之 qiankun

文章目录一、介绍1.1qiankun的优点/特点二、源码解读2.1框架目录结构2.2有料的package.json2.3示例项目中的主应用2.4启动示例项目三、示例项目3.1主应用3.1.1webpack.config.js3.1.2基于路由配置3.1.2.1index.js3.1.2.2VueRender.js3.1.2.3ReactRender.js3.1.3手动加载微应用3.1.3.1mul
fmk1023·2023-08-03 13:25

微前端

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。
6f2f71ece809·2023-08-02 00:02

什么是微前端

前端微服务化，将单片式Web应用分解为多个微前端的策略。什么是微前端架构？微型前端架构是一种将Web应用程序开发为小型前端应用程序的方法。该应用程序没有编写大型的整体式前端应用程
kyo_f89f·2023-07-31 21:05

初见微前端

基座1.安装npmi@micro-zoe/micro-app@alpha--save2.引入加start根目录下importmicroAppfrom'@micro-zoe/micro-app'microApp.start
懿小诺·2023-07-30 10:33

微前端nuxt3.0方便请求api可封装一个使用哈希算法出key值的http，http封装

http.tsimport{hash}from'ohash'importtype{FetchOptions}from'ohmyfetch'interfacehttpOptions{source?:string}/****获取接口前缀*/我这里为不同站点的接口做了区分，主站点为api，demo站点为demoapifunctionGetPrefixUrl(source?:string){const{p
zhongli_·2023-07-28 06:33

webpack联邦模块介绍及在dumi中使用问题整理

二、如何在dumi中使用及问题整理1.如何在dumi中使用(这个配置是好使的)2.相关问题整理2.1问题12.2问题2总结前言联邦模块（ModuleFederation）是指一种用于构建微前端架构的技术
A-wliang·2023-07-28 02:19

微前端简介

微前端概念详解什么是微前端？微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。
状元岐·2023-07-28 02:22

无星的微前端之旅（三）——qiankun改造

微前端改造这里以Vue3为例子，主应用和子应用均使用vue3路由的话，建议主应用和子应用使用相同模式，即均为history或者均为hash以下先使用为history模式讲解，最后会写如何使用hash模式
无星灬·2023-07-26 19:38

基于lerna和single-spa,sysyem.js搭建vue的微前端框架

为什么要用微前端目前随着前端的不断发展，企业工程项目体积越来越大，页面越来越多，项目变得十分臃肿，维护起来也十分困难，有时我们仅仅更改项目简单样式，都需要整个项目重新打包上线，给开发人员造成了不小的麻烦
mongofeng·2023-07-25 18:35

从Jquery到React，从Iframe到微前端，我们经历了什么

--58安居客北京前端团队《巧寓sass系统》开发纪实前言如标题所讲，本文将要记录的是我在真实的项目开发过程中，如何将一个2017年代码的JQ项目一步步迁移升级为react+微前端技术架构的。
喜剧之王爱创作·2023-07-25 15:52

pnpm 与monorepo架构

其他文件跟这变化上图所示：安装某依赖，外面带符号的文件夹只是一个软链接，链接到.pnpm的文件夹下面.pnpm内的依赖又通过硬链接的方式从本地store拉取，查看：pnpmstorepath；场景monoropo架构与微前端外面一个主应用里面可以有多个
_Rookie._·2023-07-25 12:49

Webpack5核心原理与应用实践（基础用法）一

主要有：搭建完善的JavaScript、CSS开发环境；搭建微前端、NPM包、桌面应用等。
天将降大任于我·2023-07-25 11:06

微前端——Single-SPA（二）

single简单用法1、新建一个html2、新建一个single-spa-config.js//single-spa-config.jsimport*assingleSpafrom'single-spa';//加载react项目的入口js文件(模块加载)constloadingFunction=()=>import('./react/app.js');//当url前缀为/react的时候.返回tr
Y_d4ea·2023-07-24 19:26

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
程序员poetry·2023-07-24 17:31

JavaScript读源码系列--微前端之import-html-entry

最近网络上对于微前端讨论的愈加激烈，qiankun就是一款由蚂蚁金服推出的比较成熟的微前端框架，基于single-spa进行二次开发，用于将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
照物华·2023-07-23 10:46

微前端——乾坤

背景在使用Angular项目过程中，发现如下问题：随着需求越来越多，模块越来越多，打包的时间越来越长，有的时候甚至会出现内存溢出的问题。虽然通过修改打包时的内存能暂时解决问题，但治标不治本，问题始终没有解决。许多模块相对稳定，很多迭代不会修改相关功能，因此希望在打包的时候不去打包这些模块在项目实际过程中对用户有功能权限配置，希望未配置相关功能的用户不需要加载相关模块开发过程中，因为一些需求要升级技
没有注定的结局·2023-07-23 09:50

Umi微前端水印踩坑以及解决方案

最近公司需要在管理后台加一个水印方案~项目用的umi方案,以为就是改一个配置的问题,后来发现坑点还蛮多~希望此稳定能帮助到用umi的你们.一.先来说说心路历程坑点1umi的水印适配只能在layout中进行配置,也就是路由配置中layout为false的页面无法配置水印,比如说登录页~坑点2就算只对layout配置也会有问题,如下是配置与效果可以看到头部区域,菜单区域以及空白区域适配不到.坑点3既然
鱼泡泡~·2023-07-22 11:30

两个umijs/max项目使用微前端简单示例

本人使用umijs/max搭建项目（内置了qiankun插件）主应用.umirc.ts中defineConfigqiankun:{master:{apps:[{name:'app1',entry:'//localhost:8000',},],},},routes:[{path:'/',redirect:'/home',},{name:'app1',path:'/app1',microApp:'ap
KAGHQ·2023-07-21 20:27

前端微服务化解决方案8 - 二次构建

二次构建进一步优化我们的微前端性能在微前端这种形势的架构,每个模块都会输出固定的文件,比如之前说的:项目配置文件Store.js文件main.js渲染入口文件这三个,是微前端架构中每个模块必要的三个文件
Hello丶Alili·2023-07-21 15:43

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

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

【无标题】

转载请注明出处，点击此处查看更多精彩内容wujie使用手册wujie是一个基于WebComponent容器+iframe沙箱的微前端方案。
StoneHui_·2023-07-19 14:10

Micro-app vue3+vite+ts用法

前言：微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用
GUOZHUOYUE.·2023-07-18 10:47

微前端方案

一、微前端是什么可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。
arguments_zd·2023-07-18 01:45

简述什么是微前端 微前端几种框架的区别

微前端就是将各个模块分成不同项目方便多个团队一起开发互相不影响用户只需要登陆一次多个模块都可以使用例如：a团队维护较老的项目使用angular，b团队开发react，c团队开发vue。
孙可爱.·2023-07-16 22:38

微前端之 一 微前端框架介绍

一、微前端的定义、核心原则微前端是一种软件架构模式，用于构建大型复杂前端应用程序。
一锦一瑟思华年·2023-07-16 22:07

微前端之 二 常用框架对比

一、single-spasingle-spa由CanopyTax开发，是一个用于构建微前端架构的JavaScript前端框架，它可以将多个单页应用(SPA)集成为一个整体。
一锦一瑟思华年·2023-07-16 22:07

vue 配置前端项目npm一键启动，前端项目批量启动

最后选择了蚂蚁金服开源的微前端框架qiankun。开发过程中发现每天都要同时启动多个项目，打包也得同时打包多个。一个一个点开，再运行命令确实比较麻烦，因此有了一键启动，一键打包的想法。
东扯葫芦西扯瓜·2023-07-15 16:28

微前端自检清单

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他