推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

1.GitHub Desktop

对于新手来说,要记住那么多git命令可能有点困难,建议新手用git可视化工具,会方便很多

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

2.图片在线压缩

tinypng 是一个完全免费并且高压缩率的在线压缩图片网站,一般能满足日常大部分压缩图片的需求,如果你需要压缩大于5M的图片,可以考虑用 squoosh ,这个网站支持大图片压缩和图片压缩质量自定义

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

大图片压缩点这里:squoosh

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

3.在线代码编辑

很多人可能用的是 codePen 或者 CodeSandbox 等,但是我觉得掘金的码上掘金也挺好用的,并且登录自己的掘金账号就能看到,挺方便的

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

4.JSON格式化

JSON在线格式化的网站有很多,基本上都能满足我们的需要,用 Json.cn 的原因只是因为他好记,哈哈~

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

另外还有个前端工具类集合的网站 smalldev 也挺好用的

5.代码生成图片

carbon 可以生成酷炫的代码片段,并且支持导出图片

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

如果你不喜欢上面的代码风格,也可以用 ray.so ,生成的代码图如下:

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

6.表情符号

这个网站有很多颜文字,并且可以直接cv,国内外很多博客用的都是这上面的表情符号

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

7.矢量图标-iconfont

阿里阿巴巴推出的字体图标库,可以找到大部分的图标,并且可以结合项目去自定义自己项目的字体图标库

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

8.css3动画

我们在日常开发中,会遇到一些css动画的需求,可是有时候为了一两个动画引入一些库感觉得不偿失,css3-animation 包含了一些常见的动画效果,并且包含片段代码,直接cv就可以了

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

9.封面模板-canva

我们在写文章或者有时候要自己制作一些封面图片,canva上面有很多免费的素材和模板,用起来很方便

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

10.高清图片-UnSplash

国外的一个高清图片下载网站,里面有很多的4k高清图片免费下载,再也不用到处找高清图片了

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

11.在线画图

日常工作中我们要画一些流程图或者思维导图等等,boardmix 个人用起来感觉还不错,也有人喜欢用ProcessOn等,看个人喜好

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

12.快速部署建站

前端有时候需要自己部署一个网站,我们可以自己去买服务器,也有免费的部署网站,如 surge

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

13.在线性能评测

pagespeed 根据各项指标可以得出我们网站的一个综合评分,让我们知道我们的网站在那些方面还可以进行优化

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

14.多平台测试

我们的网站经常要在各种设备下看下效果,可是用手机和浏览器去一个个访问截图又比较麻烦,responsively 这个软件支持主流手机、PAD、电脑设备访问您的网站,并可以导出

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

15.Chrome扩展组件

有些同学不能翻墙登录google账号去Google商店下载扩展程序,极简插件 可以不翻墙直接下载Google扩展程序,而且网站是中文的,感觉很不错

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

16.在线简历

简历这个东西找工作大家都是要用到的,网上也有很多免费的简历模板网站,个人推荐这个500丁网站,上面有很多好看的简历模板,很方便
ps:这个网站是收费的,不过永久会员39.9还行,不用担心过期,毕竟用到不止一次(如果实在不想花39.9,可以找我要下哈~)

推荐几个前端必备的实用工具与网站(推荐几个前端必备的实用工具与网站有哪些)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年3月19日 上午9:36
下一篇 2023年3月19日 上午9:52

相关推荐