快速开发小仓库
文章平均质量分 64
一枚前端小萌新
一个前端小萌新
展开
-
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 · 5270 阅读 · 0 评论 -
JS函数防抖与节流
函数防抖与函数节流在项目中会经常用到,特别是在对一些事件频繁操作的时候。 1、函数防抖 作用:减少代码执行次数,提升网页性能 当频繁操作一个事件结束后, 过n秒后开始执行任务。当在n秒钟内再次执行时,则重新计算时间。 一句话:让被调用的函数在一次连续的高频操作过程中只被调用一次。 举个栗子: 输入框搜索数据时 不防抖的情况下 let inputs = document.querySelector('input') //获取到input输入框 //定义一个键盘抬起事件 inputs.addEven原创 2020-05-25 23:06:42 · 318 阅读 · 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 · 1185 阅读 · 0 评论