前端架构微前端qiankun

49 - App架构演进

通常情况下我们讲架构设计，主要聚焦在后端系统，但这并不意味着App、前端就没有架构设计了，前面文章讲述的整套架构设计理念，虽然是后端设计经验，但一旦形成完善的技术理论后，同样适应于App和前端架构设计理念
舍是境界·2023-11-22 16:13

【cfeng-work】架构演进和漫谈

架构漫谈和入门内容管理intro分层架构MVC模式分层架构大数据时代的复杂架构前端架构后端架构运维端架构持续演进变化本文主要是自己接触架构的一些输出漫谈cfeng在work中某次负责了后端一个服务的上线
码农C风·2023-11-22 03:30

如何构建更简洁的前端架构？

目录为什么需要前端架构？那么，前端架构是什么样的呢？使用了哪些层？那么，这种架构会出什么问题呢？我们应该如何避免这些错误？哪些原则应适用于组件？
这我可不懂·2023-11-21 17:29

微前端qiankun一步步教你做个超级无敌简单吊炸天的小栗子，不会你来打我

开始之前想问几个问题：什么是微前端？有哪几种常见的解决方案？为什么要是使用微前端，有什么样的场景使用微前端？qiankun方案怎么实现微前端？
背太阳的牧羊人·2023-11-20 14:58

这篇文章，我可能在贩卖“焦虑”。。

这位老大哥也是同我一样在上海，只不过他已经是资深的前端架构师，年底单位组织架构调整要裁员，不幸的是，他被裁了。
码农小刘·2023-11-20 07:48

vue3项目安装eslint和prettier

【几乎最全/全网最长的2万字】前端工程化完整流程：从头搭到尾（vue3+vite+qiankun+docker+tailwindcss+iview......）
深一海·2023-11-20 02:59

MaxScale读写分离

MaxScale简介部署MaxScale服务器授权用户master主机操作slave主机操作启动服务测试读写分离服务总结项目背景之前无论是Wordpress博客项目还是HIS医疗项目，我们都只是考虑到前端架构方面的
今天你学Java了吗·2023-11-19 21:49

qiankun的微实践--初步挂载demo1.0

自己近期仿照qiankun官方demo做了个小型的微前端demo尝鲜，主应用用的vue3.0框架，分别创建了react17版本，react16版本、vue2.0版本等子应用。
等不到戈多了·2023-11-19 10:47

探讨基于@umijs/plugin-qiankun搭建的微应用的父子应用通讯方式

承接上篇文章（如何使用@umijs/plugin-qiankun搭建微前端项目）后续，下面我们探讨一下父子应用通讯的几种实现方式。
GEAs·2023-11-19 05:26

vue 使用 qiankun 微应用 两个或多个 子应用

乾坤文档链接：https://qiankun.umijs.org/zh/guide安装乾坤：yarnaddqiankun#或者npmiqiankun--save在'@/qiankun/config.js
小菜又鸟·2023-11-19 04:11

微前端架构实战上-概念篇

如何实现多个应用之间的资源共享？之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。但这样却带来了以下几个问题：发布效率低下。如果需要迭代npm包内的逻辑业务，需要先发布npm包之后，再每个使用了该npm包的应用都更新一次npm包版本，再各自构建发布一次，过程繁琐。如果涉及到的应用更多的话，花费的人力
西岭老湿·2023-11-16 13:19

微前端-qiankun-落地指北

微前端框架-乾坤的实际落地使用方式微前端是什么？一个针对前端大型，超大型项目遇到项目运维，开发瓶颈的解决方案微前端针对谁？大型或者超大型前端项目怎么理解微前端？
南麟剑首·2023-11-16 13:45

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

示例代码仓库：yl-qiankun-base:https://gitee.com/dongche/yl-qiankun-base.gityl-qiankun-child-vue:https://gitee.com
东扯葫芦西扯瓜·2023-11-16 13:45

[微前端实战]---036 react16 - 新车排行登录

