javascript前端微前端第3页

2023-09-22 项目升级准备会议

微前端主要解决了两个问题：1、随着项目迭代应用越来越庞大，难以维护。2、跨团队或跨部门协作开发项目导致效率低下的问题。

henrypt·2024-01-02 02:50

几种微前端方案探究

前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-PageApplication，多页应用）到SPA（Single-PageApplication，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术栈无

维李设论·2024-01-01 13:44

2021-04-26 single-spa-vue 微前端初实践

SingleSpa-VueCli-微前端落地方案创建项目parent-vue和child-vue两个项目vuecreateparent-vuevuecreatechild-vueparent-Vue安装依赖

FConfidence·2023-12-30 20:09

qiankun -- 入门微前端

微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用分解成一些更小、更简单的小模块，而在用户侧看起来还是一个内聚的产品。

高阳很捷迅·2023-12-29 08:45

微前端——无界wujie

B站课程视频课程视频课程课件笔记：1.微前端2.无界现有的微前端框架：iframe、qiankun、Micro-app（京东）、EMP（百度）、无届前置初始化新建一个文件夹1.通过npmitypescript-g

lanmy_dl·2023-12-27 12:06

Web前端零基础入门HTML5+CSS3基础教程——了解前端

目录前端是什么前端的核心技术HTMLCSSJavaScript前端入门所用到的工具VSCode的安装

TTLTTX·2023-12-27 12:30

微前端简介

微前端简介微前端这个名词，第一次被提出还是在2016年底，那是在ThoughtWorksTechnologyRadar。这个概念将微服务这个被广泛应用于服务端的技术范式扩展到前端领域。

Shero.李建业·2023-12-27 07:00

6.微前端设计

微前端微前端定义这种架构模式是微服务架构理念在前端领域的延伸，旨在将单体前端应用分解为松耦合且独立的小应用后，再根据实际的业务场景将这些小应用组装成单个解决特定业务场景的应用；在前端设计时我们可以遵循单一职责和复用原则按照领域模型和微服务边界

Pingszi·2023-12-26 13:32

我的源码系列: 使用Node.js实现一个express框架

我的手写源码系列往期本人手写框架源码系列原创：从零实现一个简单版React（附源码）原创：如何自己实现一个简单的webpack构建工具【附源码】深度：手写一个WebSocket协议[7000字]深度：从零编写一个微前端框架

Peter 谭·2023-12-24 22:58

Vue和React的运行时，校验引入包的上下文差异

背景系统使用webpack5模块联邦实现微前端，有关如何实现跨应用的代码共享，可参考如何优雅的实现跨应用的代码共享里的第三大点。

C澒·2023-12-23 08:44

微前端样式隔离、sessionStorage、localStorage隔离

1、样式隔离前端样式不隔离，会产生样式冲突的问题，这个点在qiankun也存在子应用1修改一个样式button{background:red！important；}其它应用也会受到影响qiankun的css隔离方案（shadowdom）shadowdom是webcomponents技术的一部分，其实就是一个attachShadow的APIwebcomponents添加内容的时候，不直接append

阿Q--小黑·2023-12-22 22:07

vue + qiankun

上一篇文章中我们分享了qiankun的一些概念和特性，以及基于qiankun实现有一个微前端应用的大概步骤，最后以qiankun加vue2.0为例给出了快速搭建qiankun微前端的一些核心代码。

邯郸达文西·2023-12-22 19:01

registermodule 微前端_微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。

weixin_39603492·2023-12-22 14:52

qiankun（乾坤）微前端框架简介

qiankun（乾坤）微前端框架简介最近在搞微前端项目，接下来整体介绍一下微前端。在现代Web应用程序开发中，微前端架构逐渐成为一种趋势，它可以帮助我们更好地管理和组织复杂的项目。

Shero.李建业·2023-12-21 11:29

常见微前端方案

StoneHui·2023-12-20 19:55

pnpm monorepo micro-app 微前端开发架构

