样式 播放器 音乐vue
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue请求后端数据和跨域问题
最近遇到的一个问题 后端写好的接口，前端怎么获取数据 这是我后端的接口：GET 接口 这是我前端运行的项目地址： 简单使用： 咱门前端使用 颇受好评的 axios 来发起请求 这是它的官网：https://www.axios-http.cn/ 不过要在vue中使用它，就需要先安装 打开终端 输入一下 ......
vue8小时带刻度的时间轴，根据当前时间实时定位
效果图： 需求： 1 开始时间、结束时间可配置2 时差固定8小时3 根据当前时间初始化位置4 每隔5s刷新位置5 超过结束时间停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla ......
vue3+ swiper8
swiper是一个非常好用的图片切换组件，但是vue3 + swiper8 版本的文档看上去会有点懵逼（一部分是因为版本太多了，一部分是因为很少用） 此处记录下我的使用方法： 安装： npm i swiper 按照官网来使用： html部分：（基本上常用的也就这些啦，在复杂的就真的要去啃书啦） <s ......
vue实现下拉懒加载
<template> <div class="ele-body infinite-wrapper" style="height: calc(100vh - 235px); overflow: auto" > <div class="columns" v-loading="loading"> <div ......
Vue 前端开发团队风格指南（史上最全）
Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，本文根据项目实际情况整理了一份适用于团队开发的vue风格指南，供大家参考。 ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用 原因：清空方式有问题 我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
vue3拾遗（不定期更新）
props传参 会自动跳过key/ref/...等本身就有特殊意义的属性名 路由跳转 当路由到同一个路由组件时，会依次触发onBeforeUpdate、onUpdated生命周期钩子 ......
nginx部署vue项目显示空白页
报错提示: index-fbb90c85.js:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". ......
自定义 li 标签序列的样式
第一步删除 li 标签的默认样式，取消 ::mark 代理样式（默认样式）。第一步已经把默认样式取消了，自然没有了序号，使用 CSS 的 counter() 函数和 counter-increment 属性来自定义序列号。 通过 list-style-type: none 删除 li 标签的默认样式 ......
（elementUI）el-cascader级联多选，高宽样式的处理（一行显示）
一、问题：当级联选择器设置多选属性时，输入框的高度会被撑开，如下图所示 二、解决办法1.给el-cascader设置multiple和collapse-tags属性(多选模式下折叠Tag)，如下 <el-cascader :options="options" :props="{multiple: t ......
【播放器】potplayer设置全屏时显示原始分辨率
在看视频的时候，显示器是4k的但是视频只有1080p，于是在全屏的时候会出现画面的拉伸，但是画质却没有很好地提升，反而用原来的1080p看会好一点，并且希望周围黑边，减少干扰 搜索网络，发现有网友有同样的问题，将这个方法，再次记录一下 ......
解决vue中路径中的多一个#
本文要解决的问题是在vue项目中，主路径和vue路径中多一个# 这个东西只需要改一个这个就行 vue-router的mode: ‘history’ const router = new VueRouter({ mode: 'history', routes: [...] }) ......
声音模块的应用 -- 可编程"音乐盒"
项目简介 micro:bit的音乐模块可以编程实现播放一段音乐，想来一起挑战一下吗？ 编程实践 1. 准备好1张micor:bit开发板，1张DFROBOT，1根音频线或1根耳机线 2. 认识可编程的声音模块 3.简单版"小星星"歌曲 不足：节奏性不强，画面单一，没有动感 4.高级版"小星星"歌曲 ......
Docker部署网易云音乐解灰无版权VIP音乐播放下载
若服务器已搭建好Docker，则跳过 输入搭建docker命令，回车执行，耐心等待安装完成 curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun 执行一键部署命令 docker run -dit \ -e ENABLE_ ......
vue移动端实现调用相机扫描二维码或条形码
一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator ......
React笔记-样式(二)
React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以 一种不 ......
java基于ssm+vue药品商超进销存管理系统，附源码+数据库+文档+PPT，适合课程设计、毕业设计
1、项目介绍 使用药品管理系统的分为管理员和用户、员工三个权限模块。 管理员所能使用的功能主要有：首页、个人中心、用户管理、员工管理、药品类别管理、药品信息管理、药品入库管理、药品出库管理、在线咨询管理、留言板管理、系统管理、订单管理等。 用户可以实现；首页、个人中心、在线咨询管理、我的收藏管理、订 ......
vue国际化（多语言）
方法1：用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......
使用vue的keep-alive缓存组件，三级菜单组件无法缓存问题解决
使用vue做后台管理系统，需求是所有的菜单打开之后，下次点击的时候的使用缓存，这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题，三级菜单就会出现无法缓存的问题，网上找资料说是vue中keep-alive本身存在的缺陷，需要在路由守卫中将matched属性做一下优化，具体如下 // 处 ......
EasyPlayer播放H.265视频，播放器快照时间显示的问题优化
EasyPlayer属于高可靠、高可用、高稳定性的流媒体播放器。为了满足用户的多样化需求，我们也基于EasyPlayer推出了多种版本，包括EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等，EasyPlayer还能支持网页实时视频录像以及在iOS上实现低延时的... ......
vue2+vant2+rem+axios+钉钉自动登录 h5模板
下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
vue sort 排序方法
1、数据排序 var arry = [9,5,6,7,5,6,3,1,0] arry.sort() // [0, 1, 3, 5, 5, 6, 6, 7, 9] 2、对象排序 var list=[{name:'张三'，age:12},{name:'李四','age:23}]; list.sort(( ......
《nodejs跨栏》vue篇——路由
路由是什么 参考链接：https://www.cnblogs.com/chengqiang521/p/15512719.html router简介 路由，一个router就是一组key-value对，只不过这里的key是路径，就是path，value是组件。 基本使用 1安装vue-router n ......
Vue2--入门学习
看了慕课网的教学视频，觉得挺不错的，在此做个随堂记录，有兴趣的可以去看视频 vue版本：2.5 文档链接：https://v2.cn.vuejs.org/v2/guide/installation.html 视频链接：https://www.imooc.com/video/16976 在vue官网下 ......
Vue路由跳转时的动画效果
1.写一个layout组件，降<router-view/>包裹在transition标签里，实现路由跳转时的动画 2.在router/index.js里面引入该组件，并放在component: layout这里，功能完成 3.transition 是vue的封装组件，具体可参考官网 https:// ......