react16-新车排行登录文章目录react16-新车排行登录一.项目目录二.基础配置2.1package.json2.2实例代码三.一次启动所有项目一.项目目录新建项目目录如下:这里的redux模块可参考之前的redux模块搭建方案二.基础配置2.1package.json{"name":"react16","version":"1.0.0","description":"","main":"
小李科技·2023-11-16 13:44

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

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

微前端乾坤

1.乾坤简介qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统官网：https://qiankun.umijs.org/zh/guide2
alisaGreen·2023-11-16 13:40

【微前端】micro-app搭建项目实战

主应用1、安装依赖npmi@micro-zoe/micro-app--save2、初始化micro-appimportmicroAppfrom‘@micro-zoe/micro-app’microApp.start()项目环境vue3+ts主应用实例//main.ts1.引入插件importmicroAppfrom‘@micro-zoe/micro-app’2.初始化插件microApp.star
咸蛋超人l·2023-11-16 13:35

了解什么是微前端

一、简介微前端这个术语最初来自2016年的ThoughtWorks技术雷达，说到微前端，这里不得不首先提出另一个概念“微服务”。
管小姐的斐波那契·2023-11-16 11:57

前端微服务qiankun基础使用

什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
duansamve·2023-11-16 11:19

微前端 Micro-Frontends - 概念

微前端Micro-Frontends-概念什么是微前端？（what）微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Felix皇子·2023-11-16 11:46

什么是Vue的前端微服务架构（Micro Frontends）？

前端微服务架构（MicroFrontends）是一种借鉴了后端微服务架构思想的新型前端架构风格。它将前端应用程序拆分为多个小型、独立的部分，每个部分都可以独立部署、独立开发和独立运行。
一花一world·2023-11-16 11:12

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信
维李设论·2023-11-16 00:06

基于 qiankun 的微前端应用实践

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

微前端qiankun vue react项目demo 以及vue项目和react项目之间的参数传递和实现微前端项目之间token免登

umi+umi内置qiankun插件，基座和子应用的路由跳转和路由配置以及动态路由配置在react项目还有vue项目中，我们被一种思想所固化，我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。
故梦梦·2023-11-15 09:51

阿里大佬浅谈大型项目前端架构（8000字干货）

关注公众号前端开发博客，回复“加群”加入我们一起学习，天天进步作者：零零水链接：https://juejin.cn/post/68449038538595369031、综合我在2年之前，写过一篇中小型项目的前端架构浅谈
前端开发博客·2023-11-14 15:19

2023年最新的前端面试收集（1）

2023年最新的前端面试收集一、你在项目中做的性能优化的事情有哪些网络优化页面渲染优化JS优化图片优化webpack打包优化vue优化react优化二、webworker中为什么能提升js执行的性能三、微前端
浪里小韭菜·2023-11-14 00:43

前端体积优化之i18n key压缩

在飞书前端架构中，国际化文案已经做到了按需引入及按需加载，只不过随着业务的发展，国际化文案数量逐渐增多。
奇舞周刊·2023-11-13 01:16

一文读懂微前端

singleDoc#《微前端》本文使用的参考文档均以链接方式粘贴于文章内，十分感谢~2项目github链接如果你觉得本文档对你有用，恳请github仓库给个star~https://github.com
番茄炒蛋加鸡腿·2023-11-12 16:13

【微前端】qiankun + vite + vue3

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、整体结构在qiankun体系下，一个微前端工程包含一个主应用和多个子应用。
逛街的猫啊·2023-11-11 22:48

微前端qiankun (vue3+vite+ts+history)

一什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发
liytingtt·2023-11-11 22:39

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x
单眼皮的小熊·2023-11-11 00:58

乾坤微前端部署vue和react子应用

一、安装乾坤父应用1.以umi创建一个react工程，开启乾坤插件mkdirmyapp&&cdmyappyarnadd@umijs/plugin-qiankun-D2.父工程添加qiankun插件yarnadd
is微凉·2023-11-11 00:27

vue3+阿里乾坤实现主应用和微应用

目录一、介绍1.背景2.什么是微前端特性3.开发前的准备工作4.构建主项目第一步、创建vue3的项目与正常创建项目无异，在这里不做过多描述第二部、将创建好的vue3项目作为主应用，在根目录先安装qiankung
西门吹雪~·2023-11-11 00:57

vue3.0 创建 乾坤qiankun 微前端

1.前期准备工作1.1创建主应用1)vue新建主应用vuecreateqiankun-main2)创建src/components/father.vue恭喜你，看到我了，我是father页面exportdefault{name:'AFather'}3)src/router/index.js中添加路由信息import{createRouter,createWebHistory}from'vue-ro
红豆黄豆小甜豆·2023-11-11 00:57