pnpmmonorepomicro-app微前端开发架构主要解决问题微前端特性未来期许采用技术说明主要解决问题随着项目迭代应用越来越庞大，难以维护。跨团队或跨部门协作开发项目导致效率低下的问题。

kenluff·2023-12-19 11:43

基于single-spa,single-spa-vue的微前端落地实现方案

1.什么是微前端在说什么是微前端的之前我们先来思考一下什么是微服务，微服务是一种为了降低服务端耦合的架构方式（为了解决庞大的一整块后端服务带来的变更与扩展方面的限制）微服务是面向服务架构（SOA）的一种变体

Carols·2023-12-19 02:13

DevOps 视角的前后端分离与实战

本文作者：CODING-廖红坤前言随着微前端、微服务等技术理念和架构的蓬勃发展，我们已经没必要去讨论为什么要前后端分离这种话题，前后端分离已成为互联网项目开发的标准模式。

腾云 CODING·2023-12-17 12:41

一、微前端目标、前端架构的前生今世、微前端架构优势和劣势、软件设计原则与分层

1、目标2、前端架构的前世今生①初始：无架构，前端代码内嵌到后端应用中②后端MVC架构：将视图层、数据层、控制层做分离缺点：重度依赖开发环境，代码混淆严重（在调试时，需要启动后端所有代码和依赖，比较麻烦）③前后端分离架构将前端代码从后端环境中提炼出来（ajax促进了前后端分离架构的发展）多页面架构，使其能够通过浏览器动态获取数据；缺点：前端缺乏独立部署能力，整体流程依赖后端环境④Nodejs的广泛

小草莓蹦蹦跳·2023-12-16 21:02

在Java中如何将Vue项目导入并进行编程

Vue.js是一种流行的JavaScript前端框架，而Java是一种面向对象的编程语言。如果你想在Java中使用Vue项目，你需要进行一些额外的配置和编程。

雨中微步·2023-12-16 16:00

关于UMI中 useModel的使用（踩坑记录）

最近用React+UMI+qiankun的框架撸了一个后台管理系统，主应用使用的qiankun做的微前端，子运用使用的是UMI搭建的React项目，涉及到主应用与子运用的通信问题。

独孤九溅·2023-12-16 15:54

微前端，qiankun

微前端微前端是一种将前端应用程序拆分成更小、更独立的部分，使得不同团队能够独立地开发、测试和部署这些部分的架构模式。

await 404·2023-12-15 12:51

《web前端开发技术》初识Vue + 第一个 Vue程序：hello world

目录2.1Vue简述2.1.1什么是Vue2.1.2为什么选择Vue2.2Vue的三种安装方式2.1Vue简述Vue在JavaScript前端开发库领域属于后来者，其他前端开发库有jQuery、ExtJS

MSY～学习日记分享·2023-12-15 09:50

小伙伴新鲜出炉面试题目总结(含中大厂，已拿offer)

最近在找工作，现在已经接近尾声了，面了携程，美团，京东，比心APP，英语流利说，百度，携程，新核云，现在写一下面经，希望最近找工作的你们一路顺下去英语流利说一面微前端描述下怎么协同开发注意事项2：场景问题

傲娇的koala·2023-12-15 08:25

你还不会 OpenTiny 跨框架组件库适配微前端？

本文由体验技术团队TinyVue组件库成员陈家梅同学分享，带你手把手实现TinyVue组件库适配微前端~一、前言以下是我对微前端的一些粗浅理解，对微前端有一定了解的话可以略过，直接进入第二部分。

OpenTiny社区·2023-12-06 20:56

微前端qiankun

微前端qiankun使用，一些注意事项。

放飞wlg·2023-12-06 18:39

[JavaScript前端开发及实例教程]计算器&井字棋游戏的实现

