在线工具推荐

问题描述

以前经常查找各种各样的工具，并且为了方便再次使用需要加入到浏览器书签，又累又麻烦，所以呢这边推荐一些我常用的免费工具类网站

在线工具: 常用的工具都可以在这里找到，比较适合前端同学;
PDF转换器: pdf 文件转换工具，可以转为ppt等;
迅捷视频转换: 20M 以下，当然也可以转换音频、文档等;

potrace 生成 svg 图片并采用 svgo 批量压缩

个人做的工具类项目，会不断补充新的前端可用工具、文档、新技术等原理是利用 potrace 生成 svg 格式的剪影,可以通过各类配置修改生成的 svg 图片数据，可替换成不同颜色、大小等等等等生成的 svg 图片会存在很多垃圾重复的数据，需要压缩一番，可以采用 [npm svgo](https://www.npmjs.com/package/s

#旧博客原文 #vue #工具

文章 · 2024/1/1

识别图片主色

个人做的工具类项目，会不断补充新的前端可用工具、文档、新技术等原理是将图片在 canvas 上绘制成 1px * 1px 大小的图片，然后利用 canvas 的 getImageData() 方法获取到 rbga 格式的颜色

#旧博客原文 #vue #工具

文章 · 2024/1/1

图片的模糊加载、多列布局和瀑布布局

个人做的工具类项目，会不断补充新的前端可用工具、文档、新技术等原理是采用模糊图片替换模式加载，先加载缩略图，再利用动画替换。如利用 webp 格式替换 png 图片，webp 格式图片一般都能缩小几十上百倍，所以非常适合作为图片加载前模糊效果缩略图而 [cwebp](https://developers.google.com/speed/w

#旧博客原文 #vue #工具

文章 · 2022/6/20

MARKDOWN 语法大全整理

发现自己老是忘记一些 `markdown` 语法，避免百度，还是自己记录一下吧😀😀😀，如果有遗漏欢迎补充 js 这是一个代码块共计6个标题，每往下一级就加一个 # 对的，只要加一行这个代码就行，自动识别文档中的标题，也就是上面标题部分 # 号开头的标题比如下面的运行结果就是 vuepress 里的提示块，块引用就是加了一些样式的 div

#旧博客原文 #工具