工作中的那点事之 动画AutoAnimateAutoAnimate 可以零配置实现添加动画。 使用方法则是使用useAutoAnimatehook，会返回第一个元素为ref的数组。把该ref放到想要添加动画的元素上即可。 12345678i

工作中的那点事之 项目相关项目依赖冲突项目同时使用了依赖 a 和 b，而且 a 和 b 都使用了依赖 c，不过版本不一样。 大多数情况下，npm可以自动解决依赖项之间的冲突。但是也有解决不了冲突的情况，这种时候可以通过配置resolutio

工作中的那点事之 Docusaurus前言 记录一下之前开发的时候的一些关键步骤、代码 版本：3.7.0 国际化配置文件添加配置：docusaurus.config.ts 123456789101112131415161718192021

工作中的那点事之 TypeScriptas const处理 ts 类型误差ts 的联合类型使用就经常容易出现类型误差。 1234567891011export type Config = { type: "c" | "l" | "z";

工作中的那点事之 Gitgit reset –soft效果和git reset --hard类似，区别是--soft会把所有的 commit 都保留。所以也可以通过--soft来实现将多个 commit 合成一个。 git stash ap

工作中的那点事之 CSS前言记录一下工作的 CSS 相关的问题。 伪元素写多行内容 使用场景：不操作 DOM，通过 css 来简单调整内容。在公司中遇到的场景则是：使用 answer 打造问答平台，只是改配置，并没有做魔改。需要调整文案，并

工作中的那点事之 调试调试onMouseEnter后出现的元素众所周知，调试 DOM 元素时，可以使用 Elements 面板，hover 等状态则是可以通过 Styles 小面板，来修改。 但是，鼠标悬浮（onMouseEnter）后出现

工作中的那点事之 ReactPropsWithChildren Props 声明带有 children 的 props。 123export type AProps = PropsWithChildren<{ onPress: (

图片优化：js 生成渐进式图片定义渐进式图片：渐进式 jpeg。所以需要注意：如果是透明底的 png 图片，生成渐进式图片的时候，就不是透明底了。 一般的图片都是自上往下加载的，但是还有另一种渐进式图片（先加载模糊图片，然后逐渐清晰） 以