日常的前端开发工作是比较繁琐的,但是适当的使用一些简单的开发工具,让你的开发能事半功倍。以下都是我日常开发中经常使用的工具,其中包括在线网站、谷歌插件等,类型不限,好用为主
1. Can I Use
浏览器API兼容查询。经常处理浏览器兼容的朋友对它肯定不陌生,一个在线网站,直接输入要查询的浏览器API,相关的的兼容情况立马出现,完美
2. Lorem Picsum
随机生成图片的网站。使用简单
3. TinyPNG
在线图片压缩网站。一般为了项目优化需要处理静态图片,直接拖上去进行压缩,一键下载,图片清晰度不受影响,体积缩小80%
4. Clippy
在线剪切元素网站。在日常开发中可能需要各种不规则的形状,在这上面你只需要拖动鼠标,你就能得到相应的css,然后使用你最擅长的复制粘贴就搞定了,不要太爽
5. Codelf
在线提供变量名。你是否为无数个相近的变量名绞尽脑汁,你是否还在纠结这个变量的英文单词夜不能寐,别再用英语字典了,直接一步到位不好吗。同时vscode也有相关的插件哦……
6. CodeSandBox
在线敲代码。平常是否有灵光乍现忽然想写个demo的时候,那在线敲代码你值得拥有,不需要998,也不需要79,只要try for free就搞定了,支持不同的框架,可以安装不同的架包,反正也是试试嘛
7. Animista
生成在线css动画。神奇的小盒子,让你也体验一下当甲方的感觉,一堆设置,得到你想要的动画效果,复制粘贴,动画大师,有手就行
8. Ajax Modifier
mock数据谷歌插件。自从有了这个,妈妈再也不担心我被后端欺负了,我愿称之为mock数据的神。插件、控制台两种模式任君挑选……
9. FeHelper(前端助手)
前端谷歌插件。我实在不知道怎么介绍他,他实在是太丰富,从图片美化到chatGPT应有尽有,但是部分功能也不是太好用,但是就凭这个名字,不装不是前端
🔥🔥如果对您有一点帮助,给个👍鼓励一下吧!谢谢~🙏