共计 3097 个字符，预计需要花费 8 分钟才能阅读完成。
大家好，我是你们的 猫哥，一个不喜爱吃鱼、又不喜爱喵 的超级猫 ~
前言
猫哥是一个长年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源我的项目，在此分享给大家。
公众号： 前端 GitHub，专一于开掘 GitHub 上优良的前端开源我的项目，收集、整顿、举荐业界高品质前端资源合集，优良的工具、库、好的教程、理解业界更优良的代码、工具、业界最新的技术，抹平你的前端信息不对称。
平时如何发现好的开源我的项目，能够看看这篇文章：GitHub 上能挖矿的神仙技巧 – 如何发现优良开源我的项目
以下为【前端 GitHub】的第 9 期精髓内容。
这几天简略整顿了一下本人日常常常应用的工具网站，把好用的分享给小伙伴们！
所以明天给大家带来的是 10 个 GitHub 上超火的前端实用在线工具 ，终于有工夫下班摸鱼了，嘻嘻~
喵~ 喵~ 喵~ 注释要开始了，上车坐稳扶好了~
1. LightHouse
LightHouse 是一个开源的自动化工具，用于改良网络应用的品质。
能够将其作为一个 Chrome 扩大程序运行，或从命令行运行。
当为 Lighthouse 提供一个要审查的网址，它将针对此页面运行一连串的测试，而后生成一个无关页面性能的报告。
让开发人员依据生成的页面性能的报告，来进行网站优化和欠缺，进步用户体验。
能够参考失败的测试，看看能够采取哪些措施来改良利用。
在外面你能够看到它给你各个方面的倡议，比方图片、css、js 这些文件的解决，还有 html 外面标签的应用，缓存解决等倡议，能够依据这些来对网站进行优化。
https://github.com/GoogleChro…
2. Can I Use
这个是一个针对前端开发人员定制的一个查问 CSS、Js 在个中风行浏览器钟的个性和兼容性的网站，能够很好的保障网页的浏览器兼容性。
有了这个工具能够疾速的理解到代码在各个浏览器钟的成果。
比方查问 transform 的浏览器反对状况：
再比方 proxy 的浏览器反对状况：
https://caniuse.com/
3. Carbon
Carbon 是一个在线的代码转图片工具。
置信小伙伴们见过很多人的博客下面都有相似这种代码图片吧?
Carbon 能够很容易的为你的代码创立丑陋的图片。
个性
- GitHub gist 导入. 只须要在 url 前面加上 github gist id 就能够导入
- 定制化. 可定制图片的语法主题，窗口款式等
- 所见即分享. 点下鼠标就能够分享到推特下面
不过有个毛病就是国内网络拜访时，复制图片很慢。
https://carbon.now.sh/
4. ios font
IOS 字体反对查问和 IOS 零碎自带字体查问。
http://iosfonts.com/
5. web 平安色查问
web color 为了尽量让用户看到色调雷同的网页，请尽量应用 216 色的 web 平安色。
https://www.bootcss.com/p/web…
6. TinyPNG
PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩。
TinyPNG 应用智能有损压缩技术将您的 PNG 文件的文件大小升高。通过选择性的缩小图片中的色彩，只须要很少的字节数就能保留数据。对视觉的影响简直不可见，然而在文件大小上有十分大的差异。
https://tinypng.com/
7. 二维码生成器
草料二维码生成器，置信很多人都用过。
罕用的工具也很多：
https://cli.im/
8. Shape Divider
定制各种形态的网站分区 SVG 的工具，调整好了本人想要的形态之后，能够一键复制和下载。
https://www.shapedivider.app/
9. json 格式化
这是一个 json 在线解析的网站，是我最常应用的一个网站。
性能包含了：json 在线解析，json 格式化，json 格局验证，json 转 xml，xml 转 json，json 压缩，json 本义，js 混同加密，JSON 转实体，json 在线，JSON 校验。
http://json.cn/
10. sojson
这是一个性能多到发指的网站！
比方 前端 WEB 工具 就蕴含了以下的工具：
而且还有更多：
- JSON 在线工具：JSON 在线解析、JSON 格式化、JSON 比照、JSON 压缩
- 加密 / 解密：在线加密 / 解密 | JS 加密 | JS 解密 | AES | DES | MD5 | Base64
- 压缩 / 格式化：在线压缩 / 格式化 / 丑化 | JSON | JS | HTML | Java | SQL
- 开发文档：开发文档 /API 文档
- 前端 WEB 工具 / 前端工具
- 在线转换：在线转换 | 单位转换 | 数据转换 | 格局转换
- 二维码：二维码生成 | 二维码解析 | 动静二维码 | 二维码丑化
- 正则表达式：正则表达式 | 正则表达式测试工具 | 正则表达式教程
- 站长工具：备案查问 | SEO 检测 | HTTPS 检测 | 微信防封检测 | DNS 检测 | Robots 生成
- HTTP 工具：HTTP 模仿申请 | HTTP 测试工具 | HTTP 协定 | GET/POST
- 房贷计算工具 房贷计算器 | 最新房贷计算器 | 2020 房贷利率
- 生存工具：工夫 | 万年历 | 放假 | 老黄历 | 测网速 | 天气
- 批改图片：在线批改图片 | 图片尺寸批改 | 图片压缩 | 图片丑化 | 图片批量解决 | 图片水印
- JS 加密 / JS 解密：JS 解密 | JS 加密 | JS 丑化 | JS 格式化 | JS 混同
https://www.sojson.com/
11. 站长工具
站长工具是站长的必备工具。
常常上站长工具能够理解 SEO 数据变动。
还能够检测网站死链接、蜘蛛拜访、HTML 格局检测、网站速度测试、友情链接查看、网站域名 IP 查问。
SEO 相干类的有 WHOIS 查问，DNS 查问过期域名查问，NsLookup 查问，域名删除工夫备案查问删除域名归档备案批量查问等，除此之外，还有 IP 类，百度相干，测速 / 监控，网页相干，网站优化人员必备。
https://tool.chinaz.com/
最初
最近加班有点重大，常常都是早晨 11 点多才上班，所以文章更新慢了很多。
因为文章都是在早晨肝进去的，一篇文章要肝几个早晨才行，肝到这里时，曾经过了零晨了，唉。
同是打工猫，生存不易啊！
鲁迅在《狂人日记》里曾说过：“ 能战胜我的，只有女人和酒精，而不是加班 ”
每当身处光明之时，这句话总能让我看到光。
最初就以一张很治愈的图片来治愈一下疲乏的心灵吧。
好了啦，【前端 GitHub】的第 9 期内容曾经讲完了啦。
下方仓库很危险，请慎入！
原文地址：https://github.com/FrontEndGitHub/FrontEndGitHub
平时如何发现好的开源我的项目，能够看看这两篇文章：如何在 GitHub 上发现优良开源我的项目 和 如何应用 GitHub 进行精准搜寻的神仙技巧。
平时如何发现好的开源我的项目，能够看看这篇文章：如何在 GitHub 上发现优良开源我的项目 和 如何应用 GitHub 进行精准搜寻的神仙技巧。
能够加超级猫的 wx：CB834301747，一起闲聊 前端 GitHub。
感觉有用？喜爱就珍藏，顺便点个赞吧，你的反对是我最大的激励！
微信搜“ 前端 GitHub”，回复“ 电子书 ”即能够取得 160 本前端精髓书籍哦。
往期精文
- 10 个 GitHub 上超火的 CSS 技巧我的项目，找到写 CSS 的灵感！
- 10 个 GitHub 上超火的前端面试我的项目，打造本人的加薪宝库！
- 10 个 GitHub 上超火和超难看的治理后盾模版，后盾治理我的项目有着落了
- 11 个超火的大厂前端代码标准，你也能写出诗一样的代码！
- 恕我直言，你可能连 GitHub 搜寻都不会用 – 如何精准搜寻的神仙技巧
- GitHub 上最火的、最值得前端学习的数据结构与算法我的项目！没有之一
- 寰球最火的 WEB 开发学习路线！没有之一！3 天就在 GitHub 播种了靠近 1w 点赞
- GitHub 标星 1.6W+，程序员不得不知的“潜规则”又火了，早晓得就不会秃头了
