- 博客(9)
- 收藏
- 关注
RSS订阅原创 element主题色切换
在网上搜了很多主题切换方案，发现没有适合自己项目的，不得已结合根据实际情况做一个子主题切换的功能。其中参考了element官方的theme-chalk-preview，感兴趣的可以自己研究一下主要功能是基于less切换主题色，可以自定义颜色，同时结合Vuex和localStorage对主题色进行缓存，在下次进入项目时初始化代码地址：theme-chalk-preview代码预览地址：theme-chalk-preview预览首先说一下我的项目环境：Vue: 2.6.10Less: 3..
2022-05-10 15:02:55
2335
原创 通过css将多张图片绘制成帧动画
通过css将多张图片绘制成帧动画使用关键：@keyframes、animation1.定义一个容器<div class="img-box"></div>这个容器用于放置背景图片2.编写css@keyframes gif { 0% { background-image: url('图片路径'); } 25% { background-image: url('图片路径'); } 50% { background-image: url('图片路径')
2021-06-30 14:09:22
2519
1
原创 浅拷贝与深拷贝、Object.assign和JSON.parse(JSON.stringify())的区别
浅拷贝: Object.assign()深拷贝: JSON.parse(JSON.stringify())什么是浅拷贝？对于字符串类型，浅复制是对值的复制，对于对象来说，浅复制是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变。什么是深拷贝？深拷贝是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。若对象是基础数据类型。此时 Object.assign()可实现深拷贝
2021-05-08 17:31:12
488
原创 element表格当删除最后一页仅有的一条数据时，页面会置空
vue表格当删除最后一页仅有的一条数据时，页面会置空方法一： 在请求表格数据时做处理data() { queryInfo: { pageNum: 1, // 页码 pageSize: 10, // 每页展示数量 }, total: 0, tableData: []}methods: { // 请求表格数据 async getTableData() { const res = await xxxx(你的请求) /** * total 数据总量 * records 当
2021-04-27 15:36:13
1067
原创 video.js 报错：your browser did not support
video.js 报错：The media playback was aborted due to a corruption problem or because the media used features your browser did not support最近做H5页面实现加载直播流的功能。在pc浏览器上一切正常，但是在微信浏览器中打开页面就提示The media playback was aborted due to a corruption problem or because the m
2021-04-15 16:15:38
11683
1
原创 vite引入dragula报错：global is not defined
错误来源：vite在引入dragula的时候，报错：ReferenceError: global is not defined解决方法：<script> global = globalThis</script>
2021-04-01 09:24:28
3464
2
原创 TypeError: this.getOptions is not a function
TypeError: this.getOptions is not a function错误提示：错误原因：可以看到错误提示中含有 lang=scss，猜测可能是由于sass版本过高的原因进入项目package.json中可以看到sass-loader版本为11.0.1接下来对sass-loader进行降级处理：1.进入npm官网搜索sass-loader选择右侧version可以看到其中有版本11.0.1、11.0.0、10.1.1，选择一个下载量较多的下级版本，这里选择10
2021-03-24 15:47:11
1114
2
原创 Vue3全局使用axios
Vue3全局使用axios1.安装axios2.引入axios3.使用axios1.安装axiosnpm install axios -S2.引入axios// main.jsimport { createApp } from 'vue'import App from './App.vue'import router from './router'import axios from 'axios'app.config.globalProperties.$axios = axiosap
2021-01-27 15:41:09
6738
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人