前端架构微前端qiankun 第2页

如何编写.gitignore文件

文章目录前端架构师教你如何编写.gitignore文件.gitignore文件简介.gitignore文件的语法规则.gitignore文件的最佳实践常见问题与解决前端架构师教你如何编写.gitignore

球球不吃虾·2024-01-30 22:57

微前端（qiankun）使用手册

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

StoneHui·2024-01-29 18:06

什么是微前端？

微前端是什么？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化Web应用的技术手段及方法策略。

StoneHui·2024-01-29 17:27

微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。

京东零售技术·2024-01-29 10:02

如何命令行结束react程序_前端架构React和Vue CTO的选择正确框架的指南

快速总结:为项目选择正确的javascript框架或库是CTO和项目经理的基本任务。然而，选择的范围很大程度上取决于几个因素，如项目时间、学习曲线、框架性能和团队规模。这篇文章旨在指导他们选择正确的javascript框架(或库):ReactvsVue。ReactvsVue-选择正确框架的CTOs指南这是一个值得你考虑的案例!ReverInc.，一家硅谷公司，在构建他们的最后一个MVP之前，将将近

weixin_39746282·2024-01-29 05:14

Vite学习指南

想要学习前端工程化，在新项目中投入使用Vite构建工具的朋友Webpack转战到Vite的小伙伴前端架构师们，可以充实自己的工具箱当然如果你没有项目相关开发经验，也可以从本课程中受益，让你开阔眼界，将你学到的前端知识融会贯通

秋の本名·2024-01-29 00:17

一名前端工程师的机器学习之旅

内容来源：2017年6月24日，美登科技前端架构师邓鋆在“腾讯Web前端大会TFC2017”进行《一名前端工程师的机器学习之旅》演讲分享。

IT大咖说·2024-01-28 23:51

微前端与单页面应用：如何将两种架构结合

而单页面应用则是一种前端架构，其中整个应用程序运行在一个页面上，使用JavaScript进行动态更新。在某些情况下，我们可能需要将这两种架构结合在一起。

OpenChat·2024-01-27 15:42

深度挖掘：前端架构设计与现代化实践

本文将深入研究前端架构设计与现代化实践，探讨前沿技术和最佳实践，并提供对前端开发者如何提高其架构设计能力和实践水平的深刻见解。

zhong_333·2024-01-26 10:33

第六章（原理篇）微前端间的通信机制

文章目录微前端间的通信机制通信需求常用的通信方式1.CustomEvent2.Redux3.消息总线（MessageBus）4.本地存储（LocalStorage/SessionStorage）5.跨文档通信

球球不吃虾·2024-01-26 09:18

第七章（原理篇）微前端技术之依赖管理与版本控制

文章目录依赖管理与版本控制微前端的依赖挑战1.依赖冲突2.依赖重复加载3.依赖的兼容性依赖管理策略1.集中式依赖管理2.分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决

球球不吃虾·2024-01-26 09:18

第四章（原理篇）前端容器技术

