K
Posts

UMI3 中集成 TailwindCSS

在 UMI3 项目中配置和使用 TailwindCSS,解决热更新问题的完整指南

Frontend

TypeScript 配置

TypeScript 配置文件 tsconfig.json 的常用选项及最佳实践。

Configuration

Zustand 最佳实践

Zustand 轻量状态管理:state 与 action 解耦、Immer 中间件、useShallow 避免额外 rerender 的最佳实践。

Frontend

macOS 开发命令

整理日常开发中在 macOS 系统下常用的一些命令,提升效率的小技巧合集。

DevTools

react core

React 的核心概念。

Notes

JavaScript 工具函数集

汇总平时开发中收集的实用 JavaScript 工具函数。

Frontend

懒加载图片组件

实现一个懒加载图片组件,支持自定义 placeholder 和 rootMargin。

Components

Agent 踩坑指南

记录使用 ai-agent 过程中踩过的坑,以及对应的解决思路与经验总结。

Troubleshooting

手写 Promise

手写 Promise 实现。

Frontend

JavaScript 核心原理

深入理解 JavaScript 值传递、作用域、执行上下文与闭包的核心原理。

Notes

React Marquee

使用 React 实现跑马灯效果。

Frontend

CSS 无缝卡片切换

使用 CSS 无缝卡片切换效果。

Frontend

CSS 笔记

记录 CSS 的核心概念与开发实战。

Notes

区域选择组件

实现一个支持区域选择的下拉组件

Components

Next.js 踩坑指南

记录使用 nextjs 过程中踩过的坑,以及对应的解决思路与经验总结。

Troubleshooting

Ant Design 踩坑指南

记录使用 antd 过程中踩过的坑,以及对应的解决思路与经验总结。

Troubleshooting

VS Code 配置

汇总 Visual Studio Code 的常用配置及插件推荐。

Configuration

Docker 常用命令

汇总 Docker 常用命令。

Development

Git 统计工具

收集 Git 相关的统计工具。

DevTools

Day.js 踩坑指南

记录使用 dayjs 过程中踩过的坑,以及对应的解决思路与经验总结。

Troubleshooting

Ant Design 可调节表格

基于 Ant Design Table 实现列宽可调节功能。

Components

圆形进度条组件

React 实现一个圆形进度条组件,支持自定义样式和动画效果。

Components

ECharts 地图飞线组件

ECharts 实现地图飞线效果,展示地理位置间的动态连接与数据流动。

Components

文本对比组件

用于长文本对比的 React 组件。

Components

remote-select

实现一个支持远程数据请求的下拉组件,适用于搜索选择类表单场景。

Components

show

React 中组件式条件渲染

Components

标签输入组件

封装一个支持多标签输入和删除的 tag-input 组件。

Components

Nginx 配置指南

nginx 常用配置示例,包括反向代理、负载均衡和安全加固。

Configuration

Prettier 配置指南

Prettier 常用配置示例,包括代码格式化、代码风格和代码规范。

Configuration

NPM 包构建指南

构建并发布 npm 包的关键步骤,包括项目初始化、代码编写、打包和发布流程。

DevTools

乾坤微前端实战

提供一个基于 qiankun 的最简微前端示例。

DevTools

CSS 自定义滚动条

CSS 自定义滚动条样式。

Frontend

CSS 跑马灯效果

使用 CSS 无缝轮播效果。

Frontend

JavaScript 空闲回调

requestIdleCallback API 及其在任务队列中的应用。

Frontend

JavaScript Token 刷新机制

前端如何实现 token 自动刷新机制。

Frontend

Next.js 博客开发

一个使用 Next.js 和 MDX 构建的现代化博客系统,支持主题切换、代码高亮和页面过渡动画

Frontend

React 大文件上传

大文件分片上传 hook

Frontend

React 函数组件思考

分享对 React 函数组件设计理念、性能优化及最佳实践的深入思考与总结。

Frontend

React Hook 转 Provider 模式

将自定义 React Hook 封装成 Context Provider,实现跨组件状态共享与管理。

Frontend

React Motion 动画

使用 motion 库实现 React 动画效果,包括基础用法和高级动画技巧。

Frontend

React 样式 TypeScript 类型

为 react-style 中的 style 属性进行类型拓展。

Frontend

React useCallback 使用技巧

useCallback 的使用场景、性能优化作用及常见误区。

Frontend

React useEffect 竞态问题

useEffect 中异步操作引发的竞态问题,以及通过锁机制避免副作用执行混乱的实现方式。

Frontend

React useState 使用技巧

useState 的常见使用模式、陷阱与优化技巧。

Frontend

View Transition 动画闪烁问题

记录 View Transitions API 配合 mask 动画在新版 Chrome 中出现闪烁问题的排查过程和解决方案。

Frontend

Docker 常见问题

汇总 Docker 一些坑点与踩雷经验。

Troubleshooting

useEffect 执行顺序问题

探讨多个 useEffect 在组件中定义时的执行顺序问题,以及可能导致的 bug 和调试经验。

Troubleshooting

Vite 常见问题

汇总使用 Vite 过程中踩过的一些坑点与踩雷经验,帮助规避常见问题。

Troubleshooting

Next.js 学习笔记

记录 Next.js 学习过程中的重点知识点和实用技巧。

Notes

React 19 新特性

记录 React 19 版本的核心更新与基础用法。

Notes

React 核心原理进阶

深入剖析 React 源码结构与核心原理,帮助理解框架设计与实现细节。

Notes

React Native 开发笔记

记录 React Native 的核心概念与开发实战,涵盖跨平台开发与性能优化技巧。

Notes