20个web开发实用性网站

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

本文将分享20个实用网站。

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://bbd.shenzhuohl.com

使用巴比达内网穿透实现web 公开访问，无需公网IP、无需路由器、只需3步即可完成，本地项目实现远程访问。

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

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

readme.so

创建readme的最简单方法，这个简单的编辑器允许我们快速添加和自定义项目readme所需的所有部分。

查看网站加载速度

GTmetrix | Website Performance Testing and Monitoring

查看我们的网站表现如何，揭示网站速度缓慢的原因，并发现优化机会。

在线编辑图片

Photopea | Online Photo Editor

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

cssbattle

CSSBattle