微前端wujie

前端需要知道的微前端知识

1关于微前端微前端是一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。
薛定谔的猫96·2023-08-25 21:11

js实现锚点跳转

背景由于使用wujie微前端集成子应用，子应用里面的某个页面内部是用a标签做锚点跳转的，集成之后，锚点跳转就失效了问题排查找到原因是因为点击a标签跳转后，会将#锚点直接拼接在了主应用的url上面了，导致子应用不识别
·2023-08-24 22:04

前端面试：【系统设计与架构】组件化、模块化、微前端的现代前端架构演进

在本文中，我们将探讨三个重要的现代前端架构概念：组件化、模块化和微前端，以及它们在构建可维护、可扩展的前端应用程序中的作用。
fans小知·2023-08-24 13:27

作为面试官，为什么我推荐组件库作为前端面试的亮点？

图解算法小册最近整理了一本算法小册，感兴趣的同学可以加我微信linwu-hi进行获取前言在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？
·2023-08-22 11:56

微服务与微前端:区别在哪里

微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势，学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGptplus版本的，我们出的钱体验地址:https://chat.waixingyun.cn可以加入网站底部技术群，一起找bug，另外新版作图神器已上线https
·2023-08-22 09:03

giankun+vue微前端实战配置流程详解，包含基座配置、子应用配置、参数传递

qiankun集成指引文档qiankun是一个生产可用的微前端框架，它基于single-spa，具备js沙箱、样式隔离、HTMLLoader、预加载等微前端系统所需的能力。
我是小菜鸟1219·2023-08-20 15:40

【qiankun】微前端在项目中的具体使用

