前端架构微前端qiankun

工程管理系统源码-专注项目数字化管理-工程管理

服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、B
m0_72864708·2023-01-01 09:41

微前端乾坤的实现以及注意事项

微前端乾坤微前端乾坤主应用子应用主应用配置子应用配置问题微前端乾坤qiankun是一个基于single-spa的微前端实现库，拥有的特点：JS沙箱，样式隔离，元素隔离，数据通信，预加载，HTMLEntry
WFF的赵本山·2022-12-30 00:53

如何定位内存溢出导致页面崩溃问题

问题定位首先，说一下项目技术栈背景，是采用React+Mobx+single-react-spa搭建的一个微前端中后台应用。当初始化加载完页面，点击”删除“触发事件后页面就卡死，
·2022-12-29 17:19

融云猿桌派备忘录，那些被程序员 Pick 的工作方式

嘉宾观点集锦臧其龙融云技术VP，曾任职Musical.ly（TikTok前身）、英语流利说、Grab等中外知名企业，拥有10年以上前端研发经验，精通视频特效处理，前端架构设计。我们在刚步入职
融云·2022-12-27 23:15

vite+vue3+ts项目搭建之集成qiankun让其成为子应用模板(vite+vue3+ts+qiankun项目)

前言以下操作，是续接之前第四步——即：vite+vue3+ts+pinia+element-plus项目已完成搭建好，可以直接业务开发了主应用技术栈：vue2+webpack+js集成qiankun(微前端
wocwin·2022-12-25 17:03

从Vue重构到React的微应用实践总结

在这样的挑战下，我想到了微前端解决方案
前端开发博客·2022-12-25 06:57

Vue 微前端搭建 qiankun

主应用1、安装qiankunnpmiqiankun-S2、项目中src文件夹下新建qiankun文件夹以及qiankun.js文件import{registerMicroApps,addGlobalUncaughtErrorHandler
Cherry丶小丸子·2022-12-21 10:17

H5开屏从龟速到闪电，企微是如何做到的

企微前端开发工程师陈智仁将分享可用可扩展的HybirdH5秒开方案。
·2022-12-19 11:22

前端跨域问题解决办法, Nginx配置为例

前端微服务Tips：可以将多个系统融合成一个系统，无技术壁垒，可以像iframe一样实现功能组合●qiankun（阿里支持）●micro-app（京东支持）●wujie（腾讯支持）本人推荐●lingjie
·2022-12-19 08:38

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

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

前端微服务-qiankun从0到1搭建（主要核心点）以及需要注意的地方

记录前端微服务-qiankun从0到1搭建（主要核心点）需要注意的地方前言：由于我们公司的项目基本都是后台管理系统类的，所以要求微应用入口必须是主应用的一个路由菜单、而且需要处理菜单权限、信息共享等问题
皮的狠·2022-12-14 12:39

前端跨应用跳转解决方案（qiankun）

一：使用框架（qiankun）yarnaddqiankun#ornpmiqiankun-S二：使用方法（主应用和微应用都使用hash）主应用中main.jsimport{registerMicroApps
lxsssss·2022-12-10 10:24

vue - qiankun微前端

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

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

为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，而我们的项目主要技术选型是vue，因此需要考虑嵌入页面的方案。
影夜随风·2022-12-04 19:07

python资料百度云-Java+Python+前端 学习资料大全 百度云盘

Java架构师3大阶段链接：https://pan.baidu.com/s/1DlXh33y5t4cZUmZH0cLvCw提取码：5s762019前端架构阶段链接：https://pan.baidu.com
weixin_37988176·2022-12-03 04:55

NodeJS落地WebSocket实践前端架构师破局技术

目录网络协议进化Socket.IO？ws模块实现服务端客户端Express集成WebSocket实例浏览器服务端消息广播安全与认证Token连接认证wss支持BFF应用网络协议进化HTTP协议是前端最熟悉的网络通信协议。我们通常的打开网页，请求接口，都属于HTTP请求。HTTP请求的特点是：请求->响应。客户端发起请求，服务端收到请求后进行响应，一次请求就完成了。也就是说，HTTP请求必须由客户端
·2022-12-01 18:51

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

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

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

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

nuxt作为主应用接入qiankun的实践（附代码）

上半年一直在倒腾qiankun，在使用nuxtjs接入qiankun时遇到了一些坑，记录并分享出来，希望能帮助到大家。
·2022-11-30 15:00

微前端（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方式也有对象方式。
叶小七的真命天子·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

浏览器http缓存机制

前言Http缓存机制作为web性能优化的重要手段，对于从事Web开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。
Unique-You·2022-11-12 15:25

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

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

本周推荐 | 前端架构师的一些思考和总结

洋风从自己的经验出发，在这篇文章中讲述了前端架构师的工作范畴和如何做好前端架构，相信对于期望往该方向成长的同学会有所帮助。
阿里巴巴淘系技术团队官网博客·2022-11-07 09:58

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

、浅克隆浅克隆：深克隆采用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

垃圾分类信息管理系统

连接数据库三、项目成果1.登录界面2.数据可视化3.信息相关界面一、项目概述1.项目内容本项目以IntelIDEA，VisualStudioCode，为开发工具，使用Mysql，Navicat工具，借助vue前端架构
Yolanda599·2022-10-26 15:04

Vue+Spring Boot+MyBatis实现Eshop电子商城(已烂尾，等以后有时间再继续完善)

文章目录asp.net必修课项目（Java实现）：EShop数码商城前言项目介绍预计主要实现的功能系统架构前端架构后端架构后端部分内容的具体实现注1：项目初始化及其所要引入的依赖1.用户模块asp.net
孔表表uuu·2022-10-26 07:21

大前端知识点概览

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

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

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

ios runtime详解

移动开发Web前端架构设计编程语言互联网数据库系统运维云计算研发管理综合netfoucs.com核心网络iOS_运行时runtime最终效果图:打开XCode帮助文档,搜索Objective-CRuntime
yujie_pei·2022-10-19 13:38

qiankun子应用图片资源加载404 解决方案

方案一：配置webpackurl-loader小文件转为base64大文件配置publicPath为子应用地址缺点：打包前需要区分不同环境，配置publicPath方案二：资源引用地址根据环境env写死主应用为window绑定环境变量，window._env子应用根据window._env,设置引用地址方案三：子应用地址加'/xxx'前缀，主应用nginx将'/xxx'代理到子应用地址
·2022-10-16 21:45

微前端、single-spa初探

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

2022年Webpack 5初学者完整指南

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

Qiankun原理详解JS沙箱是如何做隔离

目录前言复习一下沙箱SanpshotSandboxLegacySandboxProxySandbox隔离原理XXXisundefined总结前言相信大家也知道qiankun有SnapshotSandbox
·2022-10-01 05:34

Vue 和 React 大厂面试通关指南.pdf

前百度/360前端架构师大圣老师给出了一个解决
落落落落克·2022-09-29 15:01

面试官：谈谈虚拟dom在Vue和React中的应用

前百度/360前端架构师大圣老师给出了一个解决
ITMuch.com·2022-09-29 15:56

开源技术公开课丨Taier工作流的介绍

一、直播介绍之前的内容，我们为大家分享了Taier基本介绍、控制台、Web前端架构、数据开发介绍以及Taier任务调度介绍，本期我们为大家分享Taier工作流的介绍。
·2022-09-28 12:29

浅析专网通信领域的前端架构设计

前端|浅析专网通信领域的前端架构设计.png前言随着时代的发展，网络通信已经成为人们日常生活中不可或缺的一部分。
维李设论·2022-09-28 00:08

微前端架构

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

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

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

前端架构之脚手架原理分析（一）

脚手架是什么呢脚手架的本质就是一个操作系统的客户端它通过命令行执行当我们开发的时候现在很多人几乎都是依赖于框架只需要敲敲命令就会把基础的体系给搭建出来了但是你们有没有想过当我们敲命令的时候为什么就会走一系列的流程呢我们就以vue为例vuecreatedemo当我们输入的时候为什么就会被执行呢先思考一下在往下面看上面的命令是由3个部分组成的主命令:vuecommand:createcommand的p
沫熙瑾年·2022-09-21 15:36

前端架构之脚手架原理分析及开发流程（二）

上一节说到脚手架的本质是操作系统的终端因为当我们执行的时候最终执行的是vue.js然后由node进行解析并当成可执行程序所以脚手架本质是客户端因为node的本质就是客户端那脚手架执行的过程又是如何呢一张图来剖析在来看下脚手架的开发流程假设以vscode-text为例1.建立vcsode-text文件夹2.初始化npminit-y3.在package.json同级下建立bin/index.js4.在
沫熙瑾年·2022-09-21 15:36
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他