游戏前端开发日常总结
github拾荒专家
学习前端开发过程中,基础的一些知识和干货分享
展开
-
前端性能优化react(图片loading预加载)
图片预加载,可以提前加载比较大的图片,或者gif图,防止白屏 function loadImage_gif(url, callback) { var img = new Image(); //创建一个Image对象,实现图片的预下载 img.onload = function () { img.onload = null; callback(img);//回掉函数 }; img.src = url; } useEffect(() =>原创 2021-08-02 17:01:15 · 1779 阅读 · 0 评论 -
react hooks在swiper5以下中去修改状态失败问题
swiper官方文档提供的原生api是通过new一个swiper实例去调用方法,但是在hooks里面当我想获取到当前的轮播索引的时候却发现不能去存储到我的状态里面,但是我通过改写了一些其他方法发现也不行,应该是swiper new了一个实例之后,不能set其hooks里面的状态,然后我就改写了swiper6的方式去写发现就没有这个问题了是可以修改状态的,代码对比如下:这是swiper5版本下的 const initSwiper = useCallback(() => { var slid原创 2021-08-09 17:55:11 · 296 阅读 · 0 评论 -
一个案例让你看懂js中的不可枚举属性
enumerable控制了你是否是可枚举的属性,为false为不可枚举属性反之为可枚举属性,也就是我们可以访问到的属性var person = { name: 'gopal', }; person.age = '21'; person['country'] = 'India'; Object.defineProperty(person, 'salary', { value: '80,000$', enumerable: false, }); document原创 2021-08-03 15:19:16 · 139 阅读 · 0 评论 -
antiShake
// export const antiShakes = (Refs, shake) => {// function debounce(fn, wait) {// var timer = null;// return function () {// if (timer !== null) {// clearTimeout(timer);// }// timer = setTimeout(fn, wait);//原创 2021-08-02 17:13:35 · 233 阅读 · 0 评论