> React Hooks Library
npm install brick-hooks-web---
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 效果