摘要: 首先,在js里创建文件_preLoad.js,代码如下: // 预加载函数,接受数组参数 async function _preLoad(imgArr) { let index = 0; // 假死循环 while (index < imgArr.length) { // 这里接受的是promise 阅读全文
posted @ 2022-02-26 16:02 隐形的喷火龙 阅读(260) 评论(0) 推荐(0)
摘要: 首先是原本代码: export default { data(){ return{ ... // 储存轮播图图片地址 topCarousel: [], ... } }, async mounted(){ try { tmpTopCarousel = ( await this._axios({ met 阅读全文
posted @ 2022-02-23 00:04 隐形的喷火龙 阅读(245) 评论(0) 推荐(0)
摘要: 在vue2.x中使用的swiper版本过高的话可能会导致轮播图部分功能无法实现,最好使用 swiper5.X版本,一下是操作步骤: 1.下载swiper插件 npm i swiper@5 2.引入swiper插件及其样式 - 首先在要使用轮播图的vue界面<script></script>引入插件 阅读全文
posted @ 2022-02-15 12:57 隐形的喷火龙 阅读(222) 评论(0) 推荐(0)
摘要: 之前在网易云音乐移动端上看到过这样一个效果,进入播放页后,歌词上方的图片会随着音乐播放而旋转,并且歌曲暂停也会停止旋转,刚开始做类似效果的时候是通过增删对应激活类的方式来控制旋转的,这样的确能控制旋转,但有一个弊端,那就是停止动画以后,图片会跳到刚开始的模样而不是停止时的状态,这时,开始动画以后图片 阅读全文
posted @ 2022-02-11 16:25 隐形的喷火龙 阅读(277) 评论(0) 推荐(0)
摘要: 在scss中有时可以看见这样的写法: a{ &:hover{ } } 经过编译生成的对应css的代码: a{} a:hover{} 阅读全文
posted @ 2022-02-09 23:50 隐形的喷火龙 阅读(838) 评论(0) 推荐(0)
摘要: #ES5及之前 1.arr.forEach() 功能:遍历数组,并执行回调函数内的代码 参数:回调函数function(ele){'遍历操作'} 返回值:无 2.arr.filter() 功能:过滤数组 参数:回调函数function(ele){return '判断条件'} 返回值:有,返回一个数组 阅读全文
posted @ 2022-01-31 19:56 隐形的喷火龙 阅读(62) 评论(0) 推荐(0)
摘要: 给指定input框添加伪类即可,代码如下: ::-webkit-inner-spin-button { -webkit-appearance: none; } 阅读全文
posted @ 2022-01-25 14:08 隐形的喷火龙 阅读(268) 评论(0) 推荐(0)
摘要: html部分: <div class="web"> <input type="text"> <button class="btn">按钮</button> </div> jsbufen const btnNode = document.querySelector('.btn'); const inp 阅读全文
posted @ 2022-01-21 13:33 隐形的喷火龙 阅读(992) 评论(0) 推荐(0)
摘要: css部分 .web .box { width: 60vw; height: 60vw; background-color: tomato; margin: 0 auto; margin-bottom: 20vw; } .web div:last-child { background-color: 阅读全文
posted @ 2022-01-21 13:33 隐形的喷火龙 阅读(35) 评论(0) 推荐(0)
摘要: 序: 传统设计模式:MVC model view controller ​ 后台 视图 js三模块 VUE框架MVVM model view vm ​ 后台 视图 数据驱动视图改变 ​ 使得 数据 和 页面视图 挂钩 ​ 双向绑定 Vue const app = new Vue({ el: 元素根节 阅读全文
posted @ 2022-01-20 13:52 隐形的喷火龙 阅读(47) 评论(0) 推荐(0)