样式 播放器 音乐vue

vue3使用elmentui-plus中的图标

按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
elmentui-plus 图标 elmentui vue3 plus

前端Vue项目修改

【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目,修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
前端 项目 Vue

vue3引用draggable实现拖拽组件形成form表单

需求: 想要实现这样的一个需求,左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行,又用的form-create-design,但vue3版本的只有element plus库,系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
表单 组件 draggable vue3 form

angular/react/vue/un-app

web前端三大主流框架分别是什么?-群英 (qycn.com) web前端三大主流框架:1、Angular,是一种用于创建单一应用程序界面的前端框架,具有模块功能强大,拥有自定义命令等优点;2、react,是一个用来构建用户界面的JavaScript开发框架,主要用于构建UI;3、vue,是一套用于 ......
angular un-app react app vue

vue表格实现拖拽排序

这老哥的,不用插件,原生js实现 借鉴:https://blog.csdn.net/chengqige/article/details/124871341 。 ......
表格 vue

Nginx 部署vue项目时 nginx配置问题

最近在部署vue项目时遇到问题简单记录下: 本地测试时连接的服务器后台地址 一切ok (有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 !!) 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊!!奇了怪了 其实解决方法很简单:nginx配置问题 看图 ......
项目 问题 Nginx nginx vue

vue项目中webpack编译glsl文件的配置

1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置,添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
webpack 文件 项目 glsl vue

vue3使用体验--用了之后再也不想用vue2

0.个人推荐使用 setup 语法糖,看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四'); // 定义普通数据类型的响应式,获取/修改数据需要 .value,在模板中不需 ......
vue vue3 vue2

VUE播放RTSP

HTML5 播放 RTSP 视频 前端VUE播放RTSP、RTMP、HLS、FLV视频流的解决方案 ......
RTSP VUE

全栈之前端 | 4.HTML样式布局区块标签元素学习篇

[ 点击 👉 关注「 全栈工程师修炼指南」公众号 ] 设为「⭐️ 星标」带你从基础入门 到 全栈实践 再到 放弃学习! 涉及 网络安全运维、应用开发、物联网IOT、学习路径 、个人感悟 等知识分享。 希望各位看友多多支持【关注、点赞、评论、收藏、投币】,助力每一个梦想。 【WeiyiGeek Bl ......
区块 前端 样式 布局 元素

Vue3 setup语法糖添加name属性

1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
语法 属性 setup Vue3 name

Vue3+TS配置路径别名@

##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
别名 路径 Vue3 Vue TS

【学习笔记】JS+VUE

JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS? JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现 ......
笔记 VUE JS

用quasar+vue3+组合式api 实现小米商城标题栏动画

先来看一下小米商城标题栏动画: 小米商城标题栏动画主要特点: 移入时二级菜单缓慢出现; 移出时二级菜单缓慢消失; 在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。 实现思路 一、纯css实现(❌) 首先肯定是考虑 :hover,但是经过试验发现,:hover 可以实现鼠标移入移出时的过渡效 ......
小米 标题 商城 动画 quasar

vue跳到下一页

好久没接触vue了,,,写毕设的时候,需要从注册页跳到选择兴趣爱好页, 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页,但是一直跳不进去,why,,, 去路由配置中心一看,没毛病啊,配置好兴趣爱好页的路由, 然后放到注册页的子页面,,傻了,两个页面同时存在 ......
vue

vue中使用echarts的两种方法

vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
echarts 方法 vue

vue2 使用 swiper 轮播图效果

vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
效果 swiper vue2 vue

VUE:引入腾讯地图并实现轨迹动画

VUE:引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果: 引入步骤: 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
轨迹 地图 动画 VUE

vue 预览PDF、Docx、EXCEL文件

<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
文件 EXCEL Docx vue PDF

vue3 el-table-column 修改时间格式

根据element文档说明,el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
el-table-column 格式 时间 column table

vue生命周期(钩子函数)

介绍 Vue实例有一个完整的生命周期,也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程,我们称这是Vue的生命周期。 生命周期: vue实例从创建到销毁的过程。 生命周期钩子: 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
钩子 函数 周期 生命 vue

ZR.Admin小改和VUE3版本体验

阿峰从事编程二十年了,虽然没有成为架构师,却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依,后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾,崇拜的五体投地。对它作了些改动,记录下来。 ......
版本 Admin VUE3 VUE ZR

使用vue3创建后台管理项目

最后案例: 一:创建一个 Vue 应用 打开控制台: npm init vue@latest 输入你需要创建的项目名称,一路回车 下载需要的包,如下: "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
后台 项目 vue3 vue

如何在EasyCVR视频融合平台中播放MP4格式的视频文件?

EasyCVR平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、智能分析等。平台可将接入的视频源进行多格式分发,包括:RTMP、RTSP、HLS、FLV、WebRTC等。此外,平台还能借助AI智能检测技术的接入,实现云、边、端的业... ......
视频 EasyCVR 格式 文件 平台

Ruoyi-vue 左侧菜单栏默认保持收缩

在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie,那么就直接设置为 ......
Ruoyi-vue 菜单 Ruoyi vue

vue创建项目

###cmd(以管理员身份运行) vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode(以管理员身份运行) 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
项目 vue

【THM】Burp Suite:Repeater(Burp Suite-重放器)-学习

本文相关的TryHackMe实验房间链接:https://tryhackme.com/room/burpsuiterepeater 本文相关内容:了解如何使用 Repeater 在 Burp Suite 中重放请求。 什么是Repeater? 在我们开始使用 Repeater 之前,了解它的作用对我 ......
Suite Burp Repeater THM

在vue中为vuecal组件中的一个按钮添加点击事件

现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件,所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
组件 按钮 事件 vuecal vue

vue2源码-二、对象响应式原理

// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
源码 原理 对象 vue2 vue

音乐推荐系统 基于用户的协同过滤推荐算法

音乐推荐系统 系统算法:基于用户的协同过滤推荐算法 编程语言:python 数据库:sqlite 框架:MVC web应用框架:Django 解压就可以运行(自己需要有调试项目环境的能力),需要软件python和pycharm或者Anaconda 项目有配套的文档YID:37506786953190 ......
音乐推荐 算法 用户 系统 音乐