1、安装qiankunnpminstallqiankun--save2、主应用中注册和配置qiankun在主应用的入口文件main.ts中，引入qiankun的注册方法：import{registerMicroApps,start}from'qiankun';创建一个数组，用于配置子应用的相关信息。每个子应用都需要提供一个名称、入口URL、挂载点和一些可选配置项。例如：constapiEnv={d
湛海不过深蓝·2023-08-20 06:55

微前端 - qiankun

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。本文主要记录下如何接入qiankun微前端。
沉默lu·2023-08-19 11:04

基于 React 的微前端：Piral 简析

近年来，“微前端”一词已进入了主流技术领域。虽说实践中实现微前端的模式有很多，但我们认为可能存在一个“理想”的解决方案——这种方案既能具备单体架构的优势，又能结合使用隔离模块的某些优秀特性。
sidney_c·2023-08-17 20:17

用一篇文章让你了解学会微前端

用一篇文章让你了解学会微前端前言：一、微前端的基本概念和原理二、微前端的实现方式三、微前端的优势四、微前端的实践方法五、微前端的使用六、使用微前端技术的注意事项七、使用[single-spa框架](https
网络真危险！！·2023-08-17 08:04

Java后端微服务研发规范

项目分层说明项目分层说明前后端分离前端采用AntDesignforVuejsPro微前端架构：在一个基座上承载多个SPA应用，基座上
Java分布式架构实战·2023-08-17 07:16

可观测性网站如何知道网站是否命中了缓存？

为了告慰良心，webdeveloper搞了可视化、组件化、工程化、微前端、低代码。网站平均加载时间依然客死在2s内。
liugang0605·2023-08-17 02:20

可能是多端适配性最好的微前端框架

引子对微前端方向有了解的同学可能都看过qiankun的文档，深入的同学估计也去翻过其代码和single-spa的源码。
·2023-08-16 17:16

微前端框架 之 qiankun

qiankun文档:快速上手微前端:是最近一年国内前端领域被频繁提及的关键字，虽然它并不是一个全新的领域/技术，但很显然在当今越来越多的前端应用即将步入第3个、第5个甚至更久的年头的背景下，如何给巨石应用
stubborn丶lili·2023-08-15 17:14

作为面试官，为什么我推荐组件库作为前端面试的亮点？

图解算法小册最近整理了一本算法小册，感兴趣的同学可以加我微信linwu-hi进行获取前言在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？
·2023-08-15 16:08

微前端带来的劣势是什么

复杂性增加：微前端架构需要处理多个独立的应用，每个应用都有自己的技术栈、构建流程和依赖关系。这可能导致整体架构的复杂性增加，需要额外的管理和协调工作。
AlgorithmHero·2023-08-15 04:25

【数据中台商业化】数据中台微前端实践

一，需求背景1业务背景在以往的业务场景中，用户进入五花八门的菜单体系中，往往会产生迷茫情绪，难以理解平台名称及具体作用，导致数据开发与管理学习成本较高，降低工作效率。为此我们整合从数据接入，数据开发，数据管理的全链路流程，期望让用户体验一站式数据开发与管理的便捷性；并提供不同业务场景，方便根据业务场景进行进一步数据开发与管理工作，为数据应用平台打下夯实规范的数据基础，方便用户在数据平台里，对于数据
2301_76429513·2023-08-13 12:15

基于vue3+webpack5+qiankun实现微前端

一主应用改造（又称基座改造）1在主应用中安装qiankun(npmiqiankun-S)2在src下新建micro-app.js文件，用于存放所有子应用。constmicroApps=[//当匹配到activeRule的时候，请求获取entry资源，渲染到container中{name:'micro-vue3',entry:'//localhost:40000',//子应用的html入口activ
alice--小文子·2023-08-12 06:13

qiankun-微前端--vue2

项目结构主应用技术：vue2子应用技术：vue2项目目录这里是特意将主子项目分开来的，方便管理主应用安装qiankunnpminstallqiankun重新定义一个启动端口，防止和其它子应用共用同一个端口（vue.config.js）定义子应用在主应用中的出口，下面这两个地方都需要进行定义（main.js和模板组件）注意：我这里定义的子应用的挂载节点是在HomeView.vue这个页面上，放在这里
阿Q--小黑·2023-08-12 00:02

从零搭建qiankun

在说qiankun之前先了解下Single-spa,Single-spa是一个将多个单页面应用聚合为一个整体应用的JavaScript微前端框架。
Wombat-·2023-08-11 23:36

zustand：基于 Flux 模型实现的小型、快速和可扩展的状态管理

效果图微前端为什么你需要zustand-pub？
@Dai·2023-08-11 08:07

阿里 qiankun 微前端框架实践

微前端可以说是这个问题的满分答案。
小丶侯·2023-08-11 04:06

微前端实践一

微前端起源微前端的概念最早由thoughtworks在2016年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。
yolkpie·2023-08-07 06:09

微前端中的 CSS

CSSinMicroFrontends原文作者：FlorianRappl原文地址：https://dev.to/florianrappl/css-in-micro-frontends-4jai我被问得最多的问题之一是如何在微前端中处理
奇舞周刊·2023-08-07 04:38

笔记：无界微前端入门

无界微前端框架笔记wujie(无界)是腾讯在2022年7月推出的微前端框架，下面是腾讯前端团队的原话无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能
易风有点疯·2023-08-05 17:23

微前端框架 之 qiankun

文章目录一、介绍1.1qiankun的优点/特点二、源码解读2.1框架目录结构2.2有料的package.json2.3示例项目中的主应用2.4启动示例项目三、示例项目3.1主应用3.1.1webpack.config.js3.1.2基于路由配置3.1.2.1index.js3.1.2.2VueRender.js3.1.2.3ReactRender.js3.1.3手动加载微应用3.1.3.1mul
fmk1023·2023-08-03 13:25

微前端

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。
6f2f71ece809·2023-08-02 00:02

什么是微前端

前端微服务化，将单片式Web应用分解为多个微前端的策略。什么是微前端架构？微型前端架构是一种将Web应用程序开发为小型前端应用程序的方法。该应用程序没有编写大型的整体式前端应用程
kyo_f89f·2023-07-31 21:05

初见微前端

基座1.安装npmi@micro-zoe/micro-app@alpha--save2.引入加start根目录下importmicroAppfrom'@micro-zoe/micro-app'microApp.start()3.配置路由（包括重定向俩）{path:'/myPage',name:'myPage',redirect:'/myPage/Login'},{path:'/myPage/*',
懿小诺·2023-07-30 10:33

微前端nuxt3.0方便请求api可封装一个使用哈希算法出key值的http，http封装

http.tsimport{hash}from'ohash'importtype{FetchOptions}from'ohmyfetch'interfacehttpOptions{source?:string}/****获取接口前缀*/我这里为不同站点的接口做了区分，主站点为api，demo站点为demoapifunctionGetPrefixUrl(source?:string){const{p
zhongli_·2023-07-28 06:33

webpack联邦模块介绍及在dumi中使用问题整理

二、如何在dumi中使用及问题整理1.如何在dumi中使用(这个配置是好使的)2.相关问题整理2.1问题12.2问题2总结前言联邦模块（ModuleFederation）是指一种用于构建微前端架构的技术
A-wliang·2023-07-28 02:19

微前端简介

微前端概念详解什么是微前端？微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。
状元岐·2023-07-28 02:22

无星的微前端之旅（三）——qiankun改造

微前端改造这里以Vue3为例子，主应用和子应用均使用vue3路由的话，建议主应用和子应用使用相同模式，即均为history或者均为hash以下先使用为history模式讲解，最后会写如何使用hash模式
无星灬·2023-07-26 19:38

基于lerna和single-spa,sysyem.js搭建vue的微前端框架

为什么要用微前端目前随着前端的不断发展，企业工程项目体积越来越大，页面越来越多，项目变得十分臃肿，维护起来也十分困难，有时我们仅仅更改项目简单样式，都需要整个项目重新打包上线，给开发人员造成了不小的麻烦
mongofeng·2023-07-25 18:35

从Jquery到React，从Iframe到微前端，我们经历了什么

--58安居客北京前端团队《巧寓sass系统》开发纪实前言如标题所讲，本文将要记录的是我在真实的项目开发过程中，如何将一个2017年代码的JQ项目一步步迁移升级为react+微前端技术架构的。
喜剧之王爱创作·2023-07-25 15:52

pnpm 与monorepo架构

其他文件跟这变化上图所示：安装某依赖，外面带符号的文件夹只是一个软链接，链接到.pnpm的文件夹下面.pnpm内的依赖又通过硬链接的方式从本地store拉取，查看：pnpmstorepath；场景monoropo架构与微前端外面一个主应用里面可以有多个
_Rookie._·2023-07-25 12:49

Webpack5核心原理与应用实践（基础用法）一

主要有：搭建完善的JavaScript、CSS开发环境；搭建微前端、NPM包、桌面应用等。
天将降大任于我·2023-07-25 11:06

微前端——Single-SPA（二）

single简单用法1、新建一个html2、新建一个single-spa-config.js//single-spa-config.jsimport*assingleSpafrom'single-spa';//加载react项目的入口js文件(模块加载)constloadingFunction=()=>import('./react/app.js');//当url前缀为/react的时候.返回tr
Y_d4ea·2023-07-24 19:26

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
程序员poetry·2023-07-24 17:31

JavaScript读源码系列--微前端之import-html-entry

最近网络上对于微前端讨论的愈加激烈，qiankun就是一款由蚂蚁金服推出的比较成熟的微前端框架，基于single-spa进行二次开发，用于将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
照物华·2023-07-23 10:46

微前端——乾坤

背景在使用Angular项目过程中，发现如下问题：随着需求越来越多，模块越来越多，打包的时间越来越长，有的时候甚至会出现内存溢出的问题。虽然通过修改打包时的内存能暂时解决问题，但治标不治本，问题始终没有解决。许多模块相对稳定，很多迭代不会修改相关功能，因此希望在打包的时候不去打包这些模块在项目实际过程中对用户有功能权限配置，希望未配置相关功能的用户不需要加载相关模块开发过程中，因为一些需求要升级技
没有注定的结局·2023-07-23 09:50

Umi微前端水印踩坑以及解决方案

最近公司需要在管理后台加一个水印方案~项目用的umi方案,以为就是改一个配置的问题,后来发现坑点还蛮多~希望此稳定能帮助到用umi的你们.一.先来说说心路历程坑点1umi的水印适配只能在layout中进行配置,也就是路由配置中layout为false的页面无法配置水印,比如说登录页~坑点2就算只对layout配置也会有问题,如下是配置与效果可以看到头部区域,菜单区域以及空白区域适配不到.坑点3既然
鱼泡泡~·2023-07-22 11:30

两个umijs/max项目使用微前端简单示例

本人使用umijs/max搭建项目（内置了qiankun插件）主应用.umirc.ts中defineConfigqiankun:{master:{apps:[{name:'app1',entry:'//localhost:8000',},],},},routes:[{path:'/',redirect:'/home',},{name:'app1',path:'/app1',microApp:'ap
KAGHQ·2023-07-21 20:27

前端微服务化解决方案8 - 二次构建

二次构建进一步优化我们的微前端性能在微前端这种形势的架构,每个模块都会输出固定的文件,比如之前说的:项目配置文件Store.js文件main.js渲染入口文件这三个,是微前端架构中每个模块必要的三个文件
Hello丶Alili·2023-07-21 15:43

微前端（micro-app）使用手册

转载请注明出处，点击此处查看更多精彩内容micro-app使用手册micro-app是借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类
StoneHui_·2023-07-19 14:10

【无标题】

转载请注明出处，点击此处查看更多精彩内容wujie使用手册wujie是一个基于WebComponent容器+iframe沙箱的微前端方案。
StoneHui_·2023-07-19 14:10

Micro-app vue3+vite+ts用法

前言：微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用
GUOZHUOYUE.·2023-07-18 10:47

微前端方案

一、微前端是什么可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。
arguments_zd·2023-07-18 01:45

简述什么是微前端 微前端几种框架的区别

微前端就是将各个模块分成不同项目方便多个团队一起开发互相不影响用户只需要登陆一次多个模块都可以使用例如：a团队维护较老的项目使用angular，b团队开发react，c团队开发vue。
孙可爱.·2023-07-16 22:38

微前端之 一 微前端框架介绍

一、微前端的定义、核心原则微前端是一种软件架构模式，用于构建大型复杂前端应用程序。
一锦一瑟思华年·2023-07-16 22:07
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他