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