计算器（网页内实现效果）HTML部分MyCalculatorC/*←789-456+123.(0)=CSS部分.container{max-width:400px;margin:10vhauto0auto;box-shadow:0px0px43px17pxrgba(153,153,153,1);}#display{text-align:right;height:70px;line-hei

Linyeji·2023-12-06 12:02

微前端前置知识2--- monorepo架构

目录前言pnpmvsnpmpnpm设计思想硬连接软链接（符号链接）原理pnpm指令monorepo架构介绍配置monorepopnpm--filter前言我们采用的是微前端一个主应用，和多个子应用，我们肯定不会一个一个去

前端贾公子·2023-12-06 09:32

微前端qiankun示例 Umi3.5

主应用配置（基座）安装包npmi@umijs/plugin-qiankun-D配置qiankun开启{"private":true,"scripts":{"start":"umidev","build":"umibuild","postinstall":"umigeneratetmp","prettier":"prettier--write'**/*.{js,jsx,tsx,ts,less,md,

看陌生的风景·2023-12-06 05:54

微前端介绍

目录微前端概念微前端特性场景演示微前端方案iframe方案qiankun方案micro-app方案EMP方案无界微前端方案无界方案成本低速度快原生隔离功能强大总结前言：微前端已经是一个非常成熟的领域了，

前端贾公子·2023-12-05 09:31

微前端前置知识----webComponents

目录webComponents概念和使用生命周期总结CustomElementRegistry.define()语法参数返回值例子&总结Element.attachShadow()语法参数返回值异常例子&总结总结webComponentsWebComponent是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的web应用中使用它们。概念和使用作为开发者，我们都知

前端贾公子·2023-12-05 09:28

qiankun 部署微前端-vue2（一）

现在qiankun可以实现前端项目的微前端功能。qiankun官网：qiankun-qiankun最近在开发vue2的项目，前端主框架依赖于若依，于是就拿着现有项目试了一下。几番周折，终于成功了。

wuyu0920·2023-12-04 12:29

qiankun 部署微前端-vue2 （二）

对于基本的部署问题，也可以去官网查找答案：常见问题-qiankun这里主要记录在部署过程中遇到的问题一、路由权限问题无论主应用路由还是子应用中的路由，都会涉及权限问题，并不是每个路由路径对任何角色都是可见，所以我们在主应用mian.js中一般会加入（引入相关权限js，如permission.js）路由守卫（路由权限）。思考一下，我们在主应用中添加/subapp来访问子应用，但是这个并不是我们主应用

wuyu0920·2023-12-04 12:29

微前端实战：打造高效、灵活的前端应用架构

文章目录一、微前端简介二、微前端的优势1.高度模块化2.独立部署3.易于扩展4.技术栈无关5.独立升级三、微前端的原理四、微前端案例思路《微前端实战》编辑推荐内容简介作者简介目录前言/序言随着互联网行业的快速发展

程序边界·2023-12-04 07:47

浅尝微前端(无界)

1、基本使用vue3项目作为父应用//下载wujie//npminstallwujie-vue3//引入importWujieVuefrom'wujie-vue3'//...//使用插件app.use(WujieVue)const{setupApp,preloadApp}=WujieVue//注册子应用setupApp({name:'react-app',//子应用名称url:'http://12

胡同学ou·2023-12-03 22:35

微前端框架qiankun开发到部署保姆式教程原理与实战

1.什么是微前端web应用构建方式微前端微前端在2016年ThoughtWorksTechnologyRadar正式被提出。微服务这个被广泛应用于服务端的技术范式扩展到前端领域。

大福ya·2023-12-02 16:21

Vue 3 组件通信总结

Vue3组件通信总结Vue是一种流行的JavaScript前端框架，它提供了一种组件化的开发方式，使得构建大型应用变得更加简单和可维护。在Vue中，组件之间的通信是一个重要的主题。

大笑编程·2023-12-02 14:13

微前端框架 —— qiankun

微前端框架——qiankunhttps://qiankun.umijs.org/zh/guide微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。

Software攻城狮·2023-12-02 06:54

微前端-乾坤

本文将按照下面的顺序逐一讲解：1）什么是微前端以及为什么使用微前端2）乾坤框架介绍3）基于乾坤框架实例4）开发过程中遇到的问题一、什么是微前端微前端的核心思想就是将按照不同功能或不同维度拆分的独立子应用

赏花赏景赏时光·2023-12-02 06:52

一文搞懂微前端

一.微前端的背景和动机单页应用单页应用往往是一个庞大的前端项目，由一个团队或多个团队共同开发，使用同一套技术栈，打包成一个整体，部署在一个域名下随着Web应用的功能越来越丰富和复杂，单页应用不得不面临以下问题

WestGGboom·2023-12-02 06:50

微前端框架 qiankun

前言qiankun是一个基于single-spa的微前端实现库，帮助你构建一个生产可用的微前端架构系统。

WestGGboom·2023-12-02 06:47

微前端个人理解与简单总结

最近一段时间在学习微前端，一开始是看各种博客了解微前端含义、对比多种微前端框架优劣，最后选择了qiankun、micro-app、wujie这三种微前端框架进行深入研究、对比。

hoaxxcj·2023-12-01 18:31

前端微服务化解决方案7 - 静态数据共享

在前面的一些介绍,相信你对微前端已经有了一个相对完整的认知.下面介绍一下,再开发过程中我的一些小技巧与处理方法.动态入口当有新的子模块会挂载到项目中的时候,在UI中肯定需要一个新的入口进入子模块的UI.

Hello丶Alili·2023-12-01 08:18

umi2升级到umi3

umi2升级到umi3最近公司准备搞微前端，为了能能更好的适配qiankun,打算把公司用umi2写的老项目升级到umi3.5,在升级的过程中也遇到了非常多的问题文章目录umi2升级到umi3前言一、先按照官方文档进行升级二

前端架构师_555·2023-11-30 12:58

微前端框架之 single-spa 从入门到精通

当学习成为了习惯，知识也就变成了常识。感谢各位的点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送，欢迎关注：李永宁lyn文章已收录到github，欢迎Watch和Star。简介从基本使用->部署->框架源码分析->手写框架，带你全方位刨析single-spa框架前序目的会使用single-spa开发项目，然后打包部署上线刨析single-spa的源码原理手写一个自己的single-spa框

李永宁_lyn·2023-11-29 10:37

在 Vue 项目中使用 MQTT

Vue是一款由尤雨溪及其团队开发的渐进式Javascript前端框架。该框架具备数据双向绑定、组件化、响应式和轻量等特点，搭配其脚手架VueCLI使得开发者更加容易上手，大大减少了学习成本。

EMQX·2023-11-27 20:12

移动端开发之JSBridge

JSBridge是连接Native(客户端)和JavaScript前端的桥梁，通过JSBridge两端的代码才可以通信。

_咻咻咻咻咻·2023-11-27 13:12

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

前言本文介绍的是在做微前端single-spa项目过程中，遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。

我不是大熊哦·2023-11-27 06:27

JavaScript前端开发神器 WebStorm 2019.1.3 for Mac

文章来源于：风云社区WebStorm2019.1.3forMac【上【风云社区】，搜索软件名字，即可查看下载】WebStorm2019.1为JavaScript和TypeScript带来了新的智能意图，改进了对Angular的支持，更新了CSS和HTML文档，更强大的调试控制台等等！堪称Web前端开发神器！使用JavaScript解构通过解构，您可以使用非常简洁的语法将数组和对象中的值解压缩到变量

在那遥远的故乡·2023-11-26 23:58

无星的微前端之旅（二）—— qiankun的一些预知项

这里是一些很浅很浅的东西，大佬们不要喷我=。=。qiankun将应用分为两种：主应用，微（子）应用一.主应用是一个基座主应用是一个基座，承载着各个子应用。主应用负责各个应用之间的加载，通信和调度。带都说，这是微服务在前端的应用，不过我没做过服务端，对微服务不是很了解，因此不敢乱说。我只做过客户端，从客户端的角度来看，这看上去就类似于iOS的组件化。将模块解耦后，通过主工程进行加载调用。这样一来有客

无星灬·2023-11-26 13:19

推荐频道

javascript前端微前端