npm i applyuse --save-dev
或
yarn install applyuse --save-dev
<script setup lang="ts">
import {useRect} from "@applyuse";
const {width,height}=useWindowSize()
</script>
| hooks名称 |
说明 |
参数 |
返回值 |
| useWindowSize |
获取window的width/height |
null |
width, height |
| useScrollTo |
元素滚动到具体位置 |
el:滚动元素; to：距离; duration：时间,默认500, fn:滚动完触发回调 |
start:开始滚动 stop：停止滚动 |
| useMountedOrActivated |
页面挂载或激活执行 |
fn:执行方法 |
null |
| useMutationObserver |
指定的DOM发生变化时被调用 |
el:监控元素；fn:指定回调 |
null |
| usePageVisibility |
页面隐藏时触发 |
null |
null |
| useRect |
获取元素位置大小 |
null |
top/left/right/bottom/width/height |
| useThrottle |
防抖 |
fn: 执行方法, wait: 时间间隔执行, immediate：是否在wait 时间间隔的开始调用这个回调 |
防抖绑定回调 |
| useThrottle |
节流 |
fn: 执行方法, wait: 时间间隔执行, options:第一次和最后一次执行控制 |
节流绑定回调 |