- 博客(3)
- 收藏
- 关注
RSS订阅原创 react的hooks防抖
debounce.js import {useRef,useCallback,useEffect} from 'react' function useDebounce(fn,delay,setval){ const {current}=useRef({fn,timer:null}) useEffect(()=>{ current.fn=fn },[fn]) return useCallback((e)=>{ setval(e.target.value)
2021-10-18 19:39:16
228
原创 vuex 封装modules的引入方法
在我们使用vuex的时候，项目太大会有很多modules要引入，所以我们封装一个方法来解决这个问题 首先我们把所有页面的store子模块创建在一个文件夹内 然后在主模块中封装方法 如下： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) let modulesFiles=require.context('./modules',true,/\.js$/) //获取modules文件下的所有js文件 let modules=.
2021-09-14 19:49:39
548
原创 Vue的简单防抖
防抖（debounce） 解释：当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。 案例：持续触发scroll事件时，并不立即执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发一次handl e函数。 let timer = null export default function debounce(fn, delay) { if (timer) clearTimeout(
2021-08-25 15:47:36
314
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人