工作中的那点事之 组件 记录一下工作中实现的基础组件的思路。 颜色选择器实现原理利用 hsv 色系，将颜色拆分成 hue(色相)、Saturation(饱和度)、Value(亮度)三部分。 也可叫hsb色系。Bright(明度) 其中

工作中的那点事之 杂项shell 语法1sh -c 'echo "Hello"; echo "world"' -c 表示是命令，分号将每条命令分隔开。 条件判断语法 1if [条件]; then [命令]; else 命令; fi

工作中的那点事之 性能优化无效渲染 一开始想写一下总结的，工作中重构项目用到了一些无效渲染优化。但是后面看到下面的文章，已经总结的很好了 react 无效渲染优化–工具篇请删掉 99%的 useMemoOne simple trick t

工作中的那点事之 HTMLSVGcurrentColor123456789101112131415161718192021222324252627282930<style> .svg-container { color:

工作中的那点事之 JavaScriptNavigator.sendBeacon（埋点）sendBeacon利用浏览器的后台任务队列，可以实现在页面关闭后还可以继续发送数据。有数据大小限制（通常为几十KB），所以适用于发送少量数据，尤其是上报

工作中的那点事之 动画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）后出现