微前端qiankunvite

【微前端】single-spa 到底是个什么鬼

前言说起微前端框架，很多人第一反应就是single-spa。但是再问深入一点：它是干嘛的，它有什么用，可能就回答不出来了。一方面没多少人研究和使用微前端。
写代码的海怪·2023-03-11 22:08

手动实现微前端框架的思路

此文是本人学习慕课网微前端课程《从零打造微前端框架：实战“汽车资讯平台”项目》的笔记，主要记录了自研实现微前端框架的思路。
前端辉羽·2023-03-11 17:25

关于微前端技术选型与说明

关于微前端技术选型与说明目前各产品均为单个独立产品，但后期若聚合起来成为矩阵，那如果通过单纯的柔和代码，将会打造一个巨石项目，维护成本极高，且后期迭代时会局限在单一框架内，扩展性也会很差，基于以上几点，
Robertbiu·2023-03-11 15:08

微前端 qiankun + vue 从 0 到 1

一、创建项目1、新建一个文件夹（demo）2、创建主项目（master）$vuecreatemaster$cdmaster$vueaddvue-cli-plugin-qiankun--typemaster3、创建子项目（foo-app）---跟主项目在同一级$vuecreatefoo-app$cdfoo-app$vueaddvue-cli-plugin-qiankun--typeslave--po
叫兽儿·2023-03-11 13:05

Nginx同一文件夹部署微前端

