前端-工具库分享

小森萌新在线求指点 2024-08-15 09:33:01 阅读 91

第一章 前端基础库

前言

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


一、axios

1、介绍

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

2、官网地址

axios中文网

icon-default.png?t=N7T8

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官网

icon-default.png?t=N7T8

https://nodejs.org/en/

三、lodash工具库

1、介绍

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

2、官网地址

lodash工具库

icon-default.png?t=N7T8

https://www.lodashjs.com

四、w3school教程

1、介绍

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

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

2、官网地址

w3school教程

icon-default.png?t=N7T8

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

五、现代javaScript教程

1、介绍

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

2、官网地址

现代javaScript教程

icon-default.png?t=N7T8

https://zh.javascript.info/

六、webpack打包工具

1、介绍

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

2、官网地址

webpack打包工具

icon-default.png?t=N7T8

https://webpack.docschina.org/

七、typeScript

1、介绍

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

2、官网地址

typeScript

icon-default.png?t=N7T8

https://www.typescriptlang.org/zh/

第二章 开源工具库

一、Boot CDN

1、介绍

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

2、官网地址

Boot CDN

icon-default.png?t=N7T8

https://www.bootcdn.cn/

二、正则表达式测试工具

1、介绍

正则表达式工具

2、官网地址

正则表达式工具

icon-default.png?t=N7T8

https://tool.lu/regex/

三、阿里巴巴矢量图标库

1、介绍

阿里巴巴矢量图标库

2、官网地址

阿里巴巴矢量图标库

icon-default.png?t=N7T8

https://www.iconfont.cn/

四、iconpark图标库

1、介绍

iconpark图标库

2、官网地址

iconpark资源站

icon-default.png?t=N7T8

https://iconpark.oceanengine.com/official

五、浏览器兼容测试网站

1、介绍

浏览器兼容测试

2、官网地址

浏览器兼容测试

icon-default.png?t=N7T8

https://caniuse.com/

六、爱资料工具

1、介绍

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

2、官网地址

爱资料工具

icon-default.png?t=N7T8

https://www.toolnb.com/toolslist/14.html

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

1、介绍

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

2、官网地址

中国色-传统颜色

icon-default.png?t=N7T8

https://www.zhongguose.com/

八、IT Tools工具

1、介绍

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

2、官网地址

IT Tools工具

icon-default.png?t=N7T8

https://www.zhongguose.com/

九、即使设计

1、介绍

这个可能对UI有帮助

2、官网地址

即时设计

icon-default.png?t=N7T8

https://js.design/

十、InsCode AI知识库

1、介绍

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

2、官网地址

inscode AI设计

icon-default.png?t=N7T8

https://inscode.csdn.net/

第三章 第三方组件库

一、DataV 大屏数据展示

1、介绍

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

2、官网地址

DataV大屏组件库

icon-default.png?t=N7T8

http://datav.jiaminghi.com/

二、Moment js 时间组件库

1、介绍

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

2、官网地址

Moment时间组件库

icon-default.png?t=N7T8

https://moment.nodejs.cn/

三、Tailwind CSS组件库

1、介绍

最流行的组件库为Tailwind CSS

2、官网地址

Tailwind CSS

icon-default.png?t=N7T8

https://daisyui.com/

四、Swiper轮播图组件库

1、介绍

Swiper轮播图组件库

2、官网地址

Swiper轮播图

icon-default.png?t=N7T8

https://swiperjs.com/

五、Animxyz CSS动画库

1、介绍

animxyz CSS动画库

2、官网地址

animxyz动画库

icon-default.png?t=N7T8

https://animxyz.com/

六、Naive UI组件库

1、介绍

Naive UI组件库(仅支持vue3)

2、官网地址

naiveui组件库

icon-default.png?t=N7T8

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

七、Tdesign组件库

1、介绍

腾讯开发的PC端组件库

2、官网地址

tdesign组件库

icon-default.png?t=N7T8

https://tdesign.tencent.com/

八、Ant Design Vue组件库

1、介绍

广告太多

2、官网地址

Ant Design Vue 组件库

icon-default.png?t=N7T8

https://3x.antdv.com/docs/vue/introduce

九、Arco design vue组件库

1、介绍

字节跳动开发的组件库

2、官网地址

arco design vue

icon-default.png?t=N7T8

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

十、Element Plus组件库

1、介绍

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

2、官网地址

饿了么 Plus

icon-default.png?t=N7T8

https://element-plus.org/zh-CN/

第四章 第三方开源框架

一、SCUI

1、官网地址

SCUI

icon-default.png?t=N7T8

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

二、Vben Admin

1、官网地址

Vben Admin

icon-default.png?t=N7T8

https://doc.vvbin.cn/?from=thosefree.com

三、Naive Ui Admin

1、官网地址

Naive Ui Admin

icon-default.png?t=N7T8

https://docs.naiveadmin.com/

总结:

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



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。