时光足迹

介绍如何给 Ant design Modal 弹框添加拖拽、缩放功能。如结合 draggable、react-draggable 使用，直接使用 ant-design-draggable-modal等

Plyr 是简单、轻量级的 HTML5 播放器，但在播放大文件时可能会出现卡顿；DPlayer 是一个轻量级的 HTML5 视频播放器，支持 HLS 格式视频播放，将大视频文件切片，提高加载速度

主要介绍了字体文件压缩的几种工具，如 transfonter、Fontmin。使用Fontmin.otf2ttf()将 otf 文件转为 ttf 文件，使用Fontmin.glyph提取字体文件

主要介绍了浏览器全屏的基本方法：是否支持全屏、全屏、退出全屏、获取全屏元素、全屏事件监听、按钮事件监听等等，以及项目中 Ant Design Tooltip 的问题解决，screenfull 库的使用

使用 Tone.js 实现一个基本的音频播放器，该播放器不仅支持基本的播放控制，如播放、暂停、进度显示等等，还具备倍速播放和音高调整等功能

实现一个基本的音频播放器，该播放器不仅支持基本的播放控制，如播放、暂停、进度显示等等，还具备倍速播放和音高调整等功能

因为 Pagination 分页组件分页组件不满足业务需求，改造组件时发现了一个问题，total 数据总数的配置显示时有问题，最新版本 v5.19.0 也有问题

自定义排序组件，实现了与Form表单的完美集成，支持升序、降序以及不排序三种状态的灵活切换。即提高了表单的交互性，又在现有UI框架基础上扩展自定义功能，满足特定业务需求

在处理图书文字预览功能时，面临了多个问题，包括实现透明背景 pdf 预览、自定义文本样式(首行缩进、字体间距、两端对齐等)和图片预览的精确控制等等。