javascript前端微前端

乾坤微前端优化（一）

前提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

第3章数组 课后习题——移出数组arr（[1,2,3,4,2,5,6,2,7,2]）中与2相等的元素，并生成一个新数组，不改变原数组

《JavaScript前端开发案例教程》黑马程序员编著，中国工信出版集团，人民邮电出版社-课后习题目录一、填空题二、判断题三、选择题四、编程题1.移出数组arr（[1,2,3,4,2,5,6,2,7,2
小丑小克·2023-11-01 15:18

第4章函数 课后习题——编写函数实现单击change按钮，为div元素添加红色双线的边框

JavaScript前端开发案例教程》黑马程序员编著，中国工信出版集团，人民邮电出版社-课后习题目录一、填空题二、判断题三、选择题四、编程题1.编写函数实现单击change按钮，为div元素添加红色双线的边框
小丑小克·2023-11-01 15:48

从lowcode看下一代前端应用框架

本文会从近两年越来越火的lowcode/微前端出发，探讨在传统前端领域，下一代前端工程/框架的可能方向。全文3166字，预计阅读时间6分钟。
百度Geek说·2023-10-30 19:01

比较最大值-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第4章-课后作业)

【案例4-6】比较最大值一、案例描述考核知识点函数的使用、三元运算符练习目标掌握函数的用法。掌握三元运算符的使用。需求分析求出求两个数中的最大值；求出三个数中的最大值。案例分析效果如图4-8所示。输出最大值具体实现步骤如下：定义getMax(n1,n2)函数，比较2个数中谁最大，返回最大值。调用getMax(6.98,6.99)。定义getMax1(a,b,函数，比较3个数中谁最大，返回最大值。调
xiaozhima-dun·2023-10-30 04:11

从modern.js到摩登前端

涵盖了响应式页面、微前端、桌面应用、低代码等等技术。本文不包含对modern.js的分析，仅以此为脉络，粗浅的罗列出所涉及到的技术与简短的介绍。技术划分modern.js认为未来前端开
深海丧鱼·2023-10-29 03:24

泛微OA之获取每月固定日期

文章目录1.需求及效果1.1需求1.2效果2.思路3.实现1.需求及效果1.1需求需要获取每个月的7号作为需发布日期，需要自动填充1.2效果自动获取每个月的七号2.思路1.功能并不复杂，可以用泛微前端自带的插入代码块的功能来实现
努力努力ing!·2023-10-28 01:27

微前端qiankun接入Vue和React项目

主应用：Vue3+Webpack1、创建主应用：npxvuecreatemain-vue3-app2、安装qiankunnpxyarnaddqiankun3、项目中使用的vue、vue-router、qiankun依赖如下，webpack版本为5.x4、在根目录下创建vue.config.jsconst{defineConfig}=require('@vue/cli-service');const
UzumakiHan·2023-10-27 06:08

qiankun：微前端-乾坤（vue2为例）

qiankun官方文档地址：https://qiankun.umijs.org/zh一、主应用1、安装qiankunyarnaddqiankun#yarn安装npmiqiankun-S#npm安装2、注册/加载微应用（1）方式一：基于路由配置适用于route-based场景。通过将微应用关联到一些url规则的方式，实现当浏览器url发生变化时，自动加载相应的微应用的功能。main.js中注册微应用
koiy.cc·2023-10-27 06:08

微前端的概念

##微前端的概念微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。
年少追梦·2023-10-27 02:23

使用json-bigint库处理后端返回数值型数据精度丢失问题

目录问题描述问题分析解决办法参考文章问题描述Java后端接口返回17位长度的数值，JavaScript前端接收错误例如：console.log(10976458979374929)10976458979374928
彭世瑜·2023-10-26 00:13

微前端(Micro Frontend ) 落地实施的一些具体例子

前文微前端概述(MicroFrontends)以及相比单体应用，微前端能带来什么好处简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。
JerryWang_汪子熙·2023-10-25 23:09

javascript前端xhr利用FormData()和FileReader()函数上传图片,及后端php接收处理FormData()上传数据只能收到1个数据的处理办法和防止上传漏洞办法

//前端的检查类型为简单检查，因为渗透会停掉前端的javascript代码，所以在后端进行检测和替换才是重点做上传文件测试用.button{margin-right:20px;}#preview{display:flex;flex-wrap:wrap;width:800px;padding:10px;justify-content:start;}.icon-po{overflow:hidden;p
cdcdhj·2023-10-25 20:28

new Vue() 发生了什么？

目录前言用法代码和效果图效果图理解高质量的使用前言Vue.js是一个流行的JavaScript前端框架，用于构建单页面应用（SPA）和用户界面。
锅盖哒·2023-10-25 07:38

微前端系列-样式隔离、元素隔离

样式隔离问题各个应用之间可能相互设置标签样式，会相互影响，或者影响全局样式，比如应用A给body设置样式，应用B也给body设置样式方法一样式增加不同前缀每个应用通过前缀独立区分开，京东micro-app默认是采用的这个策略，唯一注意的一个小点是，基座样式会影响子应用的样式，所以需要注意基座中不要写太多样式方法二ShadawDom大多数Html标签都有attachShadow()方法给指定的元素挂
samllplum·2023-10-24 17:53

乾坤js隔离

乾坤，作为一款微前端领域的知名框架，其建立在single-spa基础上。相较于single-spa，乾坤做了两件重要的事情，其一是加载资源，第二是进行资源隔离。
samllplum·2023-10-24 17:15

Vue3 开发语法使用总结（超详细、超基础）

前言最近开源了一套后台管理模板Wocwin-Admin，是基于Vue3.2、TypeScript、Vite4、Pinia、Element-Plus、Qiankun(微前端)技术栈，借此归纳一下Vue3.2
wocwin·2023-10-23 03:28

微前端与Monorepo的架构设计

前言本文主要介绍如何使Monorepo与微前端结合使用，篇幅较长，请结合目录酌情阅读。微前端/Monorepo方案都存在很多争议，争论无意义，选择适合自己团队的方案即可。
codexu.·2023-10-22 07:08

完美搭配，微前端与Monorepo的架构设计

前言本文主要介绍如何使Monorepo与微前端结合使用，篇幅较长，请结合目录酌情阅读。微前端/Monorepo方案都存在很多争议，争论无意义，选择适合自己团队的方案即可。
前端瓶子君·2023-10-22 07:08

完美搭配，微前端与 Monorepo 的架构设计

前言本文主要介绍如何使Monorepo与微前端结合使用，篇幅较长，请结合目录酌情阅读。微前端/Monorepo方案都存在很多争议，争论无意义，选择适合自己团队的方案即可。
React 中文社区·2023-10-22 07:38

微前端架构实践

微前端概念微前端借鉴了微服务的思想，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的子应用，而在用户看来是一个整体。
alfalfaw·2023-10-20 21:54

微前端是模块化后的最终选择

微前端应作为彻底解耦代码和依赖关系后的最后手段。分布式单体很难管理，并有可能在多个代码库中重新引入相同的问题。在拆分之前，需要进行彻底的重构，以尽量减少孤立部分之间的相互依赖。
极道Jdon·2023-10-20 07:10

mac根目录创建文件/文件夹

在微前端开发过程中服务众多的情况下出现了泳道的概念，在不同的泳道前后端部署相应需求的代码，各个泳道间互不干扰，提高开发效率。
m0_60868404·2023-10-20 06:42

乾坤qiankun（微前端）样式隔离解决方案--使用插件替换前缀

一、前言qiankun作为微前端的一种融合方式，目前也比较成熟，但是由于各类开发技术选型非常繁多，导致了在项目中配置不同，解决别人的问题，不一定能解决自己的问题。
赢乐·2023-10-19 18:09

微前端四：qiankun在开发中遇到的问题

在qiankun开发中会遇到很多问题，上一篇微前端三：qiankun协作开发和上线部署其实也是在解决一些经常遇到的问题，下面的两点也算是比较经典的了1、子应用图片路径问题2、基座是Vue2.0+elementui
天外天-亮·2023-10-19 16:48

乾坤实战教程

一、什么是微前端架构微前端不是单纯的前端框架或者工具，而是一套架构体系，这个概念最早在2016年底被提出，可以参考在Google上搜索Micro-Frontends,排名靠前的http://micro-frontends.org
IT飞牛·2023-10-18 15:43

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发
爱踢球的jerry·2023-10-18 13:46

微前端为什么不用 iframe

url不同步。浏览器刷新iframeurl状态丢失、后退前进按钮无法使用。UI不同步，DOM结构不共享。想象一下屏幕右下角1/4的iframe里来一个带遮罩层的弹框，同时我们要求这个弹框要浏览器居中显示，还要浏览器resize时自动居中..全局上下文完全隔离，内存变量不共享。iframe内外系统的通信、数据同步等需求，主应用的cookie要透传到根域名都不同的子应用中实现免登效果。慢。每次子应用进
车文烨·2023-10-17 17:50

微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处

原文地址好的前端开发很难。扩展前端开发，让多个团队可以同时开发一个大型复杂的产品就更难了。在本文中，我们将描述将前端单体分解成许多更小、更易于管理的部分的最新趋势，以及这种架构如何提高处理前端代码的团队的效率和效率。除了讨论各种好处和成本外，我们还将介绍一些可用的实现选项，我们将深入研究演示该技术的完整示例应用程序。近年来，微服务大受欢迎，许多组织使用这种架构风格来避免大型单体后端的局限性。虽然关
JerryWang_汪子熙·2023-10-17 14:36

微前端框架 Qiankun 如何集成 Snowpack 打包的微应用

最近在微前端框架Qiankun中加载一个使用了Snowpack工具来打包项目时无法正常使用。
_delong·2023-10-17 14:58
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他