server{listen8080;server_namelocalhost;location/{roothtml;indexindex.htmlindex.htm;try_files$uri$uri//index.html;}location/app1{roothtml;indexindex.htmlindex.htm;try_files$uri$uri//app1/index.html;}lo
坑的心都碎了·2023-03-11 07:52

微前端乾坤+Angular9

前言之前写过一篇关于微前端乾坤+Angular8的笔记，现在NG9已经到来，因此做了一次升级，仅以此文记录。
没有注定的结局·2023-03-10 09:29

微前端qiankun从搭建到部署的实践

微前端qiankun从搭建到部署的实践一、项目架构后台系统一般都是上下或左右的布局。下图粉红色是基座，只负责头部导航，绿色是挂载的整个子应用，点击头部导航可切换子应用。[图片上传失败...
Robertbiu·2023-03-10 02:37

微前端框架qiankun源码剖析之下篇

目录引言四、沙箱隔离4.1JS隔离1.Snapshot沙箱2.Legacy沙箱3.Proxy沙箱4.2CSS隔离1.ShadowDOM2.ScopedCSS五、通信方式六、结语引言承接上文微前端框架qiankun
·2023-02-27 18:46

前端架构——微前端系列(一)

背景最近项目开发中使用了qiankun框架去做微前端，我是属于半懂不懂的状态，大概了解过微前端是什么，可以解决什么问题，但是没有并系统的认识和从0实战过。
邱疯子·2023-02-26 19:16

关于微前端，你想知道的都在这!

更多请关注微前端专题https://codeteenager.github.io/Micro-Frontends/介绍微前端官网：https://micro-frontends.org/问题：如何实现多个应用之间的资源共享
·2023-02-22 14:28

单体架构、面向服务架构、微服务简单了解 【微前端】

微服务属于什么？一种架构风格。软件架构大体经历了：单体架构→面向服务的架构(SOA)→微服务1.单体架构特征：单体架构是一种将所有功能打包在一个容器中运行的设计风格一个实例中继承了一个系统的所有功能通过负载均衡软件/设备实现多实例调用。优点：易开发、易调试、易部署缺点：可靠性差：某个模块bug可能导致会导致整个应用的崩溃。不易协同：协同开发时，版本冲突频繁。升级困难：牵一发而动全身。2.面向服务的
麦田里的POLO桔·2023-02-22 07:24

微前端x重构实践落地总结

在这样的挑战下，我想到了微前端解决方案
写代码的海怪·2023-02-18 14:48

如何设计低代码平台快速构建页面

为什么要做页面可视化搭建系统统一微前端架构各个微应用页面的样式和交互我们公司的供应链saas系统而多个独立部署、技术栈不统一的系统组合而成，这些系统的样式，交互存在差异，通过页面可视化搭建系统生成的页面底层使用同一套组件库
小美人鱼失去的腿·2023-02-18 01:14

前端开发（三）【微前端】single-spa 到底是个什么鬼

image.png前言说起微前端框架，很多人第一反应就是single-spa。但是再问深入一点：它是干嘛的，它有什么用，可能就回答不出来了。一方面没多少人研究和使用微前端。
一杯苦瓜海底椰·2023-02-17 13:18

微前端框架 之 qiankun 从入门到源码分析

当学习成为了习惯，知识也就变成了常识。感谢各位的点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送，欢迎关注：李永宁lyn文章已收录到github仓库liyongning/blog，欢迎Watch和Star。简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。介绍qiankun是
李永宁_lyn·2023-02-17 11:48

微前端框架StartCMS，如何启动框架，startCMS启动教程

简介StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言，支持PHP、Java、Node、Python、Go、C#...一、本文接续上一篇文章，对StartCMS框架如何启动进行讲解如果您对StartCMS有疑惑，建议先阅读下方文章来了解更多。微
·2023-02-17 02:53

微前端框架StartCMS， 一个基于微前端架构的极速微应用开发框架，开源框架

一、介绍StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言，支持PHP、Java、Node、Python、Go、C#...二、主要特性大道至简：后端标准CMS分层设计，前端微应用架构，全新开发模式和开发规范给开发更好体验框架独立：分离框架代码与
·2023-02-17 02:53

为iframe正名，你可能并不需要微前端

前言最近几年微前端很火，火到有时候项目里面用到了iframe还要偷偷摸摸地藏起来生怕被别人知道了，因为担心被人质疑：你为什么不用微前端方案？
·2023-02-17 02:22

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

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

微前端qiankun架构 (基于vue2实现)使用教程

工具使用版本node-->16+@vue/cli-->5+创建文件创建文件夹qiankun-test。使用vue脚手架创建主应用main和子应用dev主应用安装qiankun:yarnaddqiankun或者npmiqiankun-S使用qiankun：在utils内创建微应用文件夹microApp,在该文件夹内创建微应用出口文件index.js，路由文件microAppRouter,配置函数文件
不羁的程序员~·2023-02-16 21:21

无界微前端作为子应用引入高德或百度地图removeChild报错问题解决

高德或者百度地图的外链script触发了高德地图的回调函数。回调函数里的有document.body.removeChild的逻辑，要删除高德的外链script。但在wujie插件中配不配置jsIgnores，高德地图的回调函数removeChild都无法删除出现以上问题我们可以使用一下方法解决：const{bus，setupApp,preloadApp，destroyApp]=WujieVue;
·2023-02-16 20:36

前端食堂技术周刊第 70 期：Volar 的新开端、React 纪录片、2022 大前端总结

Geekhyt/weekly本期摘要Volar的新开端Chrome110的新功能Lighthouse10Nuxtv3.2.0加速JavaScript生态系统之ESLintCloudflareWorkers和微前端
·2023-02-16 20:53

百度工程师带你了解Module Federation

一贫导读本文介绍了ModuleFederation的概念、应用场景，并结合具体的代码示例帮助大家对ModuleFederation的模块共享，公共依赖加载有个初步的认识，方便后续更深入的学习相关内容，同时也给微前端的探索提供一种新的思路
·2023-02-07 11:37

微前端框架StartCMS， 一个基于微前端架构的极速微应用开发框架，开源框架

一、介绍StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言，支持PHP、Java、Node、Python、Go、C#...二、主要特性大道至简：后端标准CMS分层设计，前端微应用架构，全新开发模式和开发规范给开发更好体验框架独立：分离框架代码与
·2023-02-06 14:46

推荐一个基于微前端架构的极速微应用开发框架StartCMS

StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端开发不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端开发不限制语言，支持PHP、Java、Node、Python、Go、C#...主要特性大道至简：后端标准CMS分层设计，前端微应用架构，全新开发模式和开发规范给开发更好体验框架独立：分离框架代码与应用
·2023-02-06 11:00

微前端 quankun + vue

micro.jpeg前言微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
最后只剩躯壳·2023-02-04 07:38

这才是最完美的微前端方案

推荐语：如果想快速落地微前端，小编推荐优先使用EMP微前端方案，具体理由如下分析。近几年微前端话题还挺火的，也看到了业界沉淀了微前端的实现方案，特别是qiankun，一直都是业界关注的点。
吉古力·2023-02-04 00:41

qiankun子应用找不到document

动态添加html元素并添加点击事件，子系统独立运行时点击事件生效，使用微前端框架后，点击事件找不到绑定的方法。
·2023-02-03 09:25

微前端实践初试

——一个基于single-spa的vue2升级至vue3的项目Author柯雨Date2021-01-21一、项目背景随着2020年9月vue3的正式发布，为了在之后的工作之中能够逐步全面的使用vue3替代vue2，之前所开发的系统项目升级的需求也就提上了日程。考虑到第一，vue3的使用是新技术的尝试，第二，vue3的相关生态还在进一步完善之中，因此，我们使用了一个部门内部项目来作为我们的实践对象
我们都是架构师·2023-02-02 22:43

2022 你还不会微前端吗 (下) — 揭秘微前端核心原理

前言在上篇2022你还不会微前端吗(上)—从巨石应用到微应用中已经了解了微前端的由来和基本使用，也提到了一些相关的原理，本篇文章为下篇主要从原理层面进行解析，然后再自己实现一个包含核心部分的微前端框架。
·2023-02-02 14:07

实战微前端，从使用qiankun到自写微前端

我本地写的文档，大部分内容我直截了当的截图了。image.pngimage.pngimage.pngimage.pngimage.pngimage.png我根据报错提示进行了调整：importReactfrom'react';importReactDOMfrom'react-dom/client';import{isInIcestark,setLibraryName}from'@ice/stark
码代码的小公举·2023-02-02 09:21

微前端实战

什么是微前端微前端的概念：构建一个现代Web应用所需要的技术/策略/方法，具备多个团队独立开发、部署的特性微前端的优势独立测试部署，各个模块相互独立，互不影响扩展性高技术兼容更好，各个模块可以使用不同的技术微前端的缺点子应用之间共享资源能力较差需要对旧的代码改造升级才可以使用目前主流的微前端解决方案
池鱼_故渊·2023-02-01 18:05

qinkun微前端打包部署找不到子应用的静态资源

前端微服务微服务打包一些资源（打包后的）找不到的问题主要是因为在乾坤状态下此处的配置会把静态资源地址给替换为在线地址，而乾坤拿到的是根级别域名所以会把后续的二级地址给去掉所在此处需要加上二级的路径（如果打包的时候加上了二级路径的话，如果没有加则不需要修改）首先想到的是打包的时候，vue.config.js中publicPath加上二级路径constpublicPath=process.env.NO
·2023-02-01 15:00

vue+ts的微前端实践

微前端的概念是从后端的微服务中迁移过来的。将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
夜闯寡妇门·2023-02-01 02:35

实践基于qiankun的微前端demo - 主项目

开始创建主应用创建vue主应用mainvuecreatemaincdmain执行yarn安装依赖，并本地启动yarnserve(或者修改为yarndev)cdmainyarnyarnserve(或者修改为yarndev)安装qiankun依赖yarnaddqiankun进入src/main.jsimportVuefrom'vue'importAppfrom'./App.vue'Vue.config
木头就是我呀·2023-01-31 10:21

基于qiankun 微应用--应用间通信

在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。
Augenstern___·2023-01-30 14:22

微前端之 entry 加载工具

什么是entry微应用、微模块的入口systemjsSystemJS是一个基于标准的模块加载器。工作环境：在不支持原生模块的浏览器环境中，提供以System.register的模块格式的模块加载代码single-spa通过systemjs实现微模块、特点：支持动态导入、cssjsjsonwasm模块类型、兼容IE11支持文件:js、css、json、wsm支持模块规范:system、umd、amd
coolheadedY·2023-01-29 11:41

微前端理念

什么是微前端？微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Thomas赵骐·2023-01-29 01:35

前端发展与思考

FlutterWebMobileNodecli相关BFF+TS相关公共组件、npm包工程化cli工具发布一体化Node相关后端NodeGoDart/FlutterJava可视化svgcanvas前端的部署静态化Serverless微前端大前端的方向
1kesou·2023-01-28 12:46

聊聊微前端的原理和实践

本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/2qH9qMNpU_LuLEBTsDUKzA作者：TanXin本文对微前端的概念和场景进行科普，介绍一些主流的微前端的实现库及其用法
vivo互联网技术·2023-01-27 01:35

微前端

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。
HTAO濤·2023-01-26 06:45

微前端qiankun框架接入实战

引入微前端，将代码根据业务逻辑
Ygria·2023-01-26 03:01

为什么 qiankun 不能和 vite 一起使用？

qiankun简介qiankun是蚂蚁金服开源的完善的微前端解决方案，经受过大量的线上系统的考验及打磨，是国内使用率较高的微前端框架之一，它具有不限制技术栈、完备的样式隔离、js沙箱与资源预加载等特点，
·2023-01-17 16:31

为iframe正名，你可能并不需要微前端

前言最近几年微前端很火，火到有时候项目里面用到了iframe还要偷偷摸摸地藏起来生怕被别人知道了，因为担心被人质疑：你为什么不用微前端方案？
·2023-01-05 16:44

微前端乾坤的实现以及注意事项

微前端乾坤微前端乾坤主应用子应用主应用配置子应用配置问题微前端乾坤qiankun是一个基于single-spa的微前端实现库，拥有的特点：JS沙箱，样式隔离，元素隔离，数据通信，预加载，HTMLEntry
WFF的赵本山·2022-12-30 00:53

如何定位内存溢出导致页面崩溃问题

问题定位首先，说一下项目技术栈背景，是采用React+Mobx+single-react-spa搭建的一个微前端中后台应用。当初始化加载完页面，点击”删除“触发事件后页面就卡死，
·2022-12-29 17:19

vite+vue3+ts项目搭建之集成qiankun让其成为子应用模板(vite+vue3+ts+qiankun项目)

前言以下操作，是续接之前第四步——即：vite+vue3+ts+pinia+element-plus项目已完成搭建好，可以直接业务开发了主应用技术栈：vue2+webpack+js集成qiankun(微前端
wocwin·2022-12-25 17:03

从Vue重构到React的微应用实践总结

在这样的挑战下，我想到了微前端解决方案
前端开发博客·2022-12-25 06:57

Vue 微前端搭建 qiankun

主应用1、安装qiankunnpmiqiankun-S2、项目中src文件夹下新建qiankun文件夹以及qiankun.js文件import{registerMicroApps,addGlobalUncaughtErrorHandler,start}from'qiankun';/***在主应用中注册微应用*/registerMicroApps([{name:'zsyftxglpt-mh',//微
Cherry丶小丸子·2022-12-21 10:17

H5开屏从龟速到闪电，企微是如何做到的

企微前端开发工程师陈智仁将分享可用可扩展的HybirdH5秒开方案。
·2022-12-19 11:22
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他