2022 前端常用的开发工具、组件库等等持续整理,待你分享

小伙伴们!我这里整理了一些对前端开发有帮助的工具、库、网站等。对于这些东西有些是我自己用过的,有些是听过的,但是也有些是没听过也没用过的。只要对开发有帮助都可能整理到这里哦!
众人拾柴火焰高,期待乐于分享的你在下方留言,我将整理到一起!

组件库

Ant Design
antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。
Vue

https://www.antdv.com/docs/vue/introduce-cn/

React

https://ant.design/docs/react/introduce-cn

Element UI
Element,一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库
Vue2

https://element.eleme.cn/#/zh-CN

Vue3

https://element-plus.gitee.io/zh-CN/

ViewUI
一套基于 Vue.js 的高质量UI 组件库
Vue2

https://www.iviewui.com/

跨端跨框架

Taro 框架
Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

https://nervjs.github.io/taro/docs

  • NutUI
    基于 Taro 框架,开发的京东风格的轻量级移动端 Vue 组件库

https://nutui.jd.com/#/

  • Taro UI
    一套基于 Taro 框架开发的多端 UI 组件库

https://taro-ui.jd.com/#/

uni-app 框架
uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

https://uniapp.dcloud.io/

  • uni-ui
    uni-ui是DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架。

https://uniapp.dcloud.io/component/uniui/uni-ui.html

  • HBuilderX 编辑器
    开发 uni-app 配合 HBuilderX 编辑器,打包、发布等更加方便。

https://www.dcloud.io/hbuilderx.html

JavaScript 工具库

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

https://www.lodashjs.com/
https://lodash.com/

数据可视化

highcharts (商业授权)
兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库; 成熟稳定的商业软件,72 个全球 100 强企业共同的信任。

https://www.highcharts.com.cn/

ECharts
一个基于 JavaScript 的开源可视化图表库

https://echarts.apache.org/zh/index.html

AntV
蚂蚁集团全新一代数据可视化解决方案

https://antv.vision/zh

D3js
自定义程度更高
D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。

https://www.d3js.org.cn/

Three.js
实现的 3D 可视化库, 基于 WebGL

https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene

动画库

Animate CSS
强大的跨平台的预设css3动画库,内置了很多典型的css3动画,兼容性好使用方便

http://www.animate.net.cn/

轮播图 Swiper

Swiper是纯javascript打造的滑动特效插件, 支持PC端、移动端

https://www.swiper.com.cn/

请求库 axios

Ajax http库,支持node端和浏览器端,支持 Promise

http://www.axios-js.com/

浏览器 caniuse

用于查看浏览器对各种新特性的兼容情况

https://caniuse.com

日期时间

Day.js
体积小
Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。

https://dayjs.fenxianglu.cn/

Moment.js
JavaScript 日期处理类库

http://momentjs.cn/

构建工具

Eslint
在JavaScript代码中查找并修复问题

https://eslint.org/

prettier
代码格式化工具, 一般配合 Eslint 一起使用

https://prettier.io/

Logo

前往低代码交流专区

更多推荐