文章目录前端容器技术容器技术的概念主流前端容器介绍（如[Single-SPA](https://single-spa.js.org/docs/getting-started-overview)）核心特性工作原理实现方式案例分析代码示例容器与微前端的关系前端容器技术容器技术的概念在计算机科学中

球球不吃虾·2024-01-26 09:48

第五章（原理篇）微前端技术之模块联邦与动态加载

（ModuleFederation）第一步：设置Webpack配置在应用1（App1）中在应用2（App2）中第二步：编写和暴露模块第三步：在应用2中使用暴露的模块第四步：启动应用动态加载与代码拆分在微前端中的应用案例分析代码示例

球球不吃虾·2024-01-26 09:41

vue+qiankun微前端项目（搭建,路由跳转，父子之间相互通信）

话不多说，直接上货首先创建两个项目，一个作为项目基座（vue-qiankun-base），一个作为子应用（vue-qiankun-app1）搭建基座及配置安装qiankun依赖到基座npmiqiankun-S

养樂多_566c·2024-01-25 19:57

第一章微前端介绍与背景

文章目录微前端介绍与背景什么是微前端？

球球不吃虾·2024-01-25 03:55

第二章微前端与单体前端对比

文章目录第二章微前端与单体前端对比单体前端的挑战微前端的优势与劣势优势劣势适用场景分析单体前端适用场景微前端适用场景案例分析：某大型电商平台的架构演进第二章微前端与单体前端对比随着Web应用的发展，前端开发所面临的挑战也在不断增多

球球不吃虾·2024-01-25 03:24

阿里乾坤qiankun

阿里确实为咱们的IT做了很多有益的事情，贡献很大，真的值得表扬一下，特别是对于我们这些程序员来说，前端大家经常用到的antd等很不错的框架，作用非常大。今天为阿里打打广告，点赞！（应该不算是为阿里打广告，说不定是阿里为我打广告呢，如果阿里要是能为我的的赞扬而点赞，那绝对是为我打广告，哈哈）今天为什么拿出来说，最深刻的几个例子，说一下。第一个，github。这两年，特别担心github被封，因为个人

ygwelcome·2024-01-24 20:18

微前端（wujie）使用手册

StoneHui·2024-01-23 12:54

qiankun用到的沙箱方案小记

1.对rawWindow操作的沙箱方案该方案可在沙箱active期间操作window，但是在deactive阶段必须提供机制确保window还原，期间产生的diff会被记录下来供下一次active使用。关于还原，有两种方案，一种是使用快照，一种是记录update(需要用到proxy)。1.1快照沙箱最简单的一种沙箱。在active时将window打一个windwSnapshot，deactive时

radation·2024-01-22 14:37

微前端小记

步骤将普通的项目改造成qiankun主应用基座，需要进行三步操作：1.创建微应用容器-用于承载微应用，渲染显示微应用；a.设置路由routeb.主应用的布局包括：主应用菜单，用于渲染菜单主应用渲染区域，

零零历险记·2024-01-22 14:03

微前端-无界wujie

无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite框架支持、应用共享等用户的核心诉求。

前端大颖颖·2024-01-22 12:52

微前端框架篇一，了解qiankun

微前端框架篇一，了解qiankun①前置知识补充Ⅰ什么是微前端？Ⅱ什么是JSCSS沙箱？Ⅲ什么是spa单页面应用？

Dormiveglia-flx·2024-01-22 07:56

微前端：一种新型的前端架构方法

微前端是一种新型的前端架构方法，它将单页面应用程序拆分为一系列小型、独立的应用程序。本文将介绍微前端的背景、概念、特点、应用场景和与其他前端架构的对比，以帮助读者更好地理解微前端的概念和实践。

番茄大大~·2024-01-22 06:07

MVC和MVVM区别和VUE关系

MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）是两种常见的前端架构模式，它们的主要区别在于处理业务逻辑和数据操作的方式。

emma20080101·2024-01-21 06:17

014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目

014-信息打点-JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目#知识点：1、JS前端架构-识别&分析2、JS前端架构-开发框架分析3、JS前端架构-打包器分析4、JS前端架构-提取

wusuowei2986·2024-01-21 06:06

微前端框架

一、single-spa前端微服务的javascript框架https://zh-hans.single-spa.js.org/框架自由在单页应用程序中使用多个框架，从而使您可以按功能拆分代码，并使Angular，React，Vue.js等应用程序和谐共处。延迟加载应用在旧应用程序旁边站起来。您编写应用程序后，单spa使它们可以协同工作，并且在需要它们之前不会加载它们。前端微服务结合许多小型应用程

承诺一时的华丽·2024-01-19 15:57

前端架构和业务场景面试题（本人真实面试题）

1、场景题：所有地区都要更新一个组件的场景下，需要如何实现？全局状态管理：使用全局状态管理工具（例如Vuex、Redux）来存储组件的状态。当一个地区的组件状态发生变化时，通过全局状态管理工具触发状态的更新，从而影响所有使用该状态的组件。这样的好处是所有组件都可以共享相同的状态，但要注意状态的变更可能会引发组件的重新渲染。事件总线（EventBus）：创建一个全局事件总线，组件通过订阅和发布事件的

SuperYiY·2024-01-18 20:26

使用 qiankun 集成应用时，出现的部分错误及解决方案

常见问题-qiankun目录1.

zlfjavahome·2024-01-18 16:52

行云部署前端架构解析-前言 | 京东云技术团队

一个简单的自我介绍项目规模截止目前上万次代码提交，总代码行数1超过21万行，其中人工维护的代码超过13万行，近千个文件。前端线上服务直接对接的后端服务，达十多个。跟很多应用一样,它有行云的入口,也有独立的服务,还有单独的插件接口它是行云的子应用,也是其它应用的主应用技术栈代码本身是monorepo的结构，通过nx+pnpm进行管理nx是一个优秀的项目管理工具，可以自动分析项目依赖、构建缓存(pac

京东云技术团队·2024-01-18 14:10

乾坤微前端优化（二）

在乾坤微前端优化（一）的基础上再次进行了优化，本次优化的是子模块共同的配置，以及dll包。

best-toby·2024-01-18 13:51

9年程序员总结个人的面试技巧

前言笔者坐标北京，目前总共9年的工作经验，在去年的时候由于各方面原因选择了裸辞，然后就开始着手于简历的修改，投递，以及面试，但是呢，并不是很顺利，还好最后找到了，目前在一家游戏公司做前端架构，下面就把我的面试一些经历做个分享

前端玖耀里·2024-01-17 13:16

【前端架构】前端通用架构

一个强大的前端通用架构应该具备多种能力，以支持现代化的应用程序开发和提高开发效率。以下是一些前端通用架构应该具备的关键能力：模块化和组件化：支持模块化开发和组件化架构，能够将应用拆分为独立的模块和组件，以便复用和维护。状态管理：提供有效的状态管理机制，帮助管理应用的数据流，确保状态的一致性和可维护性。路由管理：提供良好的路由管理机制，支持页面导航、嵌套路由和路由守卫等功能，以实现灵活的页面跳转和权

泡泡码客·2024-01-17 12:51

七个步骤教你快速入门搭建一个 micro-app微前端简单上手

vue2+vue2子应用基座应用代码1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom'@micro-zoe/micro-app'//这个代码放在newVue()下面microApp.start()3、分配一个路由给子应用就是访问这个路由菜单的时候加载子应用（1）、在已有的后台添加一个路由给子应用(2)、小d

昵称老重复·2024-01-17 07:49

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级

使用micro-app将现有项目改造成微前端，对现有项目实现增量升级基座应用1、安装依赖npmi@micro-zoe/micro-app--save2、在入口引入//main.jsimportmicroAppfrom

昵称老重复·2024-01-17 07:49

前端架构：从入门到微前端【个人解析】

本篇文章是阅读黄峰达的《前端架构：从入门到微前端》的一些记录和读后感，更新中....一、关于前端架构1.1什么是软件架构软件架构指的是软件系统的高级结构，以及创建这种结构的约束。

青柠茶沐·2024-01-16 21:08

架构的未来：微前端与微服务的融合

目录前言微服务架构简介微前端架构简介微前端与微服务的融合1.共享服务2.基于事件的通信3.统一的身份和认证4.交付管道的集成示例：使用微服务和微前端的电子商务平台微服务架构微前端架构融合微服务和微前端总结作者简介

懒大王敲代码·2024-01-15 23:22

Vue 使用ele UI下拉框位置偏离解决方法

Vue使用eleUI下拉框位置偏离解决方法问题描述：前端使用qiankun框架，在一个弹窗使用下拉框的时候，下拉框莫名其妙飞到左上角去了，而且点击不到很奇怪，并报错：Errorineventhandlerfor

Hankhorse·2024-01-15 11:39

架构师-软件系统架构图学习总结

目录早期系统架构图早期系统架构视图4+1视图解读4+1架构视图缺点现代系统架构图的指导实践业务架构例子使用场景画图技巧客户端架构、前端架构例子使用场景画图技巧系统架构例子定义使用场景画图技巧应用架构例子定义使用场景画图技巧部署架构例子定义使用场景画图技巧系统序列图为什么系统序列图从架构图到序列图早期系统架构图早期系统架构视图第一次系统架构视图正式出现

citi·2024-01-15 06:46

【Vue3 + SpringBoot】搭建企业日报管理saas系统

目录可行性研究与计划需求分析软件设计前端架构设计数据库设计后端架构设计编程开发功能登录注册前端后端选择机构前端后端首页前端后端个人信息页前端后端角色管理前端后端用户管理前端后端机构管理前端后端组织架构前端后端项目模块管理前端后端日报模块消息模块前端后端预览源码感谢可行性研究与计划作为企业的员工

蜗牛不会飞_·2024-01-14 20:47

前端架构师需要具备哪些能力？

我们先看看前端架构师的招聘要求。

全栈弄潮儿²⁰²⁴·2024-01-14 06:59

微前端无界机制浅析

快乐非自愿·2024-01-13 18:15

attachShadow样式隔离和JavaScript 沙箱

微服务样式隔离的原理是利用ShadowDOM技术来隔离各个微前端应用的样式。

亮学长·2024-01-13 11:29

魔众帮助中心系统 v2.0.0 上线客服滚动条后台管理升级

2021年08月14日魔众帮助中心系统发布v2.0.0版本，增加了以下18个特性：·[新功能]前端架构升级，更好的适配和更高的性能·[新功能]UI显示优化·[新功能]系统

魔众·2024-01-12 18:28

天津最新web前端培训班如何提升web技能？

什么是WEB前端web前端就是web给用户展示的东西，这里面可能包含了设计，特效，用户交互等等，现在对于从业人员通常叫法是：前端美工，前端开发，前端架构三个最基本级别。

qq_38453958·2024-01-09 17:50

从0到大论前端持续集成

image.png（前端架构构建系列上）提交部署上线实现自动化image.pngimage.png持续集成也可以叫做持续部署image.pngimage.png产品->需求->开发->测试->上线实现上面的功能所需的技术

神秘者007·2024-01-09 12:02

前端 - 用微前端前应该了解的一些知识点

一、微前端微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

kelly0721·2024-01-09 08:02

前端架构师学习路线

前言前端架构师是一种高级的前端开发角色，需要具备扎实的技术功底、广博的知识体系和良好的沟通能力。本文将详细介绍前端架构师的学习路线，帮助你更好地规划自己的学习目标和路径。

DevCorner·2024-01-08 22:55

Micro-app 微前端框架demo介绍

Micro-app框架1、框架安装npmi@micro-zoe/micro-app--save2、子应用对应的view页面3、页面对应的路由{//路由路径最好是非严格匹配path:"/app-vue2-demo*",name:"Vue2DemoPage",component:()=>import("@/views/Vue2DemoPage.vue")}别忘记，view页面也需要配置4、子应用的配置

瓜皮伦·2024-01-07 23:32

【Vue3+React18+TS4】1-1 : 课程介绍与学习指南

近十年内前端开发领域最火的三项技术:Vue、React、TypeScript公司首选前端架构方案，Vue+TS、React+TS岗位需求量大，相关人才紧缺，前端开发工程师未

ladymorgana·2024-01-07 14:06

成为一名合格的前端架构师，前端知识技能与项目实战教学

一、教程描述本套前端架构师教程，大小35.94G，共有672个文件。

itsover·2024-01-06 17:47

推荐频道

前端架构微前端qiankun