微前端qiankunvite

还没理解微前端？手把手教你实现一个迷你版

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群最近看了几个微前端框架的源码（single-spa[1]、qiankun[2]、micro-app[3]），感觉收获良多
傲娇的koala·2022-12-14 15:02

vue - qiankun微前端

微前端什么是微前端微前端架构具备以下几个核心价值：项目实践主应用什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
Zachos·2022-12-07 06:56

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

主要有两条路：iframe方案qiankun微前端方案两种方案都能满足我们的需求且是可行的。
影夜随风·2022-12-04 19:07

极简微前端框架-京东MicroApp开源了

前言MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。
cangdu123·2022-12-01 17:04

2022 你还不会微前端吗 (上) — 从巨石应用到微应用

前言微前端系列分为上/下两篇，本文为上篇主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在下篇2022你还不会微前端吗(下)—揭秘微前端核心原理中主要就是通过自定义实现一个微前端框架来加深理解
·2022-11-30 23:13

微前端（qiankun）实践，内含超多代码示例

如果说，2021年了你还不了解「微前端」，请自觉搬好板凳前排听讲，小编特地邀请了我们LigaAI团队的前端负责人，带你轻松玩转微前端。什么是微前端？
LigaAI·2022-11-26 18:55

微前端——single-spa源码学习

前言本来是想直接去学习下qiankun的源码，但是qiankun是基于single-spa做的二次封装，通过解决了single-spa的一些弊端和不足来帮助大家能更简单、无痛的构建一个生产可用微前端架构系统
DrinkWater Sun·2022-11-23 14:37

qiankun 源码解析

微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Bennt·2022-11-23 14:21

微前端架构之使用manifest.json优化子应用加载

一、前言qiankun提供的entry方式有url方式也有对象方式。当entry是url方式时，其会使用import-html-entry库对url进行fetch，然后使用正则获取到html中的script标签和style标签，当entry为对象时，直接传入：scripts数组和styles数组，其不就不调用import-html-entry中的fetch和正则获取对应的js和css了，故此会加快
叶小七的真命天子·2022-11-23 14:48

webpack插件篇-根据环境替换cdn链接中的react版本

1、需求背景：微前端架构中，子应用开发我们采用了基座下发的方式，子应用开发时，拉取sim环境基座，保证子应用代码环境的统一性，方便调试与问题发现。
叶小七的真命天子·2022-11-22 14:55

Qiankun Sentry 监控异常上报无法自动区分项目解决

由于我们的项目采用的是基于qiankun的微前端架构，在应用使用过程中，常常会出现发
·2022-11-21 18:41

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

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

关于微前端，你理解到究极奥义了么？

hel-micro，模块联邦sdk化，免构建、热更新、工具链无关的微模块方案，欢迎关注与了解微前端的起源在微前端这个概念出现之前，我们或多或少都能够联想到另一个词性上有些相似的概念微服务，它从出现后便一直都很火热
·2022-11-09 14:09

2022 你还不会微前端吗 (上) — 从巨石应用到微应用

前言微前端系列分为上/下两篇，本文为上篇主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在下篇2022你还不会微前端吗(下)—揭秘微前端核心原理中主要就是通过自定义实现一个微前端框架来加深理解
·2022-11-09 14:07

微前端架构ModuleFederationPlugin源码解析

目录序言背景MF基本介绍应用场景微前端架构服务化的library和componentsModuleFederationPlugin源码解析入口源码ExposesRemotesShared小结总结序言本文是
·2022-11-08 10:34

常见的前端面经试题整理。持续更新中....

、浅克隆浅克隆：深克隆采用json.parse()和json.stringify()实现深克隆使用ES6的Array.from(arr)实现数组深克隆使用ES6的扩展运算符...暴力循环进行赋值5.对微前端
veggie_a_h·2022-11-01 11:35

理解微前端 - 从部署一套自己的前端开发环境(脚手架)开始

很久以前的前端，没有太多工具化工程化思想，一堆代码塞进去完事儿。如今前端已经很卷，卷到了一个开发环境都够你折腾一宿。那么我们抛开类似nextjs、create-react-app这类的工具或框架，我们该如何从零部署一个属于自己的开发环境呢？这篇文章将讲述如何配置一个基础的脚手架，支持React、TypeScrit和单元测试等必要的功能。在这个基础上，也能够很方便去个性化脚手架，让它支持比如Elec
没位道·2022-10-26 15:07

大前端知识点概览

javascript+typescript三、前端基础四、前端框架五、前端工程化0.webpack与vite脚手架1.单元测试2.自动化测试3.自动化部署4.埋点与监控5.前端性能优化六、其他1.低代码搭建2.微前端
vousmevoyez0613·2022-10-23 20:41

