赤蓝紫

ProseMirror 架构总结 ai生成 1. 一句话概括ProseMirror 是一个偏底层、模块化、可扩展的富文本编辑器框架。它不直接提供完整产品级编辑器 UI，而是提供文档模型、状态管理、事务变换、插件系统、DOM 视图、选区、历

2026-07-20 编辑器

ProseMirror

工作中的那点事之组件记录一下工作中实现的基础组件的思路。颜色选择器实现原理利用 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 前端

工作中的那点事性能优化

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

2025-04-02 前端

HTML 工作中的那点事 SVG

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

2025-03-22 前端

工作中的那点事 docusaurus

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

2025-03-10 前端

CSS 工作中的那点事