huayemao

摘要： 本文讲述了如何通过 React Hook 优化鼠标滚轮操作在沉浸式内容浏览中的实现。文章从最初在图片和视频滑动器中重复编写滚轮控制代码的问题出发，提出将这一逻辑抽象为可复用的 `useSwiperWheelNavigation` Hook。该 Hook 接收 Swiper 实例，统一处理滚轮事件，通过 `preventDefault` 阻止默认滚动行为，并根据滚轮方向切换内容。最终，组件只需一行代码即可引入滚轮导航功能，显著提升了代码的复用性和可维护性，同时为用户提供一致的沉浸式浏览体验。 阅读全文

摘要： 你是否曾想打造一个让用户刷到停不下来的沉浸式应用？本文手把手带你使用 Next.js 核心技术栈，复现类似 TikTok 的“随机刷小姐姐”视频体验。 阅读全文

摘要： 不知道大家有没有这样一个习惯？当看到电影里精彩的画面时，总忍不住想截屏保存下来。但影视作品尺寸和显示器比例不同，截图时总会出现两道黑边，对强迫症来说简直是难以忍受的折磨。系统自带截图工具又无法智能识别黑边，每次截完图还得手动裁切，费时又费力。 最近我开发了一款名为 i-trim (别名Image-t 阅读全文

摘要： 引言 在现代Web应用开发中，提供个性化、一致的用户体验是提升产品质量的关键因素。中南大学专属课表查询工具绮课，通过巧妙运用 localStorage 技术，成功实现了用户个性化设置的本地持久化存储，包括主题切换、课表偏好设置、管理员会话管理等功能。本文将深入解析绮课应用中 localStorage 阅读全文

摘要： “秒切”是一款纯前端的视频切割工具。它基于FFmpeg WASM，在浏览器中实现视频按秒切割，无需后端支持。用户上传视频后，可选择快速或精确模式进行切割。工具界面简洁，操作便捷，还提供实时日志和进度显示。其技术栈包括Next.js、React、TypeScript等，核心库为@ffmpeg/ffmpeg 阅读全文