微前端qiankunvite

微前端之 qiankun 入门、上手、实战（构建大型 web 应用）

目录前言正文一、介绍微前端qiankun二、快速上手☛主应用①安装qiankun②在主应用中注册微应用☛微应用①导出相应的生命周期钩子②配置微应用的打包工具三、项目实战☛主应用①安装qiankun②注册微应用并启动
前端不释卷leo·2022-07-22 10:43

除了 Qiankun， 这些微前端框架或许更适合你「建议收藏」

前言大家好，我是易师傅，上篇文章给大家主要讲解到了《微前端的入门》，这篇文章给大家收集归纳了微前端常用的框架，以及他们优缺点；如果你正在做微前端，但是苦于不知使用哪一个微前端框架而苦恼时，我相信这篇文章能够给到你答案
易师傅·2022-07-19 09:00

【源码】微前端qiankun源码阅读(2)：加载子应用与沙箱隔离

前言在上一篇文章了解了qiankun的整体运行。下面继续看：1.qiankun如何根据entry字段去加载子应用的资源。2.qiankun提供的沙箱隔离。正文(1)loadApp在上一篇中说到single-spa的app配置需要开发者自己处理加载子应用的逻辑，在qiankun的registerMicroApps中，封装了loadApp方法。exportfunctionregisterMicroAp
ceido·2022-07-16 16:48

【源码】微前端qiankun源码阅读(1)：Demo与single-spa流程

前言老早就听说微前端了，觉得很高大上的样子。看了一些文章感觉一知半解，还是得自己搭建一下Demo，学习一下它到底是运作的。微前端方案有很多，目前较为流行的方案的是自研框架。
ceido·2022-07-16 16:43

【源码】微前端qiankun源码阅读(3)：预加载、缓存和通信

前言【微前端】qiankun源码阅读(1)：Demo与single-spa流程【微前端】qiankun源码阅读(2)：加载子应用与沙箱隔离正文（1）预加载通过前面的两篇可以大概了解qiankun的运行，
ceido·2022-07-16 16:41

使用Node.js驱动Redis,实现一个消息队列！

写在开头最近的Devops和微前端已经写得差不多，开始复习下后端相关知识，之前想写的这篇文章，终于落地如果你想加入前端交流群，可以文末联系我加入正式开始电脑环境推荐Mac|Linux安装redis,并且启动
Peter 谭·2022-07-16 14:49

这几个人脸识别解决方案你用过没？

是的，我也调研了不少解决方案，但是人家是要收费的呀（而且费用不低）或者甲方不买单～“卑微前端开发”❞1.第三方解决方案现有的云服务商解决方案：旷世-人脸识别face++[1]腾讯云神图-人脸识别[2]阿里云
树酱·2022-07-15 20:04

qiankun项目中子框架在window中挂载事件本地生效，但是运行在主应用下不生效解决办法

项目中使用了qiankun微前端框架，但是有个问题，子项目本地单独运行的时候，window上挂载的事件，是可以触发的window.test()可以直接触发test事件，但是在主应用下运行的时候却不能够触发
·2022-07-07 19:58

记一次qiankun落地遇到的问题

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次qiankun落地遇到的问题本文是系列之三。项目背景app下架需要把所有页面都迁移到企业微信h5，作为主应用。
·2022-07-03 21:33

清晰简单易懂的qiankun主流程分析

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次落地qiankun本文是系列之二。综述qiankun是在single-spa基础上进行二次开发的。
·2022-07-03 17:28

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

一个需求让我们从一个最小的需求开始说起。有一天产品经理突然说：我们要做一个A页面，我看到隔壁组已经做过这个A页面了，你把它放到我们项目里吧，应该不是很难吧？明天上线吧。此时，产品经理想的是：应该就填一个URL就好吧？再不行，复制粘贴也很快吧。而程序员想的却是：又要看屎山了。又要重构了。又要联调了。测试数据有没有啊？等一下，联调的后端是谁啊？估计这是做大项目时经常遇到的需求了：搬运一个现有的页面。我
懂会悟·2022-07-03 16:31

记一次微前端技术选型

所以要求微前端框架提供隔离样式的功能、以及通讯功能。只给了一个月来接入主应用和子应用。
·2022-07-03 11:47

Elux-从"微前端"到“微模块”

微前端够用吗？从产品的角度某个大型应用包含A,B,C,D,E,F,G等若干功能，原来一直是整体打包出售...随着用户需求的多样化，有的用户仅需要
·2022-06-24 17:57

qianKun + VUE 实现微前端架构 (基于vue2实现)

创建两个项目作为实现demo，一个为主应用，一个为子应用主应用安装qiankun:yarnaddqiankun或者npmiqiankun-S使用qiankun：在utils内创建微应用文件夹microApp,同时在该文件夹内创建微应用出口文件index.js,路由文件microAppRouter,配置函数文件microAppSetting。microApp文件2.路由文件microAppRoute
Rising_life·2022-06-21 13:23