微前端-乾坤qiankun

2019-2020年前端最火的技术之一：微前端微前端究竟是什么？微前端是近三年前端社区比较火的技术方案，试图把拆分大型后端系统的一些益处引入前端。微前端就是将不同的功能按照不同的维度拆分成多个子应用。
u010707194·2023-11-11 00:55

vue快速搭建qiankun微前端框架完整步骤

qiankun是什么：基于single-spa进行二次开发，是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，
专心致志的程序员！·2023-11-11 00:25

微前端——乾坤qiankun Demo

微前端——qiankun（乾坤）实例一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！
欠踹的背影007·2023-11-11 00:25

乾坤微前端改造

乾坤微前端改造作者：YoungDo业务场景：项目前期已使用vue2+js重构完成干预效果分析模块，且公司前端组件库目前维护了vue2组件库(集采、抗网、干预分析、新患教、处方评估模块已配套使用)，vue3
YoungDoCui·2023-11-11 00:24

乾坤qiankun-微前端-简单搭建demo

Micro-frontend,微前端，顾名思义，前端也可以像后端一样通过多个微服务，搭建项目。只是后端的微服务架构是SpringBoot,而前端我们可以使用qiankun实现前端的微服务架构。
大小小丹·2023-11-11 00:22

微前端框架乾坤配置记录

$mount('#app');2.引入乾坤微前端主应用配置//src/mico/index.jsi
hjb2722404·2023-11-11 00:52

微前端—乾坤 初体验

昨天新建了两个项目，上手体验了一下微前端乾坤，感觉很神奇，但官网教程似乎对新手不大友好，上手完以后感觉很简单，但中间过程实在繁琐，各种报错和百度，今天上班摸鱼，记录一下全部过程，方便日后操作。
白茶_White·2023-11-11 00:51

乾坤微前端优化（一）

前提1.同一个技术，都是react，或者都是vue。2.会webpack的dll配置。思考发现各个应用之间，第三方的包都是很多的，假如我们在主应用把这些包抽取出来，后面子应用引入，可以极大地减少子应用包的大小。解决方法一开始想使用externals来解决这问题，但是发现有一部分插件是不支持umd格式的，所以废弃了这个方案。后面想到了webpack的dll打包，可以打包抽取不支持umd格式的插件，完
best-toby·2023-11-11 00:21

vue乾坤微前端项目

1、主应用安装乾坤npmiqiankun-S注册微应用并启动：import{registerMicroApps,start}from'qiankun';//设置两个微应用registerMicroApps
岳哥i·2023-11-11 00:50

10道高频React面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-10 19:15

微前端：quankun

零：前言微前端可以将大应用拆分功能独立的微应用，可独立开发部署，每个微应用可以采用自己的技术栈，这样更好维护和拓展。
小强有个dream·2023-11-10 17:17

【React-admin】构建React应用（4）-基于antd封装查询表单分页

在前段时间研究微前端的时候，发现antd.pro对微前端的支持并不友好，为了以后方
逆风飞翔的猿·2023-11-10 16:28

微前端qiankun嵌入vue项目后iconfont显示方块

个人项目地址：SubTopH前端开发个人站（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上是个人前端项目，欢迎提出您的建议以下是正文内容...............解决方法：修改iconfont.c
次顶级·2023-11-10 14:54

Java基础总结

CSDN博客移动开发Web前端架构设计编程语言互联网更多数据库云计算研发管理综合写博客登录|注册我的博客|退出【第21期】观点：人工智能到底用GPU？还是用FPGA？
qq_39744911·2023-11-10 04:39

10道高频Qiankun微前端面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:10

20道高频CSS面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见
前端扎啤·2023-11-09 19:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他