vue常用插件

  1. Day.js : 一个极简的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。
  2. qs :一个轻量的 url 参数转换的 JavaScript 库
// 安装
npm install qs

// 使用
import qs from 'qs'
qs.parse('user=tom&age=22') // => { user: "tom", age: "22" }
qs.stringify({ user: "tom", age: "22" }) // => user=tom&age=22
  1. flv.js :bilibili 开源的 html5 flash 视频播放器,使浏览器在不借助 flash 插件的情况下可以播放 flv,目前主流的直播、点播解决方案。
  2. vConsole :一个轻量、可拓展、针对手机网页的前端开发者调试面板。如果你还苦于在手机上如何调试代码,用它就对了。
  3. Animate.css :一个跨浏览器的 css3 动画库,内置了很多典型的 css3 动画,兼容性好,使用方便。
  4. animejs :一款功能强大的 Javascript 动画库。可以与CSS3属性、SVG、DOM元素、JS对象一起工作,制作出各种高性能、平滑过渡的动画效果。
  5. lodash.js :一个一致性、模块化、高性能的 JavaScript 实用工具库
  6. Chart.js :一套基于 HTML5 的简单、干净并且有吸引力的 JavaScript 图表库
  7. js-cookie :一个简单的、轻量的处理 cookies 的 js API
 // 安装
npm install js-cookie

// 使用
import Cookies from 'js-cookie'
Cookies.set('name', 'value', { expires: 7 }) // 有效期7天
Cookies.get('name') // => 'value'
  1. 操作cookie: vue-cookie在这里插入图片描述
  2. 轮播:vue-awesome-swiper
  3. 强大的通用轮播插件: swiper
  4. 基于 promise 的 HTTP 库:Axios / 中文文档
  5. 基于Promise的、支持请求转发、强大的http请求库:flyio
    我选择flyio的主要原因是:支持多平台;目前Fly.js支持的平台包括:Node.js 、微信小程序 、Weex 、React Native 、Quick App 和浏览器(特别是小程序这一块)。
  6. 图标库:Font Awesome / 官方文档
    使用步骤:
    安装: cnpm install font-awesome --save
    然后在main.js引入 font-awesome/css/font-awesome.min.css 即可。 在这里插入图片描述
  7. 国际化:vue-i18n
  8. 适用于vue的富文本编辑器:vue-quill-editor
  9. 日期插件:vue-calendar / 文档
  10. vue瀑布流:vue-waterfall2(有中文文档哦)
  11. 滚动插件:better-scroll
// 引入核心库
import BScroll from '@better-scroll/core';

// 初始化要滚动的dom和方向
this.bs = new BScroll(this.$refs.wrapperRef, {
  scrollX: true,
});

// 实现滚动(x轴距离,y轴距离,滚动时长)
this.bs && this.bs.scrollTo(100, 0, 300);
  1. 打印:vue-print-nb
    非常好用!!!参考文章
  2. 数字动态变化效果:vue-count-to
  3. 自动滚动:vue-seamless-scroll


基于 mpvue 框架的小程序选择控件: mpvue-picker


后续将持续更新
文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!
对博客文章的参考,若原文章博主介意,请联系删除!

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值