前端-工具库分享

第一章 前端基础库

前言

备注：这里分享前端的基础工具库或者其他组件库，持续更新...

---

一、axios

1、介绍

 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

2、官网地址

axios中文网http://www.axios-js.com/zh-cn/

二、node.js

1、介绍

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。

2、官网地址

node js官网https://nodejs.org/en/

三、lodash工具库

1、介绍

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

2、官网地址

lodash工具库https://www.lodashjs.com

四、w3school教程

1、介绍

在 W3School，你可以找到你所需要的所有的网站建设教程。

从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET。

2、官网地址

w3school教程https://www.w3school.com.cn/

五、现代javaScript教程

1、介绍

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

2、官网地址

现代javaScript教程https://zh.javascript.info/

六、webpack打包工具

1、介绍

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。

2、官网地址

webpack打包工具https://webpack.docschina.org/

七、typeScript

1、介绍

• TypeScript 向 JavaScript 添加了额外的语法，以支持与编辑器更紧密的集成。在编辑器中尽早发现错误。
• TypeScript 代码转换为 JavaScript，可在 JavaScript 运行的任何地方运行：在浏览器中、Node.js 或 Deno 上以及您的应用程序中。
• TypeScript 理解 JavaScript 并使用类型推断为您提供出色的工具，而无需额外的代码。

2、官网地址

typeScripthttps://www.typescriptlang.org/zh/

第二章 开源工具库

一、Boot CDN

1、介绍

稳定、快速、免费的前端开源项目 CDN 加速服务

2、官网地址

Boot CDNhttps://www.bootcdn.cn/

二、正则表达式测试工具

1、介绍

正则表达式工具

2、官网地址

正则表达式工具https://tool.lu/regex/

三、阿里巴巴矢量图标库

1、介绍

阿里巴巴矢量图标库

2、官网地址

阿里巴巴矢量图标库https://www.iconfont.cn/

四、iconpark图标库

1、介绍

iconpark图标库

2、官网地址

iconpark资源站https://iconpark.oceanengine.com/official

五、浏览器兼容测试网站

1、介绍

浏览器兼容测试

2、官网地址

浏览器兼容测试https://caniuse.com/

六、爱资料工具

1、介绍

里面有大量的我们日常需要的辅助工具

2、官网地址

爱资料工具https://www.toolnb.com/toolslist/14.html

七、中国色-传统颜色工具

1、介绍

再也不用自己去调色了，这里有您所需要的各种颜色

2、官网地址

中国色-传统颜色https://www.zhongguose.com/

八、IT Tools工具

1、介绍

强推，找了很久的宝藏网站，前端后端，你想要的工具这里都有。

2、官网地址

IT Tools工具https://www.zhongguose.com/

九、即使设计

1、介绍

这个可能对UI有帮助

2、官网地址

即时设计https://js.design/

十、InsCode AI知识库

1、介绍

AI时代到来了，可以看看，研究下

2、官网地址

inscode AI设计https://inscode.csdn.net/

第三章 第三方组件库

一、DataV 大屏数据展示

1、介绍

vue2相对功能多点，vue3还在开发。

2、官网地址

DataV大屏组件库http://datav.jiaminghi.com/

二、Moment js 时间组件库

1、介绍

在 JavaScript 中解析、校验、操作、显示日期和时间。

2、官网地址

Moment时间组件库https://moment.nodejs.cn/

三、Tailwind CSS组件库

1、介绍

最流行的组件库为Tailwind CSS

2、官网地址

Tailwind CSShttps://daisyui.com/

四、Swiper轮播图组件库

1、介绍

Swiper轮播图组件库

2、官网地址

Swiper轮播图https://swiperjs.com/

五、Animxyz CSS动画库

1、介绍

animxyz CSS动画库

2、官网地址

animxyz动画库https://animxyz.com/

六、Naive UI组件库

1、介绍

Naive UI组件库（仅支持vue3）

2、官网地址

naiveui组件库https://www.naiveui.com/zh-CN/os-theme

七、Tdesign组件库

1、介绍

腾讯开发的PC端组件库

2、官网地址

tdesign组件库https://tdesign.tencent.com/

八、Ant Design Vue组件库

1、介绍

广告太多

2、官网地址

Ant Design Vue 组件库https://3x.antdv.com/docs/vue/introduce

九、Arco design vue组件库

1、介绍

字节跳动开发的组件库

2、官网地址

arco design vuehttps://arco.design/vue/component/form

十、Element Plus组件库

1、介绍

用的最多的组件库，好用。

2、官网地址

饿了么 Plushttps://element-plus.org/zh-CN/

第四章 第三方开源框架

一、SCUI

1、官网地址

SCUIhttps://lolicode.gitee.io/scui-doc/?from=thosefree.com

二、Vben Admin

1、官网地址

Vben Adminhttps://doc.vvbin.cn/?from=thosefree.com

三、Naive Ui Admin

1、官网地址

Naive Ui Adminhttps://docs.naiveadmin.com/

总结：

本页面只做分享用途，不提供详细信息，如需详情，请点开网址到官网查看，谢谢。