标签归档：Vue.js

基于Vue.js的迷你音乐播放器

这次我给大家带来一个十分不错的音乐播放器，它基于Vue.js，外观十分迷你，可以在手机等移动设备上使用。这个基于vue的音乐播放器的特点是，可以自定义一个播放列表，可以给每一首歌曲指定一个封面图片和分享链接，这让整个播放器看起来非常专业。另外，播放器还支持暂停/播放功能，也支持任意进度的拖拽定位。

在线演示源码下载

Vue.js折线图表插件支持数据分组统计

这是一个基于vue.js的折线图表插件，它拥有折线图应该有的全部功能，包括数据更新、数据分组统计以及图表自适应等功能，使用起来十分方便。在插件使用方面，我们只需要在配置选项中设置x轴和y轴的数据范围定义，以及各自的单位。然后再定义每组数据，vue会帮你完成后续的图表生成，以及生成后的简单交互功能，应该说是非常实用了。

在线演示源码下载

Vue.js实现的3D Tab菜单

今天给大家带来一款基于VueJS的3D Tab菜单，它跟我们之前分享的许多CSS3 Tab菜单不同的是，它可以随着鼠标移动呈现出3D立体的视觉效果，每个tab页面还可以通过CSS自定义封面照片。它的核心是基于vue和bootstrap实现，因此扩展起来非常方便，你可以任意添加或者减少tab页面数量，同时只要更新对应tab页面的CSS代码即可，无须修改js代码。

在线演示源码下载

Vue.js流程图插件可自定义流程节点事件

今天给大家带来一款基于VueJS的流程图插件，我们可以用这个插件来定义一些对象的生命周期、项目工作的流程等等，非常方便。这个实例中，我们用这个插件定义了一个vue对象的生命周期，这也可以让你大致了解vue框架的工作过程。每一个流程节点也都可以定义前后节点之间的事件触发规则，同时也可以统计事件触发的次数。你也可以自己来尝试一下，用这个vue流程图插件来定义一个流程。

在线演示源码下载

Vue.js任务列表可本地存储任务数据

今天给大家带来一款基于vue.js的任务列表插件，也就是我们常说的todo list。我们可以在输入框中输入任务名称，点击“add”按钮后就可以将任务添加到任务列表，并且通过点击任务名称改变任务完成状态。同时你也可以删除任务。你还可以按照任务状态进行筛选，方便查询和统计。这个vue任务列表插件还有一个特点就是，通过编辑的这些任务支持本地存储，也就是说任务并不会随着浏览器的关闭而丢失。

在线演示源码下载

Vue.js 圆形CSS3渐变色拾取器

这是一个非常实用的颜色编辑拾取工具，它基于vue框架实现，可以很好的生成CSS3中常用的渐变色代码。我们在CSS3代码中经常会用到一些颜色渐变的特效，但是大部分人都对颜色代码值非常不敏感，尤其是渐变色的颜色值。这款vue圆形CSS3渐变色拾取器用一种可视化的方式帮助开发者生成渐变色的代码值，使用非常方便。

在线演示源码下载

VueJS表头固定的数据表格可按每列排序

9,547 人浏览

发表回复

2019-01-21 16:21:13

在网页中，表格（table）大部分用于数据的展示和处理，在jQuery的时代，用于表格的插件非常多。今天我们介绍一个基于VueJS的表格应用，它的特点是表格表头固定，也就是说当表格数据行很多时，页面下拉时表头可以固定，方便查看每一列的数据。另外还有特点是我们可以对每一个列进行排序。同时，这款JS表格的外观也不错，可以很好用到你的项目中。VueJS还是挺灵活的。

在线演示源码下载

基于VueJS的滑块组件支持级联滑动和渐变色

10,519 人浏览

发表回复

2018-12-28 14:52:08

我一直在玩VueJS，并想尝试一个实验，看看将这个基于jQuery UI的的滑块插件用VueJS实现是多么容易。对于这个插件，我并非将所有功能都翻译过来了，因为jQuery UI的滑块组件提供了许多额外的功能，但这个基于Vue的滑块也比较接近基于jQuery UI的了，它支持多个滑杆级联滑动，并且支持在滑杆上渲染渐变颜色。

在线演示源码下载

基于Vue.js的冒泡排序模拟动画

8,492 人浏览

发表回复

2018-04-20 16:25:46

vue.js是一款轻量级的渐进式JavaScript框架，之前我们也分享过一些基于vue.js的应用，例如这款基于Vue.js的Tooltip用户通知弹出框和基于Vue.js的超实用科学型计算器。这次给大家带来了一款基于Vue.js的有趣动画，它主要模拟了冒泡排序的过程，冒泡排序大家应该非常熟悉，这次用vue.js来直观展现冒泡排序的全过程，还是非常富有创意的。

在线演示源码下载