大家好,我是你们的 猫哥,一个不喜爱吃鱼、又不喜爱喵 的超级猫 ~
前言
猫哥是一个长年混迹在 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+,程序员不得不知的“潜规则”又火了,早晓得就不会秃头了