Qiankun

qiankun 2.x 运行时沙箱 源码分析

简介从源码层面详细讲解了qiankun框架中的JS沙箱和样式沙箱的实现原理。
·2022-02-07 12:33

qiankun 2.x 运行时沙箱 源码分析

简介从源码层面详细讲解了qiankun框架中的JS沙箱和样式沙箱的实现原理。
李永宁·2022-02-07 11:00

初步认识微前端（single-spa 和 qiankun）

初步认识微前端微前端是什么现在的前端应用，功能、交互日益复杂，若只由一个团队负责，随着时间的推进，会越来越庞大，愈发难以维护。微前端这个名词，第一次提出是在2016年底。它将微服务（将单一应用程序划分成一组小的服务，服务之间相同配合，为用户提供最终价值）这个应用于服务端的技术扩展到前端领域。微前端背后的想法是：将网站或web应用程序视为由独立团队负责的子应用（或模块、功能）的组合。微前端核心是：拆
彭加李·2022-02-06 21:00

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

简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。
·2022-02-04 15:18

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

封面简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。
李永宁·2022-02-04 11:00

初探 MicroApp，一个极致简洁的微前端框架

在微前端的领域里，相信大家都听说过阿里的qiankun。
写代码的海怪·2022-01-28 13:56

微前端 qiankun

