说说我经常用到的开发工具开云APP 开云官网入口
Kaiyun App下载 全站Kaiyun App下载 全站Kaiyun App下载 全站作为一名前端开发，今天来总结一下平时经会上或者用到的工具网站，开云体育 kaiyun.com 官网入口也希望大家可以分享一下各自经常用到的。当然这些工具需要满足一些前提条件：简单易用、功能实用、用户体验好，而不是那种满屏广告乱飞，或者上个世纪的网站。
RegExr是一款功能强大的正则表达式网站，和普通的正则表达式验证网站不同，高亮的同时还可以展示出正则匹配的详细过程，对于正则表达式的每一部分都可以做出准确的解释，比如鼠标移到A-Z上面时，会提示该正则表达的意思是：一个区间，匹配A-Z之间的一个字符（字符编码未65到90）区分大小写。
这对于开发者是非常友好的，尤其是对于初学者，会起到一定的学习指导效果。个人认为RegExr是一款非常优秀和强大的的正则工具。
如果你已经厌倦了笨重麻烦的Postman，那么hoppscotch肯定是一个眼前一亮的选择，因为是一个web网站，无需安装，界面简洁轻量且功能全面，有着丰富的文档。支持Rest、graphQL、Reatime形式的请求，支持接口的存储和文档生成。hoppscotch目前已经成为了我验证接口的首选了。
作为前端必然少不了图标的使用，目前流行的主要是SVG图标，不管是在显示上还是通用适配上都比字体图标要好。当然我也用过很多图标库和平台，主要分为平台型和自身的图标库，平台型的比如Iconfont这种，由于是平台型，所以图标质量参差不齐，不过他还支持设计师和前端的图标管理，个人更倾向于使用自身的图标库，因为风格和尺寸都统一，Lucide就是其中的一款SVG图标库，风格上我很喜欢，比较圆滑（stroke-linecap 和 stroke-linejoin 都是 round）而且还提供了各种框架的插件，不管是自己下载SVG还是引用相应的插件都可以，使用上非常人性化。
同时我在用的另外一款SVG图标库是materialdesignicons他的图标比较尖锐可能没有Lucide好看（当然也是个人审美了）但是 materialdesignicons 的好处就是图标库特别丰富，在使用的时候还支持按需加载，用了什么图标就打包什么图标，使得最终的前端包体积得到了很大的优化。
配色类型的网站在前端开发中也是不可或缺的，抛开有设计师出图的项目，个人或外包的一些项目需要自己去处理网站的配色，那么如何选择整体的色彩搭配就成了一个不可避免的问题。配色网站也有各种各样的，开云体育 kaiyun.com 官网入口本着个人喜欢的简洁易用，我选择了这款配色工具，因为比起那些需要自己去调节的，这个就非常直观了，展示出来的色彩我也比较喜欢，此外还提供了类似暖色调、冷色调这样的主题颜色搭配，非常贴心。
JSON格式化想必是大家经常会用到的工具，不管是前端还是后端都必不可少，特别在前后端对接的时候。所以一个好用的JSON格式化工具就变得非常重要了。那么如何定义好用呢？在横向对比了诸多相关工具之后，我最终选择了JSONT，说说相比其它工具的一些区别吧：
这款工具想必很多同学都在使用，对于图片压缩简直是神器，支持PNG、JPEG、WebP格式的图片压缩，开云体育 kaiyun.com 官网入口压缩率高且压缩之后的清晰度基本上没什么变化。非常适合在上线前对图片资源文件的压缩处理，目前已经成了我日常开发中必不可少的工具了。
前端日常开发中经常会需要用到图片，可能一时找不到来源但是又需要展示真实的图片看效果，这个时候就需要用到placeholder了，它可以提供一个图片地址，支持自定义大小、颜色和文字，非常方便。比如想要一张150*150的图片只需要一个链接即可。如果你觉得这样的黑白占位图不好看，还可以使用它可以提供现实世界的图片，用法上和参数上与palcerholder相似，额外还提供了关键词，可以过滤到你需要的哪种类型的图片。
扫一扫关注微信公众帐号
