Vue Hooks 标签下的文章
Hooks封装
本文介绍了如何封装Vue 3的Composition API逻辑为可复用的Hooks,并将其发布到npm。主要内容包括:创建项目结构、编写Hook函数、使用Vite配置构建工具,以及登录npm账号并发布包的完整流程。文章还简述了如何在其他Vue 3项目中安装和使用这些Hooks,并强调了命名约定、构建配置和提供文档等关键注意事项。
常用hooks
本文介绍了几种实用的React Hooks,包括用于统计网站或文章阅读次数的useBusuanzi、计算日期差值的useDayDiff和useTimeDiff、支持下载Base64与Blob文件的useFileDownloader,以及实现文本复制到剪贴板功能的useCopyToClipboard。这些工具函数旨在简化常见的前端开发任务。
useScript
本文介绍了使用JavaScript异步加载第三方脚本的方法。主要内容包括:如何通过async/await或Promise链式调用来实现多个脚本的顺序加载,确保前一个脚本加载完成后再加载下一个;以及如何使用Promise.all实现多个脚本的并行加载,使它们的加载过程相互独立。文章旨在提供简洁实用的脚本加载策略。
useWatermark
本文介绍了useWatermark工具,其主要功能是为网页元素添加防篡改水印。文章核心说明了使用方法:水印默认添加至document.body,若需添加至其他元素(如#app),则必须确保该元素的定位属性为relative或absolute,以保证水印正确显示。同时,用户可通过调整配置选项(如字体大小、颜色、旋转角度等)来自定义水印样式。