1. 在线图片压缩
tinypng：一款免费且高效率的在线图片压缩网站，支持一次性批量处理20张图，单图最大不超过5MB。当设计妹子甩了个几MB的图片给你时，别忘先过来压缩一下哦。（需要处理超过5MB的图片时可以试试 squoosh）
2. JSON格式化检测
Json：一款界面简洁的JSON格式化网站，对JSON进行格式化并进行高亮及JSON检测。
3. 矢量图标库
iconfont：阿里巴巴矢量图标库，汇集2000W+图标，便于借鉴使用，同时也能快速将自家设计师制作的SVG图标整合并生成.ttf等格式字体文件。
4. 前端编程学习
编程狮（w3cschool）：老牌编程学习网站，有丰富的教程文档跟视频课程，独特的微课及编程实战提供了游戏化学习体验更易于小白入门。
5. 随机渐变色库
uigradients：提供丰富的渐变色库，设计妹子没空的时候也能快速做出绚丽的渐变色背景，不用再想破头脑去考虑配色，并支持一键生成对应的CSS代码。
6. 高清图片下载站
unsplash：前端页面离不开内容与图片的衬托，图文并茂才能更吸引用户，unsplash提供了海量高清图片素材，解决图片素材慌的苦恼。
7. 网页兼容性测试
responsively：页面兼容性处理是web前端的基础能力，曾经万恶的ie虽然离开了历史舞台，但是随之而来的移动端时代带来了更多的手机、平板等自适应兼容性问题。responsively提供丰富的兼容性测试工具，当然你也可以选择使用浏览器F12的移动端模式进行简单测试。
8. 在线工具箱
tool：提供了丰富的在线小工具，包含CSS格式化、正则测试工具、时间戳转换等功能
9. 检查前端技术跨浏览器兼容性
caniuse：使用了新学的ES6等语法，提升了编程效率，但担心存在浏览器兼容性问题导致页面报错？那就赶紧到
caniuse查一下，并针对性做兼容性处理。
10. 前端资源CDN库
staticfile：七牛云提供的国内CDN资源库，将vue、react等js代码包替换为线上CDN库，提升加载速度，同时减少服务器压力。CDN库有很多，建议是使用国内的，大平台的，优先稳定，其次高速。
