工具类

1、图片相关工具

• TinyPNG：https://tinypng.com/

免费的在线图片压缩工具，压缩率高，无损画质，直接拖拽使用，很方便。

• picdiet：https://www.picdiet.com/zh-cn

独特且强悍的JavaScript 算法，能极速压缩 80% 的图片大小，而不损害其质量。

• SmartResize：

https://www.smartresize.com/zh-cn

这个工具基于 javascript+HTML5 编写而成的，是一个批量裁剪缩放图片的神器！

2、正则表达式相关工具

以下两个工具以图形的方式来展示正则表达式，更易于理解：

https://regexr.com/

https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24

3、文件转换转换工具

以下资源支持各种格式（PDF、图片、Word）相互转换。

https://smallpdf.com/cn

https://convertio.co/zh/

https://www.online-convert.com/

https://www.pdftoword.com/

https://tools.pdf24.org/zh/

https://cn.office-converter.com/

4、在线编译器

包含前后端（php、java、c等）都可以在线运行测试

https://rextester.com/

https://www.onlinegdb.com/

https://c.runoob.com/

HTML、CSS、JS、设计类的工具

• JSFiddle: https://jsfiddle.net/
• CodePen: https://codepen.io/
• Runoob: https://c.runoob.com/front-end/61
• JSON 解析器: https://c.runoob.com/front-end/53
• 在线 PS: http://www.kantu.com/
• 表格转换工具: https://tableconvert.com/

支持的 Markdown、HTML table、CSV 和 Excel 的相互转换。

• DesignCap: https://www.designcap.com/

在线设计海报，内置众多模板及素材。

文档类

1、电子书籍：

https://github.com/threerocks/studyFiles

2、GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）：

https://github.com/helloqingfeng/Awsome-Front-End-learning-resource

3、数据库相关经典电子书分享

私信“数据库”获取下载链接

文章来源-微信公众号-菜鸟教程