为了实践微前端，重构了自己的导航网站

笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高的也就是这个破导航网站了，于是用最快的时间完成了基本功能的重构
街角小林·2022-10-22 07:01

微前端、single-spa初探

微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目
·2022-10-14 12:09

2022年Webpack 5初学者完整指南

将Webpack与JS、CSS、NPM、模块联合和微前端一起使用课程英文名：Webpack5in2022TheCompleteGuideForBeginners此视频教程共2.5小时，中英双语字幕，画质清晰无水印
IT教程精选·2022-10-05 18:36

微前端架构

一、前端(架构)发展史最初，前端是没有架构的，因为功能简单的代码没有架构可言。通过操作DOM就能完成的工作，不需要复杂的设计模式和代码管理机制，也就不需要架构来支撑起应用。前端开发的发展历史分为以下几个阶段：●古典时期。由后端渲染出前端HTML，用Table布局，用CSS进行简单的辅助。●动效时期。前端开始编写一些简单的JavaScript脚本来做动画效果，如轮播广告。●Ajax异步通信时期。20
拾荒李·2022-09-22 10:58

生产可用：是时候来一个微前端架构了！

微前端的场景域在选择一个微前端方案之前，常常需要思考这样一个问题，我们为什么需要微前端。通常对微前端的诉求有两个方面，一是工程上的价值，二是产品上的价值。
阿里云开发者·2022-09-21 17:07

初探 微前端 的世界

本文首发于微信公众号：大迁世界,我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看GitHubhttps://github.com/qq449245884/xiaozhi，包含一线大厂面试完整考点、资料以及我的系列文章。前言最近笔者在工作上一直听到后端工程师们在谈论Microservices(微服务)的架构设计，听到的当下立马去查询才知道原来Micr
·2022-09-16 08:20

Vue qiankun微前端实现详解

目录引言What：微前端是什么Why：为什么选择微前端微前端能做到什么为什么不使用iFrameHow：微前端实践在主应用中注册微应用在子应用导出相应的生命周期钩子结尾引言前端时间有个契机，让我们团队开始进行微前端的相关实践
·2022-09-14 18:01

微前端实现方案之iframe

微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。
_littleTank_·2022-09-11 19:29

registermodule 微前端_微前端实践

