标签:Vue.js

WEB前端

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

1

爱前端网 - Yang 发布于 2021-11-09

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

阅读(2097)赞 (16)

WEB前端

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

1

爱前端网 - Yang 发布于 2021-11-09

今天给大家带来一款基于vue.js的任务列表插件,也就是我们常说的todo list。我们可以在输入框中输入任务名称,点击“add”按钮后就可以将任务添加到任务列表,并且通过点击任务名称改变任务完成状态。同时你也可以删除任务。你还可以按照任务状态进行筛选,方便查询和统计。这个vu...

阅读(1654)赞 (6)

WEB前端

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

1

爱前端网 - Yang 发布于 2021-11-09

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

阅读(4028)赞 (9)

WEB前端

Vue.js实现的3D Tab菜单

1

爱前端网 - Yang 发布于 2021-11-09

今天给大家带来一款基于VueJS的3D Tab菜单,它跟我们之前分享的许多CSS3 Tab菜单不同的是,它可以随着鼠标移动呈现出3D立体的视觉效果,每个tab页面还可以通过CSS自定义封面照片。它的核心是基于vue和bootstrap实现,因此扩展起来非常方便,你可以任意添加或者...

阅读(1573)赞 (7)

WEB前端

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

1

爱前端网 - Yang 发布于 2021-11-09

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

阅读(1651)赞 (7)

WEB前端

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

1

爱前端网 - Yang 发布于 2021-11-09

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

阅读(1179)赞 (1)

WEB前端

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

1

爱前端网 - Yang 发布于 2019-08-09

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

阅读(2301)赞 (1)

WEB前端

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

1

爱前端网 - Yang 发布于 2019-08-09

在网页中,表格(table)大部分用于数据的展示和处理,在jQuery的时代,用于表格的插件非常多。今天我们介绍一个基于VueJS的表格应用,它的特点是表格表头固定,也就是说当表格数据行很多时,页面下拉时表头可以固定,方便查看每一列的数据。另外还有特点是我们可以对每一个列进行排序...

阅读(2171)赞 (3)

WEB前端

Vuebnb:一个完整​​的Vue.js和Laravel应用程序

5

爱前端网 - Yang 发布于 2017-12-17

这是围绕一个案例研究项目,Vuebnb,一个简单的Airbnb的克隆。在这篇文章中,我将对它是如何工作的一个高层次的概述,以便从头开始构建一个完整的Vue / Laravel应用程序。 这里有一个现场演示,如果你想看看:https://vuebnb.vuejsdevelopers...

阅读(3455)赞 (11)

WEB前端

使用Laravel & Vue的高级服务器端渲染:多页应用程序

4

爱前端网 - Yang 发布于 2017-12-16

关于Laravel的新的Vue服务器端渲染功能的教程。该教程主要集中在Laravel环境中设置SSR,所以我只有时间来演示一个简单的“Hello World”应用程序,没有显着的功能。 现在我想要构建上一个教程,并演示如何使用Vue Router呈现包含多...

阅读(4032)赞 (7)

WEB前端

为VueJS用户提供通俗易懂的Webpack简介

3

爱前端网 - Yang 发布于 2017-12-15

对于许多开发者来说,Vue.js是他们学到的第一个前端JavaScript框架。如果这对你是真的,你可能还没有理由学习Webpack。但是当你继续使用Vue时,你会看到Webpack在文档,示例项目和Vue CLI等工具中反复出现。 Webpack为Vue用户提供了很多好处: 一...

阅读(4063)赞 (14)

WEB前端

Vue.js服务器端渲染与Vue路由器:分步指南

2

爱前端网 - Yang 发布于 2017-12-14

当我开始使用Vue收集有关SSR(服务器端渲染)的信息时,我必须从不同的文章以及官方文档中获取相关信息,以便全面了解这个主题。 以下是我在这些来源中发现的一些问题: 很多关于你应该拥有的信息的假设,比如Webpack配置,连接Vue Router等的正确方法。 缺乏一些重要的信息...

阅读(3012)赞 (9)

WEB前端

为什么你应该避免Vue.js DOM模板

1

爱前端网 - Yang 发布于 2017-12-13

在本文中,我将解释使用DOM作为模板的问题,并提供一些使用Vue.js框架的替代方法。 Vue应用程序通常使用DOM作为模板,因为它是建立最快最简单的体系结构。 然而,这种做法带来了一些问题,这使得它成为任何重大项目的不良选择。例如,您为DOM模板编写的标记并不总是在运行应用程序...

阅读(3481)赞 (8)

WEB前端

11款超震撼的HTML5和纯CSS3动画

11

爱前端网 - Yang 发布于 2017-10-24

1.纯CSS3小姑娘荡秋千动画 这又是一款基于纯CSS3的动画特效,动画主要描绘了一个小姑娘荡秋千的情景,首先小姑娘人物和秋千都是用CSS3绘制而成,对于该动画实例来说,难度最大的在于小姑娘在荡秋千的时候身体各个部位关节的联动,在这个动画中,这方面表现得非常逼真。 在线演示 源码...

阅读(3451)赞 (7)

WEB前端

Vue.js经典开源项目汇总

1

爱前端网 - Yang 发布于 2017-08-21

Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动...

阅读(6219)赞 (7)

WEB前端

基于vue2+vuex构建一个具有45个页面的大型饿了么单页面应用

17

爱前端网 - Yang 发布于 2017-05-24

前言 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求...

阅读(3206)赞 (1)

WEB前端

vue.js2.0实战(1):搭建开发环境及构建项目

15

爱前端网 - Yang 发布于 2017-03-14

Vue.js是一套构建用户界面的渐进式框架。它既集众多优秀前端框架之大成,又保持了其简单易用的特点。对vue.js感兴趣并且已经通读官方基础教程的初学者来说,开始一个实战项目是进一步深入学习vue.js最好的方式了。在此之前,需要学会如何搭建开发环境。 开发环境的搭建 安装nod...

阅读(2136)赞 (1)

WEB前端

15款web前端有趣的JavaScript与CSS库

15

爱前端网 - Yang 发布于 2016-12-16

在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。 那么,让我们一起来看看吧。Have Fun ! 1.Wing Wing 是一个微型(压...

阅读(2280)赞 (1)

WEB前端

Vue.js——60分钟组件快速入门

22

爱前端网 - Yang 发布于 2016-07-04

概述 上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。” 今天我们将着重介...

阅读(2062)赞 (0)

WEB前端

Vue.js——60分钟快速入门

13

爱前端网 - Yang 发布于 2016-06-28

Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM...

阅读(1967)赞 (1)