avatar

开发中必备的20个轮子

datas
发布时间
times2 min read

React UI 组件库

Ant Design

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

React Bootstrap

::: tip React-Bootstrap The most popular front-end framework Rebuilt for React. :::

MATERIAL-UI

::: tip MATERIAL-UI The React UI library you always wanted :::

Vue UI 组件库

Element

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

Vant

::: tip Vant Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。 :::

View UI

::: tip View UI View UI®,即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 :::

动画库

Animate.css(动画库)

::: tip Animate.css Just-add-water CSS animations :::

swiper

::: tip swiper Swiper 是一款免费以及轻量级的移动设备触控滑块的 js 框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动 web apps,native apps 和 hybrid apps。主要是为 IOS 而设计的,同时,在 Android、WP8 系统也有着良好的用户体验,Swiper 从 3.0 开始不再全面支持 PC 端。因此,如需在 PC 上兼容更多的浏览器,可以选择 Swiper2.x(甚至支持 IE7)。 :::

mescroll.js

::: tip mescroll.js mescroll.js 是在 H5 端 运行的下拉刷新和上拉加载插件 :::

工具类

lodash.js

::: tip lodash.js Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 :::

Day.js

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

timeago.js

::: tip timeago.js 无官网直接代码库 :::

echarts

::: tip echarts ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari 等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 :::

Meditor.md

::: tip Meditor.md 开源在线 Markdown 编辑器 :::

validator.js

::: tip 表单验证 链接 :::

Vue 工具类

vue-draggable

::: tip vue-draggable Vue.Draggable 是一款基于 Sortable.js 实现的 vue 拖拽插件。支持移动设备、拖拽和选择文本、智能滚动,可以在不同列表间拖拽、不依赖 jQuery 为基础、vue 2 过渡动画兼容、支持撤销操作,总之是一款非常优秀的 vue 拖拽组件。本篇将介绍如何搭建环境及简单的例子,使用起来特别简单对被拖拽元素也没有 CSS 样式的特殊要求。 :::

vue-qr

::: tip vue-qr Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 :::

vue-cropper

::: tip vue-cropper :::

vue-lazyload

::: tip vue-lazyload :::

vue-simple-upload

::: tip

上传组件vue-simple-upload :::