在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。微前端是什么那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸(Monolith
weixin_40009207·2022-09-07 20:01

微前端qiankun框架的底层实现原理

qiankun框架的底层原理现在我们手写一个简易的qiankun框架，实现基础的父应用中切换路径跳转子应用、沙箱隔离等qiankun框架的功能。我们在已经配置好的qiankun主应用中不使用qinakun框架，而是引入我们自己手写的简易框架来实现本有的qiankun框架功能比如路由跳转、沙箱隔离、css样式隔离等。//引入qinakun框架内的方法//import{registerMicroApp
veggie_a_h·2022-09-07 20:58

微前端（Micro-Frontends）qiankun框架原理与实现

文章目录微前端（Micro-Frontends）qiankun框架原理与实现1.qiankun简介2.qiankun核心设计理念3.为什么不用iframe4.qiankun的特性5.实现原理（1）应用加载
qq_39670012·2022-09-07 20:16

浅谈微前端

之前公司开发一个系统，由多个不同功能的小项目组合成一个比较大的系统，当时考虑直接一个应用开发，但是发现小的项目可以在其他系统中使用，于是想到使用微前端进行项目开发，将不同功能的小项目进行独立开发，然后通过门户进行系统合并
知所云·2022-09-07 20:46

微前端的初探索

微前端的初探索一、什么是微前端二、微前端的特点三、微前端的工作原理四、微前端的路由分发五、微前端的应用隔离六、微前端的通信七、微前端的选择一、什么是微前端微前端是将Web应用由单一的应用转变为多个小型前端应用聚合为一的一种手段
蛞蝓不孤寡·2022-09-07 20:40

微前端究竟是什么？微前端核心技术揭秘！

导语|微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。
腾讯云开发者·2022-09-07 20:01

对比多种微前端方案

转自团队掘金原文：https://juejin.cn/post/6898268972178178061一、写在前面在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念
吉古力·2022-09-07 20:27

微前端原理解析

前言微前端将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用，每个前端应用还可以独立运行、独立开发、独立部署。
carfied-feifei·2022-09-07 20:55

微前端——qiankun（乾坤）实例

一、什么是微前端微前端就是将不同的功能按照不同的未读拆分成多个子应用，通过主应用来加载这些子应用，微前端的核心在于拆，拆完后再合二、为什么使用微前端不同团队间开发一个应用技术栈不同希望每个团队都可以独立开发
菜鸟咸鱼一锅端·2022-09-02 19:30

基于微前端qiankun的多页签缓存方案实践

1.1单页面应用实现多页签1.2使用qiankun进行微前端改造后，多页签缓存有什么不同二、方案选择2.1方案一：多个子应用同时存在2.2方案二：同一时间仅加载一个子应用，同时保存其他应用的状态2.3最终选择三
·2022-08-30 17:59

全面敏捷模式下的微前端方案——设计篇

本文只涉及到module-federation微前端方案的设计层面分享，关于具体实现，可以参考写的简单例子；所有的设计图自取，如果对你有一些启发，请点个star背景团队从瀑布流模式转变为敏捷模式，将整个项目团队划分为多个小组并行开发
·2022-08-25 19:19

微前端之 js隔离 样式隔离 元素隔离问题详解

目录WebComponent介绍js隔离问题解决方法一用Proxy代理方法二用快照样式隔离问题方法一样式增加不同前缀方法二ShadawDom元素隔离WebComponent介绍微前端框架中，js隔离、样式隔离
·2022-08-23 18:48

微前端之Web组件自定义元素示例详解

目录我们知道的Web组件使用名称规范组件传参数并可以写模板包括js和cssShadowDom影子节点类中的构造函数和钩子函数getter/setter属性和属性反射扩展原生HTML我们知道的第一：我们熟知的HTML标签有a,p,div,section,ul,li,h2,article,head,body,strong,video,audio等等第二：我们知道，a标签是链接，p标签是段落，div是块
·2022-08-23 16:40

超大体量项目，微前端落地方案，看完后悔来找我

介绍先介绍一下我们的项目背景，该项目是从18年开始启动的中间搁置了很久导致项目架构比较落后并且后期继续业务开发的时候也没有持续对架构进行优化迭代而是直接进行了业务开发，导致后面有很多的问题比如启动慢、代码耦合性强、项目体量巨大导致开发效率降低之类的问题问题描述目前项目体量达到了400个路由打包完的包大小为60MB左右首次启动时间为3分钟左右热更新时间为10s左右过程经过一段时间对项目架构的优化迭代
·2022-08-22 12:42

微前端架构的几种技术选型

简介：微前端架构的几种技术选型背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。
·2022-08-19 18:25

JS微前端MicroApp基础使用

子应用3.1Webpack+Vue子应用3.2Webpack+React子应用4.应用路由配置说明4.1主应用路由4.2子应用路由1.介绍MicroApp是“京东零售”团队在2021年7月正式发布的一个微前端框架
·2022-08-15 17:41

水滴低代码搭建——6倍提效，新品首发素材审核系统实践之路

在技术选型的过程中，新品团队了解到水滴低代码平台具备可视化搭建CMS的能力，内置了丰富能力，能够高效、快速地搭建CMS，例如表单表格、权限管控、微前端等。
·2022-08-15 16:59

基于微前端qiankun的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
vivo互联网技术·2022-08-02 09:00

基于微前端qiankun的多页签缓存方案实践

作者：vivo互联网前端团队-TangXiao本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，
·2022-08-02 08:53

qiankun - 微前端应用搭建

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
ZionHH·2022-07-29 19:31

微前端解决方案-qiankun实战及部署

image.png在线demo：wzs.bengdada.com/单独访问在线子应用：subapp/micro-reactsubapp/micro-vue2subapp/micro-vue3一.导读1.什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化
e只咸鱼·2022-07-26 21:16

webpack项目中使用vite加速的兼容模式详解

vite到现在生态也起来了，就有了把项目改造成vite的想法，但是项目后面可能要依赖qiankun改造成微前端项目，现在qiankun对vite还没有好的解决方法，我就想采取一个折中的办法，保留w
·2022-07-26 16:29

JS利用 React.lazy 优化页面初次渲染

目录一、需求背景二、代码分析三、技术实现1.路由懒加载2.Prefetch预获取一、需求背景主站采用qiankun微前端方式嵌入新项目，qiankun会阻塞子应用资源加载，这导致应用白屏时间增加，希望在子应用端进行优化以减少白屏时间
·2022-07-26 09:04

JS递归遍历查询是否有权限示例详解

目录前言需求分析设计思路代码声明查找模板如下js版本ts版本后记前言最近参与了一个基于qiankun构建的微前端大型项目，涉及到十几个子应用，基于基座独立开发了一个完善的权限中心模块。
·2022-07-25 12:05
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他