Frontend
CSS 自定义滚动条
CSS 自定义滚动条样式。
CSS 跑马灯效果
使用 CSS 无缝轮播效果。
JavaScript 空闲回调
requestIdleCallback API 及其在任务队列中的应用。
JavaScript Token 刷新机制
前端如何实现 token 自动刷新机制。
JavaScript 工具函数集
汇总平时开发中收集的实用 JavaScript 工具函数。
Next.js 博客开发
一个使用 Next.js 和 MDX 构建的现代化博客系统,支持主题切换、代码高亮和页面过渡动画
React 大文件上传
大文件分片上传 hook
React 函数组件思考
分享对 React 函数组件设计理念、性能优化及最佳实践的深入思考与总结。
React Hook 转 Provider 模式
将自定义 React Hook 封装成 Context Provider,实现跨组件状态共享与管理。
React Motion 动画
使用 motion 库实现 React 动画效果,包括基础用法和高级动画技巧。
React 样式 TypeScript 类型
为 react-style 中的 style 属性进行类型拓展。
React useCallback 使用技巧
useCallback 的使用场景、性能优化作用及常见误区。
React useEffect 竞态问题
useEffect 中异步操作引发的竞态问题,以及通过锁机制避免副作用执行混乱的实现方式。
React useState 使用技巧
useState 的常见使用模式、陷阱与优化技巧。
UMI3 中集成 TailwindCSS
在 UMI3 项目中配置和使用 TailwindCSS,解决热更新问题的完整指南
View Transition 动画闪烁问题
记录 View Transitions API 配合 mask 动画在新版 Chrome 中出现闪烁问题的排查过程和解决方案。