项目vue3 vue
vue做播放器和进度条
<template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($even ......
【vue】vue3中的动画
vue版本：vue3 不过是控制动画放到了标签内控制 在上图中，是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态（时间点） .v-enter-from { } 动态效果（时间段） .v-enter-active { } 终止状态（时间点） .v-enter-to { } .v ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
关于 fontawesome 库在 Spartacus 项目中的应用
FontAwesome 是一个广受欢迎的开源图标库，它提供了一系列的图标和符号，可以在 Web 开发中方便地使用。它包含了大量的图标，如社交媒体图标、箭头、菜单图标、表单控件图标、设备图标、通知图标等等。 FontAwesome 的图标是以矢量方式呈现的，这意味着可以根据需要缩放和变换大小而不会失去 ......
Angular 项目中 angular.json builder 字段的可选项介绍
angular.json 文件的语法？ options 是 angular.json 文件中 architect 对象中包含的一个属性，用于指定构建、测试或运行的选项。以下是 options 支持的一些常见的选项： outputPath: 构建输出的目录。 index: 应用程序的主入口文件。 ma ......
vue脚手架创建与环境安装
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
在 Vue 中控制表单输入
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用v- ......
axios在vue中的使用
在该项目的vscode命令行下载 npm i axios 在使用axios时涉及跨域问题 你的8080窗口虽然发了请求，服务器也返回了消息，但是你收不到 1.cors 方式 服务器给你返回响应时加特殊的响应头 2.jsonp方式 借助了 script 标签里面的src属性 引入外部资源时，不受同源策 ......
vue2+element-ui实现网站标题随着路由改变动态切换标题
以下内容仅供自己学习使用 1. 效果图 2. 第一步在router.js编写meta:{title:''} 3. 然后挂载路由导航守卫 // 在Vue实例创建之前获取路由信息 router.beforeEach((to, from, next) => { // 更新动态标题 document.tit ......
🎊这个 OpenTiny 开源项目的 CLI 可太牛了，两行命令创建一个美观大气的 Vue Admin 后台管理系统，有手就会，连我的设计师朋友都学会啦啦
近期尝试了下 OpenTiny 的 CLI 工具，不得不说，简单到“有手就会”，只要执行两行命令就创建了一个美观大气的 Vue Admin 后台管理系统，连我的设计师朋友都学会啦啦。 ......
项目讲解之火爆全网的开源后台管理系统RuoYi
博主是在2018年中就接触了 RuoYi 项目 这个项目，对于当时国内的开源后台管理系统来说，RuoYi 算是一个完成度较高，易读易懂、界面简洁美观的前后端不分离项目。 对于当时刚入行还在写 jsp 模板的博主来说，RuoYi 项目在后台基础功能、模块划分、易用性和页面美观度上，对比同期用 Java ......
【开源项目】合肥~超经典智慧城市CIM/BIM数字孪生可视化项目—开源工程及源码
最新消息，数字孪生智慧宁波开源了其数据工程源码和工程，免费送出供大家学习、使用、分享。 智慧宁波实现了一系列全面的功能，如实现长三角经济圈特效、智慧地铁特效、智慧灯杆特性等。这些项目利用数字孪生技术和物联网等先进技术，可以实现精细化管理和智能控制，提高城市管理效率和品质。 长三角经济圈——中 ......
创建第一个Maven项目（IDEA）
前言：Maven项目创建对于第一次的新手来说还有有些困难繁琐的，相比之下，创建一个Java项目或者JaveWeb项目都比较简单，所以写一个Maven项目的创建教程，给自己做标记。 一、创建第一个Maven项目 1、打开IDEA，创建新项目【按图框起来处选择，最后Next】 2、给项目取名，指定路径 ......
如何利用git地址将项目导入到本地
步骤 1、在本地新建一个我们专门放置协作仓库的文件夹，然后右键，选中Git Bash Here打开 2、进入到终端界面，输入 git clone +git网址 然后就可以在我们新建的那个文件夹里面看到相应的git项目信息啦！ 当然，前提是你是已经被邀请共同协作的呦！ ......
项目创建
1.创建maven项目 依赖： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ma ......
vue指令之属性指令
属性指令 标签上的属性可以绑定变量，变量变化，属性也会变化 # 什么是属性？比如： href/src/name/value/class/style... 语法： v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre ......
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如：a ......
VUE插值语法
基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
Springboot 系列 (28) - Springboot+HBase 大数据存储（六）| Springboot 项目通过 RestTemplate 访问 HBase REST 服务
Apache HBase 是 Java 语言编写的一款 Apache 开源的 NoSQL 型数据库，不支持 SQL，不支持事务，不支持 Join 操作，没有表关系。Apache HBase 构建在 Apache Hadoop 和 Apache Zookeeper 之上。Apache HBase: h ......
vue 实现3D圆环图
效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
Vue常用指令详解
v-text：设置标签的内容（textContent） 默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}}，即差值表达式 内部支持写表达式 v-html：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只 ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
前言： easy-jenkins是一款对vue和jar的部署工具，操作简单，实行一键部署，内部结构采用流水线形式架构，每次部署，时时提供部署过程，部署记录，界面友好简洁，使用方便，符合用户常规操作 easy-jenkins面向分支形式，无需登录，默认分支为jenkins，每个分支可以配置多个数据源， ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......