- 博客(3)
- 收藏
- 关注
原创 Vue3中全局使用Swiper6+
Swiper 6+ 配置 官方文档:https://swiperjs.com/vue/#installation 安装 npm i swiper 新建 plugins / swiper.ts import { App } from 'vue' // swiper 额外组件配置 import SwiperCore, { Pagination } from 'swiper' // swiper 单独样式 (less / scss) import 'swiper/swiper.less'
2020-12-31 16:29:52
5331
原创 JS函数防抖与节流
函数防抖与函数节流在项目中会经常用到,特别是在对一些事件频繁操作的时候。 1、函数防抖 作用:减少代码执行次数,提升网页性能 当频繁操作一个事件结束后, 过n秒后开始执行任务。当在n秒钟内再次执行时,则重新计算时间。 一句话:让被调用的函数在一次连续的高频操作过程中只被调用一次。 举个栗子: 输入框搜索数据时 不防抖的情况下 let inputs = document.querySelector('input') //获取到input输入框 //定义一个键盘抬起事件 inputs.addEven
2020-05-25 23:06:42
339
1
原创 JS本地存储,搜索历史记录功能,重新排序
前言: 搜索历史功能在项目中很常见,特别是在一些商城项目,为了方便后续开发,写篇文章记录一下! 效果: 效果比较简陋,懂就好(手动滑稽) 正文 先说好,没有HTML,没有CSS,只有Javascript 1、先获取一下需要操作的元素 let inputs = document.querySelector('input') let btn = document.querySelector('button') 2、执行点击事件 btn.addEventListener('click', ()
2020-05-18 09:33:38
1213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人