常用网址综合版

常用网址

前端相关

工具库

01、Day.js

Day.js 是一个极简的 Javascript 库，大小只有 2Kb 左右，时间格式化。

02、Mono Icon

Mono Icon 是一个开源图标，我们可以轻松快速、完全免费地将其应用到我们的网站上。我们可以通过 CDN 将其直接嵌入到 HTML 页面中，也可以通过 npm 为我们的 Web 项目安装它。

03、Blob 生成器

Blob 生成器是一个在线工具，可以通过 SVG 编辑为网页创建复杂的形状。我们只需要更改提供的属性，代码就会自动生成。

04、ztext.js

ztext.js 是一个 javascript 库，可以轻松地为网页构建 3D 文本，并且可以与所有类型的字体一起使用。
此外，我们还可以为 SVG、图像、表情符号等其他元素创建 3D 效果。

05、Print.js

Print.js 是一个紧凑的 Javascript 库，它允许我们直接在网页上打印文件，而无需重定向或使用嵌入。
它支持多种格式的打印，例如 PDF、HTML（例如表单…）、图像、JSON… 此外，它还可以在大多数流行的浏览器上运行，例如 Chrome、Firefox、Safari、Edge 和 Opera。

06、Textures JS

Textures JS 是一个库，可帮助我们快速轻松地为网页创建 SVG 模式。它建立在 D3.js 之上，用于可视化我们的数据。在我看来，它在使用相应的模式划分地图中的区域时使用得相当多。

07、DOCX

DOCX 是一个库，允许我们使用 Javascript 或 Typescript 从网页元素创建 .docx 文件。它在浏览器和服务器端（使用 Nodejs）都运行良好。据我所知，它有很多关于网站每个组件的详细示例，以及将它应用于 React、Vue 或 angularJS 时的具体教程。

08、Jexcel

Jexcel 是一个紧凑的 Javascript 库，可帮助我们为网站创建高度交互的表格，其中包含可以从 JS Array、JSON、CSV 或 XSLX 文件中提取的数据。在我看来，它有一些非常有用的特性，比如用户友好的界面，易于定制和与其他插件和库结合，通过简单的操作处理复杂的数据。

09、Keen-Slider

Keen-Slider 是一个免费的 Javascript 库，可以快速轻松地创建触摸滑块组件（通常在手机上）和许多其他有用的调整功能，例如垂直滑块、多张幻灯片、幻灯片的延迟加载模式…正如我所看到的，这个库还有一个非常好的功能，可以根据 IOS 设计和网站的背景过渡效果创建一个 timepicker（选择时间）。

10、Math JS

Math JS 是一个开源数学库，在 Github 上为 Javascript 和 NodeJS（服务器端）拥有超过 10.5k 颗星。它使我们可以灵活地计算和处理许多不同的数据类型，例如数字、大数、复数、分数、单位和矩阵。

11、Flip

Flip 是一个插件，可让我们快速轻松地为网站创建具有翻转效果的计数器。如果我们需要创建活动计时器、促销活动或筹款活动，我认为这是最适合的库。

12、Image Compare Viewer

Image Compare Viewer 是一个使用 Javascript 构建的开源库，可以创建一个直接在网页上比较两个图像的组件。在我看来，它通常用于比较编辑前后的图像，以帮助用户获得更直观和有区别的视图。

13、Rough.js

Rough.js 是一个图形库，用于在网页中快速轻松地绘制直线、曲线、圆弧、多边形、圆形和椭圆形。此外，它还支持 SVG Path！

14、免费网站图标制作工具

网站图标是用户访问我们的网站时显示在浏览器选项卡上的小徽标。我们也可以使用另一种格式，如 svg…我想向您介绍一种工具，可以帮助您轻松创建网站图标，设计精美且完全免费，免费的网站图标制作工具。

15、Good Web Design

Good Web Design是一个网站，收集了许多漂亮的登陆页面设计，分为CTA（号召性用语）、导航栏、页脚、案例研究等多个部分。

16、Forge Icon

Forge Icon 是一个为我们的 Web 项目（例如电子商务、旅游、社交网络、应用程序设计…）组合许多不同类型图标的地方。

17、GooFonts

对于字体，我最常使用 Google 字体。它是免费的，并且有很多漂亮的字体。但是，字体数量如此之多，我们很难为我们的网站找到合适的字体。
因此，我想介绍一个名为 GooFonts 的工具。它将负责将 Google Font 的字体类型划分为许多小数组，例如用于报纸、学校、卡通、徽标的字体……

18、Boxicons

Boxicons 是一个简单且免费的矢量图标集合，适用于网页设计师和开发人员。

19、Link-to-qr二维码生成器

Link-to-qr 是一个免费的网站二维码生成器。

20、生成 SVG 波形

Generate SVG Waves 是一个在线工具，可帮助我们的网站创建 SVG 背景波。

21、CSS Scan

CSS Scan 是一种高级工具，可让您查看悬停在网页上的任何元素的 CSS 代码。它还允许您复制您正在查看的所有代码。

22、CSS 渐变

CSS Gradient 是一个了不起的工具，您可以用它来创建渐变背景。您可以选择不同类型的颜色和选项。因此，它会自动为您的渐变背景生成 CSS 代码。这是一个非常有用的工具，我将它用于我的所有项目。

23、Animista

Animista 是CSS动画的中最佳的工具之一。它为您提供了一组可以在 CSS 中使用的预制动画。您可以选择您喜欢的任何类型的动画并根据需要进行编辑。完成后，您可以为动画生成 CSS 代码并将其用于您的项目代码。

组件库

01、Duet Date Picker

Duet Date Picker 是由 Duet Design System 开发的开源代码。它允许我们轻松地为网站构建日期选择器组件，而无需使用任何其他库。
我觉得在这个库中的一些功能是有一个黑暗和光明的主题，能够设置允许用户选择的时间间隔，按地区设置日期…

02、Notyf

Notyf 是一个 Javascript 库，可帮助我们为大小仅为 3Kb ，它可以为网站创建 toast 消息。它以响应方式显示在许多不同的设备屏幕上，并且易于与当今流行的 JS 框架（如 React、Angular、Aurelia、Vue 和 Svelte）一起使用。