javascript前端微前端

微前端乾坤

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）？

微前端（Micro-frontends）的主要理念是切分你的大应用到更小的、自治的应用中，让每个单个功能能够
一花一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项目中，我们被一种思想所固化，我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。但是这是错误的，这一个非常严重的误区，也是我在react作为基座的时候一直困扰我的一个点。菜单和路由不应该完全的关联起来，二者没有必然的联系，在vue的框架中我们只需要配置了对应的router,对用的菜单
故梦梦·2023-11-15 09:51

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

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

2023前端流行的新技术

前端程序员可以考虑学习和掌握以下技术：1.Vue3和ReactHooks：Vue.js和React是目前最受欢迎的JavaScript前端框架之一。
虚无火星车·2023-11-13 18:40

谈谈Vue双向数据绑定的原理

目录一、什么是Vue.js二、什么是双向数据绑定三、双向数据绑定的原理一、什么是Vue.jsVue.js是一款流行的JavaScript前端框架，用于构建用户界面。
张燕沨·2023-11-13 15:36

JS前端实现身份证号码合法性校验（校验码校验）

JavaScript前端代码/***身份证15位编码规则：ddddddyymmddxxpdddddd：6位地区编码yymmdd:出生年(
大可-·2023-11-13 06:27

一文读懂微前端

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

html文件中写vue.js,怎么在html中引入vue.js文件？

Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。
学习呀三木·2023-11-11 15:50

【Vue 2 vs Vue 3：深入探究与代码示例】代码迁移-代码比较-性能对比-特性与改进

引言：Vue.js是一个流行的JavaScript前端框架，为开发者提供了简单且灵活的方式来构建用户界面。自从Vue2的发布以来，它在开发者社区中广受欢迎。
A丶尘土·2023-11-11 08:21

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x项目，然后安装qiankun：$yarnaddqiankun#ornpmiqiankun-S基座配置：我们将子应用的配置都放在：main/src/micro-app.js下：constmicroAp
单眼皮的小熊·2023-11-11 00:58

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

一、安装乾坤父应用1.以umi创建一个react工程，开启乾坤插件mkdirmyapp&&cdmyappyarnadd@umijs/plugin-qiankun-D2.父工程添加qiankun插件yarnadd@umijs/plugin-qiankun-D3.修改.umirc.ts配置文件import{defineConfig}from'umi';​exportdefaultdefineConfi
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进行二次开发，是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的！qiankun的优势：1、技术兼容性好，各个子应用可以基于不同的技术架构；2、接入方式，让你接入微应用像使用iframe一样简单；3、耦
专心致志的程序员！·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([{name:'vue1',//要跟package.json中的name保持一致entry:'//localhost:8081',//本地就这么写container:'#container',/
岳哥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

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

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

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

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

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

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

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

JS前端实现身份证号码合法性校验（校验码校验）

JavaScript前端代码/***身份证15位编码规则：ddddddyymmddxxpdddddd：6位地区编码yymmdd:出生年(
Y2000104·2023-11-09 14:23

深入浅出微前端（qiankun）

微前端的理解微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。
程序员辰风·2023-11-08 06:45

Vue 微前端&微服务解决方案， Genesis 对远程组件进一步的设计和思考

对远程组件进一步的设计和思考远程组件，是Genesis提出的一个概念，它是指通过接口，调用一个另一个服务的组件，它可以是一个按钮、一个模块或者一个页面。嵌入式调用除了嵌入图片、视频之类的，在日常开发，嵌入调用最多的还是iframe。而远程组件，可以让你在服务端、客户端都能无缝的嵌入另外一个服务的页面。如下图：image它的使用方式是这样子exportdefault{methods:{fetch()
狼族小狈·2023-11-06 15:33

Vue学习——入门篇

初识Vue1.Vue简介2.快速开始结果展示：3.模板语法4.el和data的两种写法5.总结1.Vue简介Vue.js是一款流行的JavaScript前端框架，是一个用于创建用户界面的开源JavaScript
战神PLUS·2023-11-06 10:20

96道前端面试题，干货满满！

计算机基础前端基础（HTML/CSS）JavaScript前端框架浏览器渲染计算机网络手写代码WebpackNodeES603计算机基础进程与线程的区别进程是系统
前端小老虎·2023-11-04 18:09

小猿圈分享2019年前端JavaScript面试题（二）

JavaScript前端应用设计问题1.解释单向数据流和双向数据绑定。Angular1.x基于双向数据绑定，而React，Vue，Elm等基于单向数据流架构。2.单向数据流架构在哪些方面适合
小猿圈IT教育·2023-11-04 14:38

Node.js的事件轮询Event Loop原理

Javascript前端和Node.js的机制类似这个事件轮询模型，有的人认为Node.j
weixin_34384557·2023-11-04 12:26

微前端三：qiankun 协作开发和上线部署

我们先看qiankun怎么上线部署：我这边用的是yaml文件在rancher上部署的：base是基座，这里每个应用都是一个服务，这个还是跟之前一样并没有区别，那如何在一个域名上挂载多个服务呢？最开始我们主要是在ingress上配置：这样的好处是每一个域名对应的服务是单独配置的，可以做到定制化配置，域名没有配置的服务肯定是访问不到的。但这么做有一个问题，就是当域名很多了，会有一个很长的ingress
天外天-亮·2023-11-02 12:18

JavaScript前端 console 控制台详细解析与代码实例

JavaScriptConsole（控制台）是一个重要的工具，可以用于调试和测试JavaScript代码。在浏览器中，你可以使用控制台来查看JavaScript输出、测试代码、调试错误等。在本文中，我们将详细介绍控制台的常用功能和代码实例。打开控制台在大多数主流浏览器中，你可以使用快捷键F12或者Ctrl+Shift+I来打开控制台。这里以Chrome浏览器为例。在Chrome中打开控制台的方法如
ordinary90·2023-11-01 20:10

第2章基本语法 课后习题——求出1~100之间的素数、求红白黑球

《JavaScript前端开发案例教程》黑马程序员编著，中国工信出版集团，人民邮电出版社-课后习题目录一、填空题二、判断题三、选择题四、编程题1.请编写程序求出1~100之间的素数。
小丑小克·2023-11-01 15:18
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他