抹茶san

最近想尝试做一个简单的可视化拖拽项目，Trae 近来也蛮火的，刚好用一个完整的项目来磨合一下。今天使用 Trae 的感受还是不错的，明显提升了开发效率，虽然也会有一些错误，但它确实可以作为一个强大的辅

在过去的 1 年多时间里，我们一直在使用 `pnpm` 单一仓库来管理项目。随着项目数量的不断增加，深刻体会到了单一仓库的强大优势。通过 `pnpm`，不仅实现了公共物料的复用，还显著节省了开发时间，

el-tabs让用户能轻松地来回切换，可以在一个页面显示更多的内容，方便用户查看自己想要的内容。 但是当我们觉得一切很顺利是，却忽然发现它也会乱了套。

需求：柱状图数据需要横着，并且从小到大排列 实际结果：使用横向柱状图，把柱状图数组数据从小到大排列时，柱子们是从大到小显示的，和我预想的情形是反的。虽然把数组反向很简单，但是通过echarts 的配置

趁着周末，整理了常用的，使用纯CSS实现的各种渐变效果，包括背景、边框、阴影、文字等，这里所用的渐变全部基于 linear-gradient。

有时候我们需要对富文本中的图片、视频或者其他元素添加更加丰富的功能，比如在图片上增加el-image 的预览功能。

有时候我们需要播放 m3u8 格式的视频，或者实现视频播放器更多定制化需求，HTML 的 video 元素无法实现这些需求，这时候可以考虑使用 Video.js。

在视频上传到服务器前，获取视频时长，并截取多帧视频画面。做完了发现也难，但其实踩了不少坑，走了点弯路

UI 同学设计了上图效果，两个颜色图形代表 a，b 两个数据的百分占比，难点在斜边长方形，一次还画两个。