nav: path: /web

brick-hooks-web

可用于 React web 端 的 React Hooks Library

在线文档

用法

import { useCookie } from 'brick-hooks-web';

useAnimate 动画

useBreakpoint 方便处理不同视图尺寸

useCookie 方便使用 Cookie

useDarkMode 使用夜间模式

useGrayMode 使用黑白模式

useEventListener 使用夜间模式

useFreeDrag 方便对一个绝对定位的元素添加随意拖动定位的能力

useHover 方便添加鼠标悬浮处理

useInView 方便判断组件是否滚动到容器可视范围内

useKey 监听键盘按下

useLazyImage 对图片进行懒加载，自动判断是否在视口中

useLazySequenceLoad 对列表进行按组按顺序分批懒加载，自动判断是否在视口中

useMedia 通过 js 方便使用媒体查询

useLink 动态插入 css link 标签

useMedia 通过 js 方便使用媒体查询

useMediaQuery 通过 js 方便使用媒体查询判断当前是否匹配

useOnline 方便监听在线离线状态

useScript 方便在 react 组件中动态拆入一段 js

useScroll 方便获取一个 scroll 的滚动值

useScrollFixed 判断某个元素是否需要固定位置悬浮，多用于滚动到一定位置后，悬浮 header 等

useStorage 方便使用 localStorage、sessionStorage

useStyle 方便向页面中插入一段 Style

useTitle 方便修改 titile

useTransition 方便使用动画 transition 效果