样式 播放器 音乐vue
vue3 将文件集合下载后导出zip文件
// 注意：文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur ......
vue3中使用pinia
1、 安装引入 npm install pinia main.ts中挂载 import { createPinia } from 'pinia' const pinia = createPinia(); app.use(pinia); 2、src下新建 store 文件夹（不同模块建立不同文件，在i ......
基于Java+vue开发的企事业移动培训考试平台
随着移动互联网的快速发展，越来越多的企业开始关注移动培训和考试平台的开发。为了满足这一需求，我们可以使用Java和Vue来开发一个基于移动端的企事业培训考试平台。 获取方式Q+: 262086839 一、背景和需求 企事业移动培训考试平台是一个基于Web的应用程序，旨在提供一个方便、高效的移动学习平 ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Day01 - Vue介绍
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， ......
Day03 - Vue语法使用
JS循环方式 JS循环方式 // 方式一: js循环 >for（） >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li ......
Day02 - Vue 基础知识
模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串， 姓名：{{ name }}</p> <p>渲染字符串， 年龄：{{ age }}</p> <p>渲染数组类型， >：{{ list1 }}</p> <p>渲染数组类型按照索引取值， >：{{ li ......
Day06 - Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
Day05 - Vue之动态组件、插槽、项目的创建
动态组件 // 关键字： component // 使用方法： <component :is="who"></component> // component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c ......
Day04 - Vue的请求方式、计算属性、监听、ref
与后端交互的三种方式 // 后端接口写好了，前后端分离的项目，前端如何与后端进行交互？ 前后端要打通 >从前端发送Ajax请求 >核心：使用JavaScript发送HTTP请求，接受返回的数据 -使用原生JS，可以开启Ajax，但是使用原生JS，比较麻烦，需要做浏览器兼容，现在基本不使用 -jQue ......
Vue中qs的使用
1、qs是什么 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。 2、qs安装 qs，是axios中自带的，也是npm仓库所管理的包。 安装方式： npm install qs Vue项目导入： import qs from 'qs' Vue项目中 ......
Vue项目中大文件切片上传实现秒传、断点续传的详细实现教程
一、考察点在Vue项目中，大图片和多数据Excel等大文件的上传是一个非常常见的需求。然而，由于文件大小较大，上传速度很慢，传输中断等问题也难以避免。因此，为了提高上传效率和成功率，我们需要使用切片上传的方式，实现文件秒传、断点续传、错误重试、控制并发等功能，并绘制进度条。 在本文中，我们将从以下三 ......
font-family样式支持多个属性
font-family样式支持多个属性： 在CSS中，可以通过在属性值中使用逗号分隔来指定多个字体族名称。 浏览器会按照所指定的顺序逐个检查字体族名称，直到找到一个可用的字体为止。 如果找不到可用字体，则会使用浏览器的默认字体。以下是一个示例： font-family: Arial, Helveti ......
VUE中的data(){return}与data:{}区别
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。 data:{} data:{ msg: 0 } 使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。 data(){ return } d ......
小星星直播去重播放器，精准去重，助您减少违规，节省二次创作的精力和时间！
如果您正在寻找一种简单、易用且高效的方法来减少视频相似度以提高合规性，小星星去重播放器是您不可或缺的利器。该播放器在保护您的视频免于惩罚方面具有明显的优势。它通过一系列创新的功能和工具来提供最佳的直播内容和用户体验。 ......
vue3 父子组件通信 setup
父传子 father <template> <div> <h2>父传子Father</h2> <!-- <button class="bg-green-300 rounded p-1" > 父按钮 </button> --> <div class="w-[200px] h-[200px] bg-vi ......
Vue3组件通信方式
Vue3组件通信方式 不管是vue2还是vue3,组件通信方式很重要,不管是项目还是面试都是经常用到的知识点。 比如:vue2组件通信方式 props:可以实现父子组件、子父组件、甚至兄弟组件通信 自定义事件:可以实现子父组件通信 全局事件总线$bus:可以实现任意组件通信 pubsub:发布订阅模 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
Vue3搭建后台管理系统模板
搭建后台管理系统模板 2.1项目初始化 今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使 ......
BootstrapBlazor组件库，项目模板css样式隔离问题
BootstrapBlazor组件库，项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候，遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
群晖的尿性，HEVC不能浏览，mov不能播放。
请注意这个是在ds918白群上的操作！真的太TM神操作！这点功能也不修复一下！ 顿时觉得白群也不过如此，因为我黑群上也是这样，垃圾。 虽然安装了这个 但是对于视频编码还是一样不能在浏览器里直接浏览。 ......
vue 解决报错
目录vue 解决报错ERROR Error: EBUSY: resource busy or locked, rmdir....errnoarco-init 项目初始化失败！Error: spawnSync pnpm.cmd ENOENT vue 解决报错 ERROR Error: EBUSY: r ......
Vue 搭配 Spring MVC 创建一个 web 项目
Vue 搭配 Spring MVC 创建一个 web 项目 想要写一个登录的web应用程序。页面使用Vue，后端使用Spring MVC，最终打成war包，放在tomcat下启动。 1.创建Spring MVC项目，命名loginbackend，配置成web项目。 创建好web项目后，在src/ma ......
vue学习问题解决
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为 ......
解析Vue项目
解析Vue项目 1、浏览器中访问某个地址，会显示某个页面的组件 根组件：App.vue 2、配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component: Lqz # 组件，需要导入 }, ] 3、写组件 ......
解析vue项目、
解析一下vue项目 1 为什么浏览器中访问某个地址，会显示某个页面组件 //-根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> //-1 配置路由 router 》inde ......
Vue执行和开发流程、登录小案例、混入、插件、elementui
一、Vue执行流程 1、vue的执行流程 # 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 rou ......
每日一题：vue3自定义指令大全（呕心沥血所作，附可运行项目源码）
1.VUE常用指令大全 本项目所有指令均为全局注册，使用时直接在组件中使用即可。 指令目录：src/directives 页面目录：src/views 具体可查看源码 1.1 权限指令 封装一个权限指令，在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
16-Vue数据监视
我们先探讨一个数据更新时的问题，假设在以下人员列表中，改变"马冬梅"的信息，可以通过什么方法 1）第一种方法（奏效） 数据更新时，方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......