赤蓝紫
开始阅读 Github
工作中的那点事之 组件 工作中的那点事之 组件 工作中的那点事之 组件
工作中的那点事之 组件 记录一下工作中实现的基础组件的思路。 颜色选择器实现原理利用 hsv 色系，将颜色拆分成 hue(色相)、Saturation(饱和度)、Value(亮度)三部分。 也可叫hsb色系。Bright(明度) 其中
2025-04-09 前端
工作中的那点事 组件
工作中的那点事之 杂项 工作中的那点事之 杂项 工作中的那点事之 杂项
工作中的那点事之 杂项shell 语法1sh -c 'echo "Hello"; echo "world"' -c 表示是命令，分号将每条命令分隔开。 条件判断语法 1if [条件]; then [命令]; else 命令; fi
2025-04-08 前端
工作中的那点事
工作中的那点事之 性能优化 工作中的那点事之 性能优化 工作中的那点事之 性能优化
工作中的那点事之 性能优化无效渲染 一开始想写一下总结的，工作中重构项目用到了一些无效渲染优化。但是后面看到下面的文章，已经总结的很好了 react 无效渲染优化–工具篇请删掉 99%的 useMemoOne simple trick t
2025-04-08 前端
工作中的那点事 性能优化
工作中的那点事之 HTML 工作中的那点事之 HTML 工作中的那点事之 HTML
工作中的那点事之 HTMLSVGcurrentColor123456789101112131415161718192021222324252627282930<style> .svg-container { color:
2025-04-02 前端
HTML 工作中的那点事 SVG
工作中的那点事之 JavaScript 工作中的那点事之 JavaScript 工作中的那点事之 JavaScript
工作中的那点事之 JavaScriptNavigator.sendBeacon（埋点）sendBeacon利用浏览器的后台任务队列，可以实现在页面关闭后还可以继续发送数据。有数据大小限制（通常为几十KB），所以适用于发送少量数据，尤其是上报
2025-04-02 前端
JavaScript 工作中的那点事
工作中的那点事之 动画 工作中的那点事之 动画 工作中的那点事之 动画
工作中的那点事之 动画AutoAnimateAutoAnimate 可以零配置实现添加动画。 使用方法则是使用useAutoAnimatehook，会返回第一个元素为ref的数组。把该ref放到想要添加动画的元素上即可。 12345678i
2025-03-24 前端
动画 工作中的那点事
工作中的那点事之 项目相关 工作中的那点事之 项目相关 工作中的那点事之 项目相关
工作中的那点事之 项目相关项目依赖冲突项目同时使用了依赖 a 和 b，而且 a 和 b 都使用了依赖 c，不过版本不一样。 大多数情况下，npm可以自动解决依赖项之间的冲突。但是也有解决不了冲突的情况，这种时候可以通过配置resolutio
2025-03-23 前端
工作中的那点事 项目
工作中的那点事之 Docusaurus 工作中的那点事之 Docusaurus 工作中的那点事之 Docusaurus
工作中的那点事之 Docusaurus前言 记录一下之前开发的时候的一些关键步骤、代码 版本：3.7.0 国际化配置文件添加配置：docusaurus.config.ts 123456789101112131415161718192021
2025-03-22 前端
工作中的那点事 docusaurus
工作中的那点事之 TypeScript 工作中的那点事之 TypeScript 工作中的那点事之 TypeScript
工作中的那点事之 TypeScriptas const处理 ts 类型误差ts 的联合类型使用就经常容易出现类型误差。 1234567891011export type Config = { type: "c" | "l" | "z";
2025-03-12 前端
TypeScript 工作中的那点事
工作中的那点事之 杂项 工作中的那点事之 杂项 工作中的那点事之 杂项
工作中的那点事之 Gitgit reset –soft效果和git reset --hard类似，区别是--soft会把所有的 commit 都保留。所以也可以通过--soft来实现将多个 commit 合成一个。 git stash ap
2025-03-11 前端
git 工作中的那点事
工作中的那点事之 CSS 工作中的那点事之 CSS 工作中的那点事之 CSS
工作中的那点事之 CSS前言记录一下工作的 CSS 相关的问题。 伪元素写多行内容 使用场景：不操作 DOM，通过 css 来简单调整内容。在公司中遇到的场景则是：使用 answer 打造问答平台，只是改配置，并没有做魔改。需要调整文案，并
2025-03-10 前端
CSS 工作中的那点事
工作中的那点事之 调试 工作中的那点事之 调试 工作中的那点事之 调试
工作中的那点事之 调试调试onMouseEnter后出现的元素众所周知，调试 DOM 元素时，可以使用 Elements 面板，hover 等状态则是可以通过 Styles 小面板，来修改。 但是，鼠标悬浮（onMouseEnter）后出现
2025-03-10 前端
调试 工作中的那点事
1 / 18