样式 播放器 音乐vue
转：用html制作简单的静态网页(自动播放音乐)
index.html 沙雕小星星 👇WATCH MY CV👇 我的兴趣 我的过去 我的梦想 小风的博客 Give AR/VR Eyes and Brain 浮生六记卷一 2021 年 1 月 29日 我生于乾降二十八年(1763年)的冬天ー月十ニ日。那时天下承平，国家安泰。我生于读书人家家在苏州 ......
【Vue】el-select 数据过多替代方案
一、需求问题： 一开始就考虑使用简单el-select选取数据，但是后面数据量增多， 超过一千条开始，组件会很卡不好用，第二个是接口也慢了 数据量多的话是有一个filterable做支持了，可以输入关键字进行匹配检索 但是不能解决卡顿的问题，接口还是比较慢 二、替代方案： 然后改用了el-autoc ......
vuE初探［230704］
## vue语法初探 ### 课前须知 > 知识储备：html、JavaScript、css（node、npm、webpack） ##### 课程介绍 ###### 进阶式： 1. 基础：生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件：全局&局部、数据传递、插槽基础··· 3. ......
Vue02
## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是：{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
vue项目中锚点定位bug无效和替代方式
在vue项目中，使用锚点定位会和router的规则冲突，在项目中的表现就是第一次点击url改变了，但是没有跳转到锚点位置，再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位： scrollToSection(id) { let section = document.getElementB ......
解决vue 不是内部或外部命令
##### 1.输入命令找到npm 的配置路径npm config list  ##### 2. ......
Node.js下载安装及环境配置+vue配置
[TOC] #### 一、官网下载 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本，这里我选择的是Windows系统、64位 
https://blog.csdn.net/hfuu1504011020/article/details/82588399 从这里下载ffmpeg 源码：https://blog.csdn.net/qq_43627907/article/details/129152776 https://githu ......
Vue内置缓存组件keep-alive
<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
java、vue基于hutool的aes指定秘钥加密(前后端aes加解密)
后端代码 //加密 data 对称AES Key byte[] key = getBytes("._^BV67nW6ck8fwg", 16);//秘钥长度最好是16位 SymmetricCrypto aes = new SymmetricCrypto(SymmetricAlgorithm.AES, ......
vue-cropper cdn vue3 打包后提示找不到
vue-cropper cdn vue3 打包后bug vue3 项目 ts cdn 引入 vue-cropper 官网推荐引入方式 dev环境报错运行不了 后面发现打包后找不到 VueCropper，原来是名称问题， 修改如下： main.ts 直接引入 再添加脚本到html 文件 window. ......
vue 基于 CountUp.js，可用于创建显示数字数据的动画。
地址：https://github.com/xlsdg/vue-countup-v2 Installation $ npm install --save countup.js vue-countup-v2 Usage <template> <div class="iCountUp"> <ICount ......
Vue@2.7.x，使用组合式API(CompositionAPI)时，如何获取全局注册的属性或方法
## Vue@2.7.x，使用组合式API(CompositionAPI)时，如何获取全局注册的属性或方法 - ### 前提 ```js // 你已经在main.js中定义了全局属性，像vue2中定义的方式那样，全局可以通过this.$foo使用它 import Vue from 'vue' Vue ......
07： vue3 侦听器
1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
04： vue3 列表渲染
1、简单绑定 2、复杂数据模拟json 3、遍历对象 5、位置索引 6、通过 key 管理状态 最理想情况key值还是通过后台接口获取的唯一主键id ......
07：vue3 侦听器
1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
基于FFMPEG+SDL的简单的视频播放器分析
# 基于FFMPEG+SDL的简单的视频播放器分析 ## 前言 最近看了雷霄骅前辈的博客[《最简单的基于FFMPEG+SDL的视频播放器 ver2 （采用SDL2.0）》](https://blog.csdn.net/leixiaohua1020/article/details/38868499)， ......
vue3+tiff.js展示tif文件
vue3+tiff.js展示tif文件 场景：tif格式的文件需要在页面上预览（预览的tif文件较小） 组件：tiff.js npm install tiff.js 组件引入： import 'tiff.js'; 注意：网络上的信息引入使用import Tiff from 'tiff.js' 但是实 ......
【效果备忘】修改网页的滚动条样式
滚动条样式的修改是通过伪元素实现的： -webkit-scrollbar 滚动条整体部分 -webkit-scrollbar-button 滚动条两端的按钮 -webkit-scrollbar-track 外层轨道 -webkit-scrollbar-track-piece 内层轨道， ......
Vue-CoreVideoPlayer使用
### 介绍 ```pyc Vue-CoreVideoPlayer 一款基于vue.js的轻量级的视频播放器插件。 采用Adobd XD进行UI设计，支持移动端适配,不仅功能强大，颜值也是超一流！ Vue-CoreVideoPlayer的说明文档和sample都很完善，上手十分容易。 该组件也保持了 ......
vue3 的 - 动态参数
## 使用场景： 在封装或者面对需要绑定一些不确定值的时候，需要使用动态参数来绑定一个不确定的值，这个值会随时改变，[官网解释](https://cn.vuejs.org/guide/essentials/template-syntax.html#directives) ## 动态参数 同样在指令参 ......
Vue-案例-新增品牌
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加品牌</title> </head> <body> <div id="app"> <h3>添加品牌</h3> <form action="" method= ......
Vue 数组中出现__ob__: Observer无法取值[已解决]
Vue 数组中出现__ob__: Observer无法取值[已解决] 代码如下  ![](https://img2 ......
springboot+vue
springboot+vue总结 今天来总结一下前几天学的springboot+vue 首先呢vue是用来绘制前段界面的类似于html，springboot是后端数据处理，这两个将前后端分离，只需要留出对应接口就可以以实现基于端口的前后数据互通，当然这个数据互通我是用的是传统的axios请求 首先是 ......
2023-07-04 如何处理vue中不能监听到父传子组件props的变化
前言：父传值给子组件，子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值，然后同时子组件的页面会跟着渲染。 问题就是：子组件无法拿到watch更新的props值，比如传进一个list，然后通过watch来监听并在list里面加入一个新的值，前端页面拿不到新的值故而报错。 原因 ......
idea配置vue.js启动vue项目
最近老师给力一个项目比赛，那个是前后端分离的。 我之前了解过一些，我也配置过idea的vue.js，但是好久不用忘了。 所以重新找回了一下： ......
关于vue的跨平台打包方式
在先前写了一个vue的程序，想着万一以后会用到网页端转移动端的功能，就尝试着使用打包功能。 1.使用cordova进行跨平台的打包（需要准备：java，sdk（最好下一个android studio，要做好发墙的准备），gradle等） 具体操作可以参考https://blog.csdn.net/q ......