微前端背景对于公司内部管理系统、ToB的SaaS系统等一系列的项目中,由于项目本身的生命周期较长,又长期不断的迭代,加入新的功能模块,最终会导致项目本身的体积越来越大,结构越来越复杂。不但影响了日后的维护成本、性能等方面,而且对于开发来讲,也是越写越写不下去,最后的建议可能就是 Emm... 你懂的。微前端的概念很早就有了,比如说早期的iframe。但对于现在前端的技术的不断发展出现很多优秀的微前
转载
2024-03-11 12:44:03
105阅读
什么是vue? vue是一套用于构建用户界面的渐进式JavaScript框架 构建用户界面:是指从数据库请求数据依次渲染到页面中 渐进式:vue可以自底向上逐层的应用 vue有什么特点? 1.采用组件化模式,提高代码复用率、且让代码更好维护。 2.声明式编码,让编码人员无需直接操作DOM,提高开发效
原创
2022-08-01 09:50:29
239阅读
目录微前端是什么?背景核心价值目前微前端的几种解决方案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.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。实用的 Vue.js组件库可以帮助我们快速搭建页面,下面介绍小编认为比较受欢迎的五个vue前端ui框架。TOP5——Vue-BluVue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件
转载
2023-07-20 13:20:45
147阅读
一、什么是微前端微前端是一种软件架构,可以将前端应用拆解成一些更小的能够独立开发部署的微型应用,然后再将这些微应用进行组合使其成为整体应用的架构模式。微前端架构类似于组件架构,但不同的是,组件不能独立构建和发布,但是微前端中的应用是可以的。微前端架构与框架无关,每个微应用都可以使用不同的框架。二、 微前端的价值1. 增量迁移迁移是一项非常耗时且艰难的任务,比如有一个管理系统使用 AngularJS
转载
2024-08-16 11:44:58
142阅读
一、single-spa single-spa 由 CanopyTax 开发,是一个用于构建微前端架构的JavaScript 前端框架,它可以将多个单页应用(SPA)集成为一个整体。 官方文档:https://qiankun.umijs.org/zh/ 优点:在同一页面上使用多个前端框架 而不用刷新页面独立部署每一个单页面应用新功能使用新框架,旧的单页应用不用重写可以共存改善初始加载时间,延迟加载
最近负责的新项目用到了qiankun,写篇文章分享下实战中遇到的一些问题和思考。单独访问在线子应用:subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具,该工具是独立部署的且是用React写的,而我们的项目主要技术选型是vue,因此需要考虑嵌入页面的方案。主要有两条路:
iframe方案
qiankun微前端方案两种方
转载
2024-02-10 20:56:49
228阅读
iview:http://v1.iviewui.com/Element:http://element-cn.eleme.io/#/zh-CN
原创
2022-09-27 12:11:01
115阅读
Vue框架:官网vue框架:渐进式JavaScript框架
vue一个环境:可以只控制页面中一个标签、或者控制一组标签、再或者控制整个页面、也可以直接控制整个项目
vue可以根据实际需求,选择控制前端项目的区域范围为什么要学习vue'''
1. html、css、js直接开发项目,项目杂乱,不方便管理,要采用前端框架进行开发,规范项目
2. Angular、React、Vue三个前端框架,Vu
转载
2023-07-11 08:35:35
99阅读
前言vue是现在很火的一个前端MVVM框架,它以数据驱动和组件化的思想构建,与angular和react并称前端三大框架。相比angular和react,vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网,看一下它的介绍和核心功能介绍。简单粗暴的理解就是:用vue开发的时候,就是操作数据,然后vue就会处理,以数据驱动去改变DOM。使用vue,我们可以集中精力于如何处理数据上,数据改变
Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 实用的 Vue.js组件库可以帮助我们快速搭建页面,下面介绍小编认为比较受欢迎的五个vue前端ui框架。 TOP5——Vue-Blu Vue-Blu是基于Vuejs和Bulma开发的开源UI ...
转载
2021-10-19 21:56:00
369阅读
2评论
1. 官方学习文档乾坤是在 single-spa 的基础上进行的封装 上手简单 官网:介绍 - qiankun代码实战:快速上手 - qiankun2. 项目实战基座项目(主应用):Vue微应用(子应用):2个 -- Vue 、原生 html 页面由于 qiankun 是通过 fetch 去获取微应用的引入的静态资源的,所以必须要求这些静态资源支持跨域主应用:import Vue from 'vu
转载
2024-05-23 20:56:11
280阅读
前言:今天要分享的知识是Vue前端框架码字不易,点个赞转载请说明!开发工具:HBuilderX,Eclipse目录一、Vue是什么二、库和框架的区别三、MVVM介绍四、cdn的下载及入门案例①定义边界和绑定边界②案例二、数据双向绑定③事件 ④Vue的生命周期 钩子函数 验证生命周期案例代码⑤计算任意一段代码的执行时间一、Vue是什么Vue是一个构建用户界面(UI)的[
什么是微前端简单来说就是系统要模块化,通过不同的模块组合构建我们的应用,不同的模块迁移成子应用,最终构建成整个大的应用项目。微前端适合一些巨石应用的项目。官方一些来说就是微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。一个完整应用划分成一个主应用和一个或多个微应用,应用间相互独立,可相互通信微前端的核心目标是将巨石应用拆解成若干可以自治的松耦合微应用。
转载
2023-11-20 21:11:06
227阅读
关于微前端这里做一个简单的介绍: "微前端构架"是一种使用微服务模式构建前端应用的方式,微前端中的理念是将一组组服务拆分成相互解耦的模块,然后通过一个统一的父模块进行整体的调度。同时在微前端的架构中,我们可以同时使用React, Vue, Angular,甚至是原生的Js,Jquery开发的应用都可以通过微前端进行调度。关于微前端的框架: 微前端的框架现在比较成熟的是 “Single-spa” 和
转载
2023-08-09 22:44:35
129阅读
基于 vue 的ui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue的前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码官网网址: https://vuetifyjs.com/zh-Hans/
手册网址: https://vuetifyjs.com/zh-Hans/getting-started/quick
转载
2024-05-23 16:39:49
98阅读
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阅读
VUE简介Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。同时,Vue 也完全有能力支持采用SPA设计和组合其他Vue生态的系统。 官网:https://cn.vuejs.org/前端框架三巨头:Vue.js、React.js、AngularJS。vue.js以期轻量易用著称,vue.js和React.
转载
2023-09-26 20:59:44
91阅读
js框架 vue 1. 职责划分-MVVM Model 模型 - 数据 View 视图 - html 标签,样式 ViewModel 用来结合模型和视图 - 决定数据展示在哪个标签上2. 入门例子 v
转载
2023-08-24 15:36:08
176阅读
一、1、vue介绍vue是一款敏捷开发的前端框架。2、vue基本使用 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue3.js">
转载
2023-12-27 11:59:24
82阅读