微前端qiankun沙箱实现源码解读

目录前言LegacySandbox单实例沙箱ProxySandbox多实例沙箱SapshotSandbox快照沙箱结束语前言上篇我们介绍了微前端实现沙箱的几种方式，没看过的可以下看下JS沙箱这篇内容，扫盲一下
·2022-06-16 16:55

微前端qiankun改造日渐庞大的项目教程

项目背景很多小伙伴在工作中都碰到过和我一样的场景，手上的某个项目越来越大，眼看着每次build时间越来越长，吐了。在杭州某独角兽我碰到了这样的一个项目，他叫运营后台，听名字就知道，他的主要用户是运营人员。问题就是随着公司业务的越来越多，这个运营后台承担的已经不是某一块业务了，而是所有业务的运营操作的中后台都在这上面。你可以这样理解，这个系统的每个一级菜单都是一块独立的业务，相互之间没有任何瓜葛；按
·2022-06-16 16:51

面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来

前言随着微前端的不断发展、被更多的团队采用，越来越多开始对沙箱这个概念有所了解。
Joe Jiang·2022-06-11 08:00

微前端（qiankun）主应用共享React组件

前言最近需要重构一个老项目，定的方案用微前端去改造。主应用是老的项目，微应用是新的项目，由于重构时间比较紧张，子应用还需要使用父应用的一些组件。过程中遇到一些问题，记录一下。
快乐的开发者·2022-06-08 16:00

微前端-qiankun

微前端提供通过不同技术栈、能够以单独发布的方式将多个子应用构建成一个主应用的技术方案。所以结构分为主框架，和任意多个子应用。
Mr无愧于心·2022-06-01 00:40

字节跳动的微组件和代码共享实践

微前端的工程方案在前端er心中像一道曙光不断的被提起，被实践，多年至今终于有了比较好的指引。它在解决大型应用之间复杂的依赖关系，或是解决我们技术栈的迁移历史负担，都在一定程
傲娇的koala·2022-05-29 16:48

vue纯前端设计动态路由+页面架构

前言好久没有更新博客了，今天就写一下vue脚手架+antd如何架构一个后台管理系统页面，本来是想弄微前端的但是想想还是算了，不过你熟了的话，可以使用微前端进行架构，基于主体布局不变嵌入微前端。
An_s·2022-05-24 18:22

手把手教你定制一套适合团队的微前端体系

编者按：大家在使用目前市面上的微前端解决方案时，可能会有些顾虑。比如遇到框架自身的问题和坑点，影响了业务进度怎么办？
·2022-05-20 10:10

爱番番微前端框架落地实践

导读：”微前端”这个词现在对前端同学来说已经比较熟悉了，各种方案也已经落地开花，比较主流如single-spa、乾坤，后来的也有webpack模块联邦。
百度Geek说·2022-05-19 19:34

爱番番微前端框架落地实践

导读：”微前端”这个词现在对前端同学来说已经比较熟悉了，各种方案也已经落地开花，比较主流如single-spa、乾坤，后来的也有webpack模块联邦。
·2022-05-17 14:36

如何使用webpack5的模块联邦特性落地微前端

微前端现有的落地方案可以分为三类，自组织模式、基座模式以及模块加载模式。
前端学习栈·2022-05-12 12:26

微前端microApp

微前端microApp实践微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行
·2022-05-11 14:00

Satum 官网正式发布了

经过大半年时间的打磨，面向多实例集成的微内核化的微前端框架satumjs终于推到了0.1.x(生产可用)，Satum官网正式发布了！！！
·2022-04-27 12:16

微前端相关

