当前位置: 首页 > Web前端 > vue.js

Vue3初体验——写一个Hook函数库

时间:2023-03-31 15:16:48 vue.js

为什么要写这样的库?主要目的是应用在CompositionAPI文档中学到的知识。毕竟“好记性不如烂笔头”,实践才是检验真理的唯一标准。使用的技术Vue3CompositionAPITypeScriptcommitlint,commitizen,husky,lint-stagedjestvitepressonlinedocumentation(portal)项目文档使用vitepress-友达出品的基于vite的静态站点生成工具,用于生成当前实现的功能StateuseTitle-用于设置页面useToggle-使用在两种状态之间切换useBoolean-用于管理布尔状态HooksuseHash-跟踪location.hash变化useHistory-跟踪历史变化DOMuseEvent/useEventRef-用于监听事件HookLifecyclesuseLifecycles-同时使用onMounted和onUnmountedHookSideEffectsuseDebounce-具有去抖功能的状态useDebounceFn-生成afunctionwithdebouncefunctionuseInterval-setInterval的简单包装器useTimeout-用于在一段时间后更新值useTimeoutFn--用于在一段时间后执行回调StorageuseLocalStorage——localStoragestatewithresponsivefunctionuseSessionStorage——sessionStoragestatewithresponsivefunctionuseStorage——提供localStorage或sessionStoragestate响应状态传感器useResize——跟踪窗口的大小useScroll/useScrollRef——跟踪特定DOM节点的滚动位置useWindowScroll——跟踪窗口的滚动位置并写在上一个项目地址中。欢迎您一起做事。同时,如果觉得写得太大方了,这里太不要脸了我要一个star,哈哈哈,祝大家国庆中秋假期快乐^^。