原文地址：https://blog.csdn.net/ygxyvip/article/details/119739377
转载
2023-08-30 15:08:14
547阅读
qiankun 集成指引文档 qiankun 是一个生产可用的微前端框架，它基于 single-spa，具备 js 沙箱、样式隔离、HTML Loader、预加载 等微前端系统所需的能力。qiankun 可以用于任意 js 框架，微应用接入像嵌入一个 iframe 系统一样简单。 一、qiankun ...
转载
2021-10-13 17:32:00
3969阅读
2评论
微前端vue实例-乾坤【qiankun】一、前言二、乾坤实例应用STEP1：前期准备工作【需关注代码注释重点部分】1. 创建主应用【qiankun-main】2. 创建子应用【qiankun-vue-child】STEP2：乾坤简单配置步骤【主要内容】1. 主应用配置【qiankun-main】2. 子应用配置【qiankun-vue-child】附加 一、前言功能说明：此实例包含有一个qian
转载
2024-09-13 15:10:56
397阅读
# jQuery使用qiankun嵌套Vue页面的简要指南
在前端开发中，微前端架构是一种当前流行的解决方案，它允许开发人员将大型应用拆分为独立的微应用。在这篇文章中，我们将讨论如何使用 `qiankun` 框架来嵌套 Vue.js 页面，并结合 jQuery 进行操作。我们还将列出相关的步骤和代码示例，帮助你更好地理解这一过程。
## 什么是 qiankun？
`qiankun` 是一个基
原创
2024-10-13 03:40:40
190阅读
微服务和VUE入门教程(7):配置中心-config1. 配置中心介绍简单来说，配置中心就是我们来存放各个微服务的配置文件的一个地方。如果没有配置中心，配置文件放在各个微服务中，对于配置的修改，会是一个不小的工程。举例来说，等数据库变化之后，如果没有配置中心，那么需要去各个微服务中修改数据库的配置。但是如果有了配置中心，只需要修改配置中心中的数据库配置文件即可，其他微服务来引用配置中心的配置文件，
转载
2024-05-14 08:41:37
94阅读
本文介绍 Vue 项目如何实现前端微服务一、前言什么是微前端Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化
转载
2021-01-16 16:33:40
739阅读
2评论
微服务和VUE入门教程(3): user微服务的搭建微服务和VUE入门教程(0): 着手搭建项目微服务和VUE入门教程(1): 搭建前端登录界面微服务和VUE入门教程(2): 注册中心微服务和VUE入门教程(3): user微服务的搭建微服务和VUE入门教程(4)：网关zuul的搭建微服务和VUE入门教程(5)： 前后端交互微服务和VUE入门教程(6)：连接数据库-mybatis微服务和VUE入门
转载
2024-05-14 16:38:24
85阅读
基于single-spa + vue 的前端微服务拆分及实践项目**一、 前端微服务化的背景和价值：背景：业务模块呈现快速增长趋势，孵化的业务模块也逐渐增多。 价值：让产品的前端架构能快速、插件化的支持业务的增加二、设计目标解耦产品前端各业务模块，支持独立开发、发布和部署；设计出提供支持插件化调整业务模块、可多团队共同维护的前端架构；三、系统分析1.微前端架构简介什么是前端微服务？ 将微服务的理念
转载
2024-03-18 23:28:32
79阅读
# 深入了解qiankun和jquery
## 什么是qiankun？
qiankun 是一个基于微前端架构的JavaScript库，它可以帮助开发者构建复杂的前端应用程序，将一个大型应用拆分成多个独立的子应用。每个子应用可以独立开发、部署和运行，同时可以动态地加载和卸载。qiankun 提供了一整套解决方案，包括路由、状态管理、样式隔离等功能，方便开发者在微前端架构下构建应用程序。
##
原创
2024-06-01 06:55:25
91阅读
作者: 纸上的彩虹技术栈简介微前端qiankundockergitlab-ci/cdnginx如果看完文章不是很理解，可以配合[视频解说查看本文] 视频地址：https://www.bilibili.com/video/BV1Qg411u7C9什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架
转载
2023-09-22 13:50:16
494阅读
很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如
<div data="some data">Test</div>
<script>
div.getAttribute('data'); // some data
</script>给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttr
什么是框架？框架(framework)是一个框子——指其约束性，也是一个架子——指其支撑性。是一个基本概念上的结构，用于去解决或者处理复杂的问题。框架这个广泛的定义使用的十分流行，尤其在软件概念。框架也能用于机械结构。在软件工程中的框架：框架( Framework )是构成一类特定软件可复用设计的一组相互协作的类。框架规定了你的应用的体系结构。它定义了整体结构，类和对象的分割，各部分的主要责任，类
微前端就是应用分割，独立运行，独立部署，将原本把所有功能集中于一个项目中的方式转变为把功能按业务划分成一个主项目和多个子项目，每个子项目负责自身功能，同时具备和其它子项目和主项目进行通信的能力，达到更细化更易于管理的目的。 总的来说微前端就是：一个完整应用划分成一个主应用和一个或多个微应用，应用间相
转载
2021-07-10 21:57:00
947阅读
2评论
在公司里面，一般团队都是按照业务划分的，在没有微前端的时候，如果几个团队维护一个项目肯定会遇到一些冲突，比如合并代码的
原创
2024-09-05 10:10:17
2039阅读
qiankun框架的底层原理现在我们手写一个简易的qiankun框架，实现基础的父应用中切换路径跳转子应用、沙箱隔离等qiankun框架的功能。我们在已经配置好的qiankun主应用中不使用qinakun框架，而是引入我们自己手写的简易框架来实现本有的qiankun框架功能比如路由跳转、沙箱隔离、css样式隔离等。// 引入qinakun框架内的方法
// import { registerMic
转载
2024-04-14 16:07:04
429阅读
如何用 Vue 实现微前端架构1. 使用 qiankun 实现微前端架构qiankun 是一个基于 single - spa 的微前端解决方案，它提供了简单易用的 API 来实现微前端应用的集成。以下是使用 qiankun 在 Vue 项目中实现微前端架构的步骤：主应用（Vue 项目）安装依赖：npm install qiankun --save配置主应用：
在主应用的入口文件（通常是 main.
# qiankun加载jquery项目
随着前端开发的不断发展，微前端成为了一个热门话题。qiankun 是一个开源的微前端框架，可以帮助我们将多个独立的前端项目整合到一个页面中。本文将介绍如何使用 qiankun 加载一个基于 jQuery 的子项目。
## 1. 准备工作
首先，我们需要创建一个基于 jQuery 的子项目。可以使用如下代码创建一个简单的项目：
```html
原创
2024-06-10 04:24:06
131阅读
编辑 | 哈比在《Serverless 风格微服务的持续交付（上）：架构案例》中，我们介绍了一个无服务器风格的微服务的架构案例。这个案例中混合了各种风格的微服务，本文介绍 Serverless 风格的微服务部分的持续交付。架构图如下：在这个架构中，我们采用了前后端分离的技术。我们把 HTML，JS， CSS 等静态内容部署在 S3 上，并通过 CloudFront 作为 CDN 构成了整个架构的前
随着网络信息技术的发展,越来越多的人选择做微商这一工作。如果你想成为一个出色的微商,那么就少不了工具的帮忙，今天给大家分享5款微商必备的好软件。1.FineDataLinkFineDataLink是一个一站式数据集成平台，主要是给企业提供一站式服务，帮助解决数据孤岛难题，全方位发掘数据的真正价值。对多种异构数据进行实时同步,采用流批一体的调度引擎进行数据清洗,并提供低代码Data API敏捷发布平
微前端背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能的。