子应用中的element-UI的icon在主应用中访问子应用组件的时候不能加载处理问题在子应用的Vue.config.js文件中加入：config.module.rule("fonts").test(/.(ttf|otf|eot|woff|woff2)$/).use("url-loader").loader("url-loader").tap(options=>{options={//limit:
·2022-04-26 11:48

17个可以实现微前端的方案

一、微前端方案思路在前端技术领域已有如下几种成熟的实现微前端的思想：基于接口协议：子应用按照协议导出几个接口，主应用在运行过程中调用子应用导出的这几个接口基于沙箱隔离：主应用创建一个隔离环境，让子应用基本不用考虑自己是在什么环境下运营
·2022-04-25 10:24

360公司前端面经

360前端面经360一面：4:45-5:30自我介绍+项目介绍问了一大堆微前端问题前端场景题：请求一个url+参数，参数变化前端向服务器端请求资源并返回资源再渲染列表的过程。
veggie_a_h·2022-04-24 15:58

从前端架构的出现到微前端架构设计

写在前面的话对于大前端开发岗位，在技术实现上各行业以及应用体系区域完善，也建立了统一的技术栈和规范，这就意味着如果想要从编码为主的开发岗位进一步越迁到架构设计岗位，开发者需要具备完整的技术视野和架构设计思想，完全掌控从抽象的设计层面到具体的落地层面，能帮助前端开发者在行业内走向一个新的高度。大前端的架构变迁随着互联网技术的演进，大前端岗位逐渐成为IT行业的一大不可或缺的岗位，大前端从酝酿到出现经历
·2022-04-22 14:59

如何实现快速高效开发？低代码平台jeecgboot完美解决—jeecgboot3.1新特性

jeecgboot3.1版本新增了很多重要的新特性，这些新特性会帮助我们实现更高效的开发；例如集成微前端qiankun、代码生成器增加uniapp移动端代码生成等等，下面就让我们来看看吧。
·2022-04-16 15:03

浅谈微前端

一、微前端的概念微前端（micro-frontends）并不是一项新的技术，而是一种浏览器端的架构理念.微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
·2022-04-15 17:17

微前端 -- 乾坤（二）源码篇

HTMLEntryHTMLEntry是由import-html-entry库实现的，通过http请求加载指定地址的首屏内容即html页面，然后解析这个html模版得到template,scripts,entry,styles{template:经过处理的脚本，link、script标签都被注释掉了,scripts:[脚本的http地址或者{async:true,src:xx}或者代码块],styl
nucky_lee·2022-04-13 18:48

微前端应用及基于qiankun的微前端实践

gitee.com/dongche/yl-qiankun-base.gityl-qiankun-child-vue:https://gitee.com/dongche/yl-qiankun-child-vue.git微前端概念起源微前端概念最早其实是借鉴了微服务的概念
东扯葫芦西扯瓜·2022-04-08 19:19

Module Federation在客服工单业务中的最佳实践

ModuleFederation：是模块联邦的意思，在webpack5中流行起来的，也属于一种微前端方案。
·2022-04-08 16:15

微前端-qiankun配置

基座配置1.添加一个跳转到子应用的router-link的标签，也可以使用qiankun跳转方法去跳转页面2.需要给你的子项目添加挂载的容器，比如我把vue子项目挂载到3.给基座（父级项目）安装qiankun依赖：yarnaddqiankun-S4.在main.js中引入qiankun：import{registerMicroApps,start}from“qiankun”;5.定义子应用数组数据
lar_slw·2022-04-06 16:25

Node.js躬行记（17）——UmiJS版本升级

在2020年我刚到公司的时候，公司使用的版本还是1.0，之后为了引入微前端，迫不得已被动升级。一、从1.0到2.0在官方文档中，有专门一页讲如何升级的，这个用户体验非常好。
咖啡机（K.F.J）·2022-04-06 08:00

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

前言本文介绍的是在做微前端single-spa项目过程中，遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。
·2022-04-05 18:20

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

前言本文介绍的是在做微前端single-spa项目过程中，遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。
我不是大熊哦·2022-04-05 17:00

web前端如何提升自我

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
the_cleaner·2022-04-03 07:21

web前端进阶架构师之路

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
returnShitBoy·2022-04-03 07:49

web前端如何才能成为架构师

最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试等方面的知
henhenha·2022-04-03 07:46

vivo 商品中台的可视化微前端实践

在设计商品中台的前端系统时，我们使用了微前端和可视化技术，其可以达到如下效果：可视化技术可以让各个业务方的运营等相关
·2022-03-29 10:33

vivo 商品中台的可视化微前端实践

在设计商品中台的前端系统时，我们使用了微前端和可视化技术，其可以达到如下效果：可视化技术可以让各个业务方的运营等相关
vivo互联网技术·2022-03-29 09:00

实现 vue&react 混合开发项目步骤-微前端

//创建核心项目-vuevuecreatevue-core//创建vue应用-vuevuecreatevue-child//创建react应用-reactnpxcreate-react-appreact-childinvue-core//在app.vue文件中HOMEVUE应用React应用HOME//默认的//vue项目//react项目//main.jsimportVuefrom'vue'im
·2022-03-28 18:27

微前端

一、微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端。
久宇诗·2022-03-28 16:00

微前端

微前端是一种软件架构，可以将前端应用拆解成一些更小的能够独立开发部署的微型应用，然后再将这些微应用进行组合使其成为整体应用的架构模式。
lowpoint·2022-03-22 21:58

qiankun 子应用keep-alive实现方案

一、核心设计理念简单由于主应用微应用都能做到技术栈无关，qiankun对于用户而言只是一个类似jQuery的库，你需要调用几个qiankun的API即可完成应用的微前端改造。
Sun____·2022-03-21 17:04

微前端

微前端微前端如何解决业务场景的痛点，并以qiankun为例微前端的核心实现原理，并手把手实现简单微前端背景微前端最早于2016年在Micro-Frontends被提出，并建⽴了早期的微前端模型。
·2022-03-20 20:57
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他