微前端背景对于公司内部管理系统、ToB的SaaS系统等一系列的项目中，由于项目本身的生命周期较长，又长期不断的迭代，加入新的功能模块，最终会导致项目本身的体积越来越大，结构越来越复杂。不但影响了日后的维护成本、性能等方面，而且对于开发来讲，也是越写越写不下去，最后的建议可能就是 Emm... 你懂的。微前端的概念很早就有了，比如说早期的iframe。但对于现在前端的技术的不断发展出现很多优秀的微前
转载
2024-03-11 12:44:03
105阅读
关于微前端这里做一个简单的介绍： "微前端构架"是一种使用微服务模式构建前端应用的方式，微前端中的理念是将一组组服务拆分成相互解耦的模块，然后通过一个统一的父模块进行整体的调度。同时在微前端的架构中，我们可以同时使用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阅读
作者：小白背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。另一方面当一个代码库集成了所有功能时，日常协作绝对是非常困难的。而且最近十多年，前端技术的发展是非常快的，每隔两年就是一个时代，导致同志们必须升级项目甚至于换一个框架。但如果大家想在一个规模化应用中一个版本做好这件事，基本上是不可能
转载
2024-07-30 19:53:50
268阅读
什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。介绍qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希
转载
2024-02-13 14:32:30
56阅读
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点，而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成，web依赖于service，其中web主要是control层内容，service则对应service层
转载
2023-12-23 19:30:06
91阅读
架构图以及vue的简介 架构图前后端分离总架构图 前端架构设计图 MVVM架构模式MVVM的简介MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在
转载
2023-07-10 13:44:57
416阅读
vue的基本组成vue(读View ，不要读成view e ，面试时，经常发现面试者这种叫法，很费解，作为一个这么火热的前端框架专业人士连名字都叫错)是渐进式框架，主要包含三部分：1.Vue 主要UI组件；2.Vue Router,主要用来绑定UI和浏览器url之间的关系，很重要的一个就是路由守卫和重定向；3 Vuex，主要用于vue单页面应用（单页面应用 和多页面应用 和前端）存储全局变量，在任
转载
2023-07-10 16:45:12
352阅读
本文章介绍了qiankun在vue3的应用，其中子应用有vue2、vue3、react、angular介绍qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 其他几款（[single-spa]、[micro-app]、[百度emp]]）使用 iframe 整合系统时，假设我们有系统 A, 当我们想把系统 B 引入 A 系统
转载
2023-11-21 19:36:20
277阅读
什么是微前端引用qiankun里的解释 简而言之，微前端就是可以将多个模块或者多个项目合并到一个项目中。a项目里可以嵌入b项目的页面，并且可以交互通信。为什么不用iframe 为了解决微服务架构， 后来出现了single-spa，但是也存在一切弊端。为此，蚂蚁金融科技孵化qiankun 基于微前端架构的云产品统一接入平台。qiankun官网地址：https://qiankun.umijs.org/
转载
2024-01-25 17:36:04
66阅读
Vue.js是一个前端框架，用于构建用户界面的渐进式框架。在Vue中一个核心的概念是，让用户不再操作DOM元素解放了用户的双手，让程序员可以更多的时间去关注业务逻辑，Vue框架能够提高开发的效率。Vue的MVVM设计模式是什么？如果了解前端一定知道MVVM和MVC这两种设计模式，且很有可能对mvp也有一些了解。MVC即model，view，control，jQuery就是采用的这种设计模式。MVV
Vue-genesis（一）介绍官网地址: https://fmfe.github.io/genesis-docs/genesis是一个轻量级的Vue SSR插件,不与任何框架进行绑定,但目前来说是基于vue框架,也不与任何一个node服务器进行绑定,但一般来说,node服务器优先选择express。概括性的说,它起到一个服务端聚合,客户端一键拆分打包的功效。什么是服务端聚合,即将所有子工程聚合到
文章的参考：微前端在美团外卖的实践我将讲解微前端如何在Vue项目中实践和应用，业务逻辑参考文中介绍的，文章中介绍的逻辑比较清晰，但是并没有提供过多的业务代码，对微前端如何应用到具体的项目我们就无从而知，为了介绍如何应用到项目中，我就写下了这篇文章，我们应用的工程是在Vue项目中。如果你还不知道如何通过webpack配置Vue项目，请先参考这篇文章：自己搭建一个Vue项目工程我的微前端项目...
原创
2022-11-23 00:10:12
179阅读
qiankun是什么： 基于 single-spa 进行二次开发，是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的！qiankun
转载
2023-11-09 15:16:00
461阅读
目录微前端是什么？背景核心价值目前微前端的几种解决方案iframe阿里乾坤 qiankun （阿里 14.2k）microApp （京东 4k）无界：（腾讯 2k）小结microApp基础示例1. 基座应用1. 依赖版本2. main.js引入3. router/index.js路由设置4. 各页面的内容4.1 Layout.vue页面4.2 my-page.vue页面4.3 parent1.v
转载
2024-03-04 10:09:20
145阅读
Vue前端框架选型论述1. 前端3大巨头框架综述React 起源于 Facebook 的内部项目，社区非常活跃，下载使用当前排行第一名，但是 React 的只能是半开源，在不涉及到 Facebook 子公司或者 Facebook 合作公司利益的条件下开源，否则属于专利侵权。React 框架相对于 Vue 要复杂的多，学习成本高于Vue。AngularJS 诞生于2009年，由Misko Hever
转载
2024-04-05 12:38:50
55阅读
1、概要介绍 Vue是时下最流行的一种前端开发框架，在当前的Vue开发框架中，主要采用MVVM的分层开发思想，主要把每个页面分成M、V、和VM，其中VM是整个MVVM思想的核心，是M和V之间的调度者。下图是一个项目的前后端处理过程示意图（来自b站）2、下载使用 从官网https://cn.vuejs.org/v2/guide/installation.html下载到本地，放到指定目录下，打开vsc
转载
2023-12-09 12:15:12
497阅读
最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： https://github.com/fengxianqi/qiankun-example。在线demo：http://qiankun.fengxianqi.com/单独访问在线子应用：subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一
转载
2024-06-11 06:27:02
47阅读
最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。1、项目需求我司h5主要做移动端，运行在app和小程序里，也就是hybrid app混合开发模式。刚来公司时，公司h5才刚开始起步，同事只开发了三个h5需求，这三个需求在业务功能上都是相互独立的，所以也分开放在了三个spa项目里。。。
转载
2023-12-15 21:13:11
143阅读
微前端
micro frontends
GraphQL
微前端 & 微前端实践 & 微前端教程
转载
2020-07-14 20:18:00
342阅读
2评论
