使用 tiptap 实现简易富文本编辑器 使用 tiptap 实现简易富文本编辑器 使用 tiptap 实现简易富文本编辑器
使用 tiptap 实现简易富文本编辑器前言 在工作中遇到实现富文本编辑器的功能,最后是使用了 tiptap 来实现,记录一下。 简单使用直接看官网的快速开始教程即可,安装@tiptap/react、@tiptap/pm、@tiptap/
2024-05-06
b 仓库触发 a 仓库的流水线 b 仓库触发 a 仓库的流水线 b 仓库触发 a 仓库的流水线
b 仓库触发 a 仓库的流水线通过repository_dispatch方式,并且添加types参数,b 仓库通过POST方式添加参数event_type实现。 a 仓库流水线 12345678910name: aon:workflow_d
2024-05-05
拾色器的使用、实现 拾色器的使用、实现 拾色器的使用、实现
拾色器的使用、实现前言 调研取色器组件的时候,看到原生input:color就有拾色器功能,觉得有点意思,稍微“玩”一下。 EyeDropper 实验性技术,兼容性不是特别好。 使用方法很简单,实例化一个EyeDropper对象,调用o
2024-05-03
DOM 节点转 Svg DOM 节点转 Svg DOM 节点转 Svg
DOM 节点转 Svg前言 使用 Canvas 实践拾色器时候接触到 dom 节点转 Svg 的功能,发现 Svg 的一些特点。domvas,作者 2012 年写的工具,dom-to-image这个比较多 star 的仓库也是基于这个实现的
yarn 设置 yarn-berry 启用缓存 yarn 设置 yarn-berry 启用缓存 yarn 设置 yarn-berry 启用缓存
yarn 设置 yarn-berry 启用缓存前言 公司项目用到了 yarn-berry 来启用缓存,极大地减少了流水线的时间。使用缓存后,就不再需要到网上下载依赖,而是使用缓存的依赖。而缓存的依赖是一些压缩包,安装的时候,把它解压到nod
2024-04-13
npm、yarn 使用 workspaces npm、yarn 使用 workspaces npm、yarn 使用 workspaces
npm、yarn 使用 workspaces前言使用 workspaces 可以进行包的管理。简单来说就是一个项目中,可以分成多个子包,像是 UI 层,业务层等。使用 workspaces 进行分包的话,可以实现@clz/ui 是 ui 层
2024-04-13
patatap 动效 bubbles 分析 patatap 动效 bubbles 分析 patatap 动效 bubbles 分析
patatap 动效 bubbles 分析 跟之前分析的 moon 类似,看着其实更像是为了实现 two.js 而写的 demo,但是看源代码。发现这种动效更多的是要有好思路,有好思路就能化繁为简。 前言简单封装了一下,这样后续再添加动画
2024-03-25
patatap 动效 moon 分析 patatap 动效 moon 分析 patatap 动效 moon 分析
patatap 动效 moon 分析前言刷到一个很 🐂 的网站patatap,好奇它的实现原理,看了下源码,记录一下分析结果。 用到的库two.js:二维绘图tween.js:补间引擎 核心就是利用 two.js 绘制图形,然后利用 tw
2024-03-18
MutationObserver 实现 react-fast-marquee 溢出滚动效果 MutationObserver 实现 react-fast-marquee 溢出滚动效果 MutationObserver 实现 react-fast-marquee 溢出滚动效果
利用 MutationObserver 实现 react-fast-marquee 溢出滚动效果前言 在公司的项目需求中,需要公告栏内容小于指定宽度时,不能滚动,溢出时才显示滚动效果。然后使用react-fast-marquee时,发现通过
2024-03-01
fluentffmpeg 实现音频的“无损”转换 fluentffmpeg 实现音频的“无损”转换 fluentffmpeg 实现音频的“无损”转换
fluentffmpeg 实现音频的“无损”转换前言使用 ffmpeg 可以实现音频的格式转换,但是参数默认是 ffmpeg 自动设置的。所以会出现问题。 比如通过ffmpeg -i x.flac y.mp3将实现格式转换。 首先,从大小上
2024-03-01
nodejs 使用 Worker nodejs 使用 Worker nodejs 使用 Worker
nodejs 使用 Worker前言 之前用 ffmpeg 跟 worker 实现批量合成视频时就有用到 worker 来实现,最近弄一个批量转音频格式又用到了 ffmpeg。然后发现不用 worker 根本行不通,电脑直接卡死。简单记录一
2024-02-29
node-id3进行音乐tag编辑 node-id3进行音乐tag编辑 node-id3进行音乐tag编辑
使用 node-id3 对 mp3 进行标签写入前言 使用起来很简单,具体可以查看官方的README。这篇文章主要记录一下使用node-id3对 mp3 进行标签写入,包括图片插入。 $\color{red}{在网上看到,对 mp3 进
2024-02-23
1 / 17