Frontend
手写 Promise
手写 Promise 实现。
JavaScript 工具函数集
汇总平时开发中收集的实用 JavaScript 工具函数。
React Marquee
使用 React 实现跑马灯效果。
CSS 无缝卡片切换
使用 CSS 无缝卡片切换效果。
CSS 自定义滚动条
CSS 自定义滚动条样式。
CSS 跑马灯效果
使用 CSS 无缝轮播效果。
JavaScript 空闲回调
requestIdleCallback API 及其在任务队列中的应用。
JavaScript Token 刷新机制
前端如何实现 token 自动刷新机制。
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 中出现闪烁问题的排查过程和解决方案。