Web 开发的 20 个实用网站

Web 开发的 20 个实用网站

作为一名前端开发工程师,我们一定使用过很多工具来提高自己的工作效率。它们可以是网站、文档或 JavaScript 库。

本文将分享30个有趣的网站。

JavaScript正则表达式可视化工具

https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24
在这里插入图片描述
我们可能会觉得正则表达式特别难学习,但现在不一样了。可视化工具使正则表达式更容易理解。

开发文档

https://devdocs.io/
在这里插入图片描述
该网站有各种项目的文档,也支持离线使用。

cdnjs

https://cdnjs.com/

在这里插入图片描述
有时我们需要在线资源来进行编程练习。cdnjs可以帮助我们找到几乎所有的开源库。

随机图像

https://unsplash.com/
在这里插入图片描述
互联网上可免费使用的图像来源。由世界各地的创作者提供支持。

智能WebP、PNG和JPEG压缩

https://tinypng.com/
在这里插入图片描述
我们可能经常需要压缩图片,tinypng可以免费使用,并且压缩后的图片清晰度很高。

删除图像背景

https://www.remove.bg/zh
在这里插入图片描述
该网站可以帮助我们100%自动免费删除图像背景。

为我们的源代码创建并分享精美的图像

https://carbon.now.sh/

使用Carbon创建并分享源代码的精美图像。它提供了多种代码风格和主题。

超级实用的调色板

https://colorhunt.co/palettes/pastel
在这里插入图片描述

我们在设计时有时候会找不到合适的颜色,可以使用colorhunt。

codePen

https://codepen.io/
在这里插入图片描述
CodePen是一个基于Web的开发平台,允许用户修改HTML、CSS和JavaScript等前端语言,而无需安装任何软件。最好的一点是,结果是实时可见的,使故障排除变得更加容易。开发人员和设计人员还可以与世界其他地方分享代码示例。

开源图标

https://ionic.io/
在这里插入图片描述

我们可以从 Ionic 找到我们需要的任何图标,包括用于 Web、iOS、Android 和桌面应用程序的高级设计图标。支持 SVG 和网络字体。完全开源,Ionic .

caniuse

https://caniuse.com/
在这里插入图片描述
前端工程师经常需要检查浏览器兼容性,是否可以使用一个可以查询CSS和JavaScript在各种流行浏览器中的特性和兼容性的网站?

Readme

https://readme.so/editor
在这里插入图片描述
创建readme的最简单方法,这个简单的编辑器允许我们快速添加和自定义项目readme所需的所有部分。

查看网站加载速度

https://gtmetrix.com/
在这里插入图片描述
查看我们的网站表现如何,揭示网站速度缓慢的原因,并发现优化机会。

在线编辑图片

https://www.photopea.com/
在这里插入图片描述

可以通过该网站在线设计图像。

cssbattle

https://cssbattle.dev/
在这里插入图片描述
通过使用尽可能小的代码复制目标来测试我们的 CSS 技能。这个游戏挑战我们展示我们的 CSS 实力,同时磨练我们的代码优化技能。

roadmap.sh

https://roadmap.sh/
在这里插入图片描述

该网站提供路线图、指南和其他教育内容,以帮助开发人员选择路径并指导他们的学习。它对于初学者以及需要指导的学习者非常有帮助。

Lambda测试

https://www.lambdatest.com/
在这里插入图片描述

LambdaTest 是一个基于云的跨浏览器测试平台,可让我们在 2000 多种不同的浏览器、操作系统和设备上测试 Web 应用程序。LambdaTest 允许我们手动和自动测试跨浏览器兼容性。

代码美化

https://codebeautify.org/
在这里插入图片描述
让我们的源代码更加美观、易读 使用codebeautify 美化将使我们的源代码更加美观、易读。

overapi

https://overapi.com/
在这里插入图片描述

对于所有开发者来说,OverAPI 是最漂亮、最有用的网站之一。该网站提供了大多数编程语言的备忘单。

smalldev

https://smalldev.tools/
在这里插入图片描述
该网站提供各种免费的开发人员工具,包括编码器/解码器、HTML/CSS/Javascript 格式化程序、缩小、伪造或测试数据生成器等。它还允许我们共享代码。