在过去的几周里，围绕微观前端进行了大量讨论(一些是负面的，一些是积极的)。在本教程中，我将分享我所学到的知识，并向您展示如何构建由React和Vue应用程序组成的微前端应用程序。要查看此应用程序的最终代码，请单击此处。Single-spa我们将用于创建项目的 工具 是Single SPA- 用于前端微服务的 javascript 框架。Single SPA使您可以在单页面应用程序中使用多个框架，允
转载
2024-02-01 21:03:52
96阅读
一、javaScript概述1.1、JavaScript历史为了统一三家,ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标准（ISO/IEC-16262）。从此，Web 浏览器就开始努力（虽然有着不同的程度的成功和失败）将 ECMAScript 作为 JavaScript 实现的基础。EcmaScript
微前端背景对于公司内部管理系统、ToB的SaaS系统等一系列的项目中，由于项目本身的生命周期较长，又长期不断的迭代，加入新的功能模块，最终会导致项目本身的体积越来越大，结构越来越复杂。不但影响了日后的维护成本、性能等方面，而且对于开发来讲，也是越写越写不下去，最后的建议可能就是 Emm... 你懂的。微前端的概念很早就有了，比如说早期的iframe。但对于现在前端的技术的不断发展出现很多优秀的微前
转载
2024-03-11 12:44:03
105阅读
React和 Vue 相互远程调用 Demo
React
Vue
什么是微前端
做好前端开发不是件容易的事情，而比这更难的是扩展前端开发规模以便于多个团队可以同时开发和维护一个大型且复杂的产品。为解决这个难题，前端领域逐渐出现一种趋势，可以将大型的前端项目分解成许多个小而易于管理的独立部署的应用，并实现应用级别的资源（UI组件/工具函数/业务模块）分享，就像后端领域的微服务一样。 在这种趋势下，
转载
2020-11-17 10:36:00
958阅读
2评论
jQuery事件阻止后续事件执行<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="htt
转载
2024-10-30 11:48:23
37阅读
首先React与vue有几点相同之处1.都使用了Virtual DOM2.提供了响应式（Reactive）和组件化（Composable）的视图组件3.将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库性能方面#React在性能方面使用virtual DOM实现没有vue的virtual DOM实现好,相比较来说vue的virtual DOM的实现更为轻量些#在React应用中
转载
2024-04-24 07:13:11
44阅读
React.js 和Vue.js 都是 JavaScript 的两个强大的前端框架，这些是开发人员社区中最流行的 javascript 框架。React和Vue为开发人员提供了一种高效的方法来构建具有各自优势的各种应用程序。在本文中，我们将分享React和Vue的比较，以确定它的独特之处。 React和Vue有什么区别? 背景 React是针对脸书的特定需求而形成的，迄今为止，技术巨头们
转载
2023-09-12 16:50:47
319阅读
究竟如何正确使用？作为小白的我们从何学起比较好？
原创
2022-03-01 11:29:02
316阅读
1评论
近年来，前端技术不断火热，尤其以React和Vue技术最为火爆，这两个前端框架也是目
原创
2022-09-07 13:39:49
1543阅读
关于微前端这里做一个简单的介绍： "微前端构架"是一种使用微服务模式构建前端应用的方式，微前端中的理念是将一组组服务拆分成相互解耦的模块，然后通过一个统一的父模块进行整体的调度。同时在微前端的架构中，我们可以同时使用React, Vue, Angular，甚至是原生的Js,Jquery开发的应用都可以通过微前端进行调度。关于微前端的框架: 微前端的框架现在比较成熟的是 “Single-spa” 和
转载
2023-08-09 22:44:35
129阅读
5. Vue 研发效率6. Vue 应用体积大小7.响应速度8. 响应式布局9. Vue 支持的浏览器10. Vue 能吸更多的优秀的开发参加应聘11. Vue 的效果演示1. 前端框架的演变1.1 前端框架的演变历史从 web 1.0 -> MVC(Flux或者Redux) -> MVP -> MVVM。这段变化的过程，会让人不断琢磨，每次的变化，都是一次大的进步。现在在前端的
转载
2024-07-20 07:29:42
29阅读
https://www.codeinwp.com/blog/angular-vs-vue-vs-react/
转载
2020-11-19 15:06:00
131阅读
2评论
作者：小白背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能
转载
2024-07-30 19:53:50
268阅读
1、vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 https://panjiachen.gitee.io/vue-element-admin-site/zh/ element UI 饿了么 （有三个框架的版本 Angular、React）
转载
2021-08-05 11:28:35
657阅读
编辑在对比 React、Vue.js、Angular 和 Svelte 时，除了在高层次的特性上有显著差异，它们在核心设计理念和底层实现机制上也有明显的不同。为了清晰地理解这些框架，我们可以从以下几个方面来分析它们的核心不同点和底层不同点。1. 框架类型和设计哲学React：类型：UI 库（视图层）设计哲学：React 专注于构建用户界面的视图层，其核心设计理念是声明式编程。通过组件和 JSX 来
原创
2024-09-21 15:10:43
662阅读
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点，而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成，web依赖于service，其中web主要是control层内容，service则对应service层
转载
2023-12-23 19:30:06
91阅读
什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。介绍qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希
转载
2024-02-13 14:32:30
56阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
架构图以及vue的简介 架构图前后端分离总架构图 前端架构设计图 MVVM架构模式MVVM的简介MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在
转载
2023-07-10 13:44:57
416阅读
前言本文介绍的是在做微前端 single-spa 项目过程中，遇到的 Vue 子应用和 React 子应用互相跳转路由时遇到的问题。项目情况：single-spa 项目，基座用的是 React，目前是2个子应用一个 Vue 一个 React。路由方案是 Vue Router，React Router + history。有交互场景是从 Vue 子应用跳转到 React 子应用，或者从 React
原创
2022-04-12 10:49:45
1439阅读