主应用创建微应用容器HomeAboutvue应用react应用exportdefault{name:'appBase',components:{}}注册微应用启动qiankun；import{registerMicroApps
buffonme·2022-01-28 09:56

微前端框架 qiankun 技术分析

qiankun在single-spa的基础上做了二次开发，完善了很多功能，算是一个比较完备的微前端框架了。今天我们来聊一聊qiankun的技术原理。在本系列的开头，我们提
·2021-12-21 08:04

@ice/stark-data源码解析

在基于qiankun来进行微前端应用开发过程中，难免会碰到应用之间通信的情况，如基于某个业态下某些定制化的业务需求。
·2021-11-20 15:26

ABF平台设计（六）微前端渲染框架-YseraMicroServer

前言YseraMicroServer是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。
·2021-10-25 18:37

前端提升生产力系列一（vue3 element-plus 配置json快速生成form表单组件）

个人github仓库地址：https:github.com/aehyok本文讲解代码仓库地址：https:github.com/aehyok/vue-qiankun目前基于dev分支进行开发和测试本demo
aehyok·2021-10-21 11:00

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:01

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:56

前端提升生产力系列二（vue3 element-plus 配置json快速生成table列表组件）

个人github仓库地址：https:github.com/aehyok本文讲解代码仓库地址：https:github.com/aehyok/vue-qiankun目前基于dev分支进行开发和测试本demo
aehyok·2021-10-15 10:00

rabow——umi-qiankun微服务框架企业实践(5)

nginx部署注意事项rabowl在部署上和普通的spa应用一样所以就不多说了，这里要讲的是如果需要将应用部署在子目录下要怎么配置主项目和子项目。假如我们要通过域名http://www.wenjunblog.com/rabowl来访问我们的rabowl项目。首先，在主项目的.umirc.ts中配置base和publicPathimport{defineConfig}from'umi';consti
Rasir·2021-10-13 09:00

rabow——umi-qiankun微服务框架企业实践(2)

rabowl——使用方法概述源码下载源码托管在码云（gitee）源码地址：https://gitee.com/rasir/rabowl任何人都可以直接通过fock的方式clone源码。使用方法1、在目标文件夹打开终端设备2、gitclonehttps://gitee.com/rasir/rabowl$gitclonehttps://gitee.com/rasir/rabowlCloninginto
Rasir·2021-10-09 20:52

【qiankun】微前端项目搭建与通信

官网地址：https://qiankun.umijs.org/微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略·独立开发、独立部署主应用1.安装qiankun$yarnaddqiankun
i奇异·2021-09-30 10:24

微前端(qiankun)-主应用非umi子应用为umi

背景由于umi提供了自己的微前端插件plugin-qiankun，而主应用并不是使用umi搭建的，就会涉及主应用直接使用qiankun，而子应用由于入口被umi封装，无法在入口文件导出微前端需要的生命周期
书中自有颜如玉__·2021-08-13 20:23

解决qiankun微前端加载腾讯地图JSONP跨域问题

qiankun微前端框架加载腾讯地图会报jsonp请求跨域的问题,官网给的解决方案如下图所示：image.png然而并不能解决实际项目遇到的场景，qiankun框架加载腾讯地图api，腾讯地图本身会动态加载一些
small_zeo·2021-07-09 14:12

Qiankun

1、目标针对事业部前端开发业务场景考虑使用一个项目实例，通过微前端的方式去实现业务功能模块的解耦。如果可以实现微应用之间、微应用和主应用之间如何处理通信，通信数量级别加载复杂微应用的性能如何微前端应用场景考虑2、什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeatu
秋名山车神lv·2021-07-08 14:50

umi3 + qiankun 搭建微前端

本文介绍qiankun的主应用和微应用都使用umi3搭建。
dkvirus·2021-06-26 22:16

基于 qiankun 的微前端最佳实践（图文并茂） - 从 0 到 1 篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun
昵称不用太拉风·2021-06-20 22:38

微前端qiankun和ant-design-pro的实践经历

四月份启动了一个ERP项目，基础架构设计采用了微前端（qiankun）+ant-design-pro，开始一时爽，后面火葬场，这里记录一下这次实践的过程。
内孤·2021-06-13 08:32

qiankun接入子应用（creact-react-app）

主应用就不用说了，只要搭建完毕就可以接入其它多个各式各样的子应用项目，我这里主要介绍的是子应用脚手架如何接入主应用我这里是直接用的react官方推荐的脚手架，在这个基础上进行修改。一，子项目搭建安装react脚手架npxreact-create-appreact-demo输入命令暴露脚手架隐藏的配置文件npmruneject不出意外的情况下，应该是可以看到我们的目录出现了好几个目录，那就代表暴露成
w晚风·2021-06-09 01:09

微前端qiankun从搭建到部署的实践 - SegmentFault 思否

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码：https://github.com/fengxianqi/qiankun-example。
·2021-06-07 14:00

基于qiankun框架的微前端实战使用_DJYanggggg的博客-CSDN博客_qiankun框架使用教程

最近公司要整合目前所有的前端项目，希望放到同一个项目里面进行管理，但是项目使用的技术栈大体不相同，有原生js的，有用jq的也有用Vue的，整合的话要么重构，统一技术栈，不过这是不现实的，成本高，时间长，要么使用iframe，但是iframe也有很多缺点，通信不方便，刷新页面会导致路由丢失，这都是很不好的体验，于是我想起了最近很火的微前端概念，打算用微前端的技术来整合已有项目。什么是微前端？微前端就
·2021-06-07 14:00

qiankun 踩坑指南

鉴于前一段时间公司内部项目用到了微前端框架qiankun，总理了一些常见的坑：指定yarn模块下载源yarnconfigsetregistryhttps://registry.npm.taobao.org
神刀·2021-06-06 13:58

微前端及Vue + qiankun 实现案例 - 简书

微前端架构微前端特征一、什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.--MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端的概念出现于2016年末，
·2021-05-31 14:00

vue3+quasar+qiankun

image.png上图描述了qiankun微前端的运行过程,父子应用之间可以独立运行.没有子应用,不影响父应用的运行.没有父应用,子应用也是可以独立运行.qiankun官网描述步骤非常详细:https:
小麻烦爱学习·2021-05-13 17:10

umijs qiankun 初体验

背景：一些大的项目，需要一个前端中台，承载各项目组开发的应用，本篇文章是在工作实践后所写，网上找了好多例子也少，记录下来后面供自己预览qiankun是一个基于single-spa的微前端实现库umi插件
w晚风·2021-04-26 11:41

微前端

cssshadowDOM前缀约定式隔离CSSmodule子应用加载添加、卸载移除single-SPA解决问题1兼容各种技术栈更优的性能每个独立模块的代码可做到按需加载,不浪费额外资源无需重构现有代码每个独立模块可独立运行qiankun
斗伽·2021-04-25 11:45

vue项目'微前端'qiankun.js的实战攻略

vue项目'微前端'qiankun.js的实战攻略本篇介绍    关于微前端的大概念大家应该听过太多了,这里我就大白话阐述一下,比如我们新建三个vue工程a、b、c,a负责导航模块,b负责列表页面,c负责详情页面
·2021-04-07 05:21

vue项目'微前端'qiankun.js的实战攻略

vue项目'微前端'qiankun.js的实战攻略本篇介绍    关于微前端的大概念大家应该听过太多了,这里我就大白话阐述一下,比如我们新建三个vue工程a、b、c,a负责导航模块,b负责列表页面,c负责详情页面
·2021-04-07 05:49

React-umi+qiankun配置与部署同台、多台Nginx

【前言】由于生产项目需要微前端统一登录加管理，并且可能会部署在一台nginx也可能多台nginx。因此技术调研期间，自己使用umi分别创建了主应用与子应用，并在本地搭建两个Nginx环境，部署同一台、各自部署都写了个实践，欢迎大家一起讨论，一起学习。本文涉及：创建配置父应用创建配置子应用父子应用mock联调父子应用分开部署在nginx上父子应用部署到同一nginx上1.创建并配置主应用由于前面有一
木诚鑫·2021-04-02 15:14

基于 qiankun 的微前端应用实践

本文作者：张延卿业务背景云音乐广告Dsp（需求方平台）平台分为合约平台（Vue框架）和竞价平台（React框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是Dsp平台，后期这样的需求可能会很多，所以考虑到组件复用以及降低维护成本，在想怎么统一技术栈，把React系统塞到Vue项目中进行呈现。系统是传统的左右布局，左侧侧边栏展示菜单栏，头部导航展示基础信息
·2021-03-31 15:38

SystemJS笔记

为之后使用微前端方案（single-spa、qiankun）做铺垫。SystemJS是基于标准的模块加
jiansheng·2021-03-29 17:24

微前端之案例——以antpro为主，react、vue、angular为子应用

微前端之案例——以antpro为主，react、vue、angular为子应用【注】按照案例来，一定可以成功（每一步都写清楚了）1.主要技术：qiankun、react(umi框架)+antd、vue+
木诚鑫·2021-03-26 09:02

记录用qiankun微前端改造 路由hash模式

整体架构架构图.jpg说明我选择的是qiankun这个轮子。主应用、微应用都选择的是vue2.x(因为老项目都是vue开发，qiankun可以兼容所有框架)。路由模式都是选择的hash。但是histo
我只是个前端啊·2021-03-12 15:51

探索微前端的场景极限

本文主要介绍总结了一些基于qiankun的微前端应用场景与实践基础场景与路由绑定的方式渲染微应用通常情况下，我们接触的最多的微前端的实践，是以URL/路由为维度来划分我们的微应用，以OneX平台（蚂蚁金融云基于微前端架构打造的统一接入平台
·2021-03-09 22:59

微前端的几种实现方案

qiankun技术圆桌中一篇《关于微前端WhyNotIframe的思考
Moon_f3e1·2021-03-04 09:45

使用各种姿势舒服的部署微前端项目（上：打包与上传）

作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间，形成了、脚手架、工程结构设计、日常开发维护、性能优化、部署等一整套流程。
春深是蔚蓝·2021-02-24 16:02

微前端框架qiankun之原理与实战

目录一、微前端概述1.基本原理2.微前端的主要优势3.当前微前端方案的一些缺点二、qiankun与single-spa实现原理1.single-spa实现原理(1).路由问题(2).应用入口(3).应用加载
夕山雨·2021-02-22 01:54

30分钟快速掌握微前端qiankun的所有核心技术（一）

一、引言微前端是什么？已经了解微前端的朋友可自行跳过本节，简单介绍下微前端，微前端是将前端更加细分化的一种技术方案，类似与后端微服务，下图所示3个可独立构建测试部署并可增量升级的不同技术栈应用，可以集成在一个基座应用中一起展示。微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备
·2021-02-09 21:42

30分钟快速掌握微前端qiankun的所有核心技术（一）

一、引言微前端是什么？已经了解微前端的朋友可自行跳过本节，简单介绍下微前端，微前端是将前端更加细分化的一种技术方案，类似与后端微服务，下图所示3个可独立构建测试部署并可增量升级的不同技术栈应用，可以集成在一个基座应用中一起展示。微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备
·2021-02-09 21:27

qiankun微前端实践

前言在介绍具体的接入方案和文档之前，先简单介绍一下，什么是微前端，以及为什么我们的前端工程要做微前端化的改造？什么是微前端？微前端，用一句话来解释就是：将多个独立的前端应用聚合在一起组成一个全新的应用，各个应用直接彼此独立，互不干扰。也就是说，一个微前端应用给用户的感观就是一个完整的应用，但是在技术角度上是由一个个独立的应用组合通过某种方式组合而成的。再举个大家都知道都例子，ifream就是微前端
·2021-02-06 23:41

qiankun微前端实践

前言在介绍具体的接入方案和文档之前，先简单介绍一下，什么是微前端，以及为什么我们的前端工程要做微前端化的改造？什么是微前端？微前端，用一句话来解释就是：将多个独立的前端应用聚合在一起组成一个全新的应用，各个应用直接彼此独立，互不干扰。也就是说，一个微前端应用给用户的感观就是一个完整的应用，但是在技术角度上是由一个个独立的应用组合通过某种方式组合而成的。再举个大家都知道都例子，ifream就是微前端
·2021-02-06 23:54

使用各种姿势舒服的部署微前端项目

作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间，期间也产出了两篇入门文章：qiankun微前端实战看这篇就够了-Vue项目篇和vue3.0&qiankun2.0极速尝鲜
·2021-01-25 20:03

使用各种姿势舒服的部署微前端项目

作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间，期间也产出了两篇入门文章：qiankun微前端实战看这篇就够了-Vue项目篇和vue3.0&qiankun2.0极速尝鲜
·2021-01-25 20:06

qiankun微应用项目实践

子应用注册：首先，在finder中安装qiankun工具包。npmiqiankun-S然后，另起一个appRegister.js,用于写子应用挂载。
·2021-01-25 03:57

qiankun微应用项目实践

子应用注册：首先，在finder中安装qiankun工具包。npmiqiankun-S然后，另起一个appRegister.js,用于写子应用挂载。
·2021-01-25 03:18
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他