01 2022 档案

摘要:实现思路 transform+transition,setTimeout+递归实现偏移滚动 在线预览 react跑马灯hooks 核心代码 import { useState, useRef, useCallback } from "react"; function useMarquee({ dat 阅读全文
posted @ 2022-01-11 10:58 mingL 阅读(1428) 评论(0) 推荐(0) 编辑
摘要:实现思路 setTimeout + 递归,然后就是一个时间的转化。 特别要注意在特定的地方清除定时器 在线预览 react倒计时hooks 核心代码 import { useRef, useState, useEffect } from "react"; const formatMoment = ( 阅读全文
posted @ 2022-01-11 10:57 mingL 阅读(1771) 评论(0) 推荐(0) 编辑
摘要:实现思路 自定义hooks+setTimeout组合,基本实现很简单,只要理解了节流和防抖是什么就很容易实现了。防抖和节流都是对高频触发的事件来做的一种应对手段,我认为它们最本质的区别是是否需要对最终的结果负责,比如防抖的目的即是为了拿到最终的结果,所以前面不管触发多少次,我们都可以不管,只等到它不 阅读全文
posted @ 2022-01-08 12:12 mingL 阅读(1294) 评论(1) 推荐(0) 编辑
摘要:实现思路 通过touchstart、touchmove、touchend组合,实现过程中需要注意以下几个问题 touchmove、touchend事件需要绑定在window上,并且这两个事件需要包在touchstart中 touchstart事件需要阻止冒泡和禁止默认事件,开始监听touchmove 阅读全文
posted @ 2022-01-08 12:05 mingL 阅读(565) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示