基于vue开发的项目
文章平均质量分 94
Lucky_LXG
努力吧!
展开
-
SegmentFault 技术周刊 Vol.14 - 进阶 Vue 2.0
SegmentFault 技术周刊 Vol.14 - 进阶 Vue 2.0 作者 SegmentFault 关注2016.11.29 21:24* 字数 2050 阅读 692评论 1喜欢 35优质阅读感受及更多讨论,请查看原文:https://segmentfault.com/a/1190000007638646week转载 2017-04-06 11:58:17 · 1100 阅读 · 0 评论 -
基于vue2 + vue-router + vuex + ES6 + less + flex.css重写vue版cnode社区,使用webpack打包
前言http://www.vue-js.com/topic/587c16c4a9c1282817afc059项目灵感的最初来源是[@shinygang](https://github.com/shinygang/Vue-cnodejs)来自的Vue-cnodejs,感谢cnodejs社区提供的API。github:https://github.com/lzxb/vue-cnod转载 2017-04-01 14:38:51 · 1844 阅读 · 0 评论 -
vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发
关于项目vue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发,使用webpack构建工具编译打包项目http://www.vue-js.com/topic/58ae7fc2a9c1282817afc2e0如果此开源项目对大家学习vue的全家桶有帮助,请给我一个star,因为你的star让我觉得这个开源有了价值!仓库地址转载 2017-04-01 14:37:31 · 1060 阅读 · 0 评论 -
使用vue2、vuex、vue-router、axios等重写饿了么点餐系统
我用vue2.0写了一个饿了么点餐系统的Demo,关于vue的一些基本用法都有用到,并且引入了vuex、vue-router、axios、webpack、eslint、better-scroll等,感兴趣可以来看看GitHubhttps://github.com/SimonZhangITer/VueDemo_Sell_Eleme饿了么点餐系统vue2.0、vue转载 2017-04-01 12:28:01 · 3284 阅读 · 0 评论 -
博客前端vue和豆瓣页面
vue构建的小项目http://Git.oschina.NET/yeqown/blog-vue# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run bui转载 2017-03-31 08:56:06 · 2133 阅读 · 0 评论 -
一款基于Vue2.0高仿微信App的单页应用
概述利用Vue2.0模仿微信app,努力做到以假乱真的效果。个人独立开发,源码中有详细的注释,为新手提供许多有用的提示信息。项目的第一期接近尾声,后期会增加 仿3DTouch、登陆、注册、emoji表情内嵌、通讯录检索、朋友圈图片查看等功能,让它更接近微信App的用户交互体验。项目地址 https://github.com/zhaohaodang/vue-WeChathtt转载 2017-03-31 08:55:21 · 13350 阅读 · 4 评论 -
用vue开发一个猫眼电影web app
前言:之前一直在学习原生的JavaScript,但是无奈功力太浅,学了很长时候也只能写一些简单的小demo,知道遇见了vue,一切都变了,他的双向绑定和组件化思想让我迅速的爱上了他,可是光学不练是没有什么成就感的,想着豆瓣提供了免费的api接口,不如就利用这个接口做一个电影网站,想想还是有点小激动的!http://www.tuicool.com/articles/viYVBfB转载 2017-03-31 08:49:32 · 3449 阅读 · 1 评论 -
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
这篇文章主要为大家详细介绍了Vue.js实现多条件筛选、搜索、排序及分页的表格功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下与上篇实践教程一样,在这篇文章中,我将继续从一种常见的功能——表格入手,展示Vue.js中的一些优雅特性。同时也将对filter功能与computed属性进行对比,说明各自的适用场景,也为vue2.0版本中即将删除的部分filter功能做准备。转载 2017-03-31 08:47:54 · 8230 阅读 · 1 评论 -
低仿饿了么H5-纯前端Vue版 + 手把手教学
这是一个低仿饿了么H5的纯前端练手,数据是伪造的,写的比较粗糙,写这个的目的是为了加深一下熟练度,半年前看到别人写的仿cnodejs网站,我也用vue1仿了cnodeJs的网站,当时写的也是粗糙的令人发指,在线预览:https://hbxywdk.github.io/vue-cnodeJs/#!/半年过去,工作中很少有机会用上vue,vue也早已更新到2.+,想想学了不用也是白学了,恰好年转载 2017-03-31 08:45:28 · 2579 阅读 · 0 评论 -
滴滴 webapp 5.0 Vue 2.0 重构经验分享
项目背景滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构。技术栈MVVM框架: Vue 2.0源码:es6代码风格检查:eslint构建工具:webpack前端路由:vue-router状态管理:vuex服务端通讯:vue-resource几转载 2017-04-01 14:40:52 · 1823 阅读 · 0 评论 -
VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp
VUE全家桶,都有很牵强的用到http://www.tuicool.com/articles/qEvErmvue2Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。vue.jsvue-router应用的路由映射routervuexVuex 是一个专为 Vue.js应用程序开发的状态管理模式。转载 2017-04-01 14:41:27 · 3083 阅读 · 0 评论 -
Vue开源项目库汇总
最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star。UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★转载 2017-04-01 15:01:04 · 1451 阅读 · 0 评论 -
基于vue2全家桶实现的,仿移动端QQ
vue-miniQQ————基于Vue2实现的仿手机QQ单页面应用https://github.com/jiangqizheng/vue-MiniQQ概述使用Vue2进行的仿手机QQ的webapp的制作,在ui上,参考了设计师kaokao的作品,作品由个人独立开发,源码中进行了详细的注释。 由于自己也是初学Vue2,所以注释写的不够精简,请见谅。项目地址 htt转载 2017-04-01 15:00:48 · 2633 阅读 · 0 评论 -
vue-zhihu-daily知乎日报
这是一个基于Vue全家桶开发的知乎日报WebApp,页面样式主要参考iOS版知乎日报APP。https://github.com/cccyb/vue-zhihu-daily/blob/master/README.md项目github地址:vue-zhihu-daily如果觉得对您有帮助,您可以点右上角给个 star 支持一下,十分感谢!如果有问题,也欢迎提交 issue转载 2017-04-01 15:00:10 · 1603 阅读 · 0 评论 -
vue仿PC端163music图片滚动组件
介绍这是一款模仿PC端网易云音乐的vue图片滚动插件http://blog.shanamaid.top/2017/03/03/vue%E4%BB%BFPC%E7%AB%AF163music%E5%9B%BE%E7%89%87%E6%BB%9A%E5%8A%A8%E7%BB%84%E4%BB%B6/Github项目地址-vue-image-scroll在线文档转载 2017-04-01 14:59:38 · 1827 阅读 · 0 评论 -
vue仿163musicPC端
前言 http://blog.shanamaid.top/2017/03/21/vue仿163musicPC端/vue2越来越受欢迎,无奈现在在公司做的平台是以ng1.x为主,一直没有机会练手vue2,虽然写过一些小demo,但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休,自己用vue2复写了163musicPC端。相比较之掘金上大大写的很多都是纯静转载 2017-04-01 14:58:56 · 3045 阅读 · 1 评论 -
Vue.js写一个音乐播放器.A music player by Vue.js
Vue.js写一个音乐播放器在线预览http://www.ctolib.com/vue-music-player.html?utm_source=tuicool&utm_medium=referral在线预览地址1:转载 2017-04-01 14:58:19 · 2845 阅读 · 0 评论 -
vue2.0-王者荣耀助手
项目使用的是带玩游戏平台提供的API,由于腾讯公司王者荣耀游戏关闭了查看其它人的战绩功能,带玩平台受其影响,已将API暂时关闭,所以无法获得稳定的** DAIWAN-API-TOKEN ** ,所以会出现DAIWAN-API-TOKEN令牌过期的情况。 https://github.com/maidishike/vue-gok扫一扫查看在线地址1转载 2017-04-01 14:57:42 · 1555 阅读 · 0 评论 -
基于Vue2.0的知乎日报单页应用
基于Vue2.0的知乎日报单页应用 https://walleeeee.github.io/daily-zhihu/https://github.com/walleeeee/daily-zhihuapi来自知乎( 知乎Zhihu ), 项目中所有内容的一切权利属于知乎, 本项目所有内容及代码仅供私下学习参考, 不得作为其他用途简介学习Vue.js转载 2017-04-01 14:43:31 · 1135 阅读 · 0 评论 -
Vue上传图片预览以及删除的vue组件
上传图片预览以及删除的vue组件https://github.com/kinsliy/vue-img-preview-deleteGit clone 到本地,打开 index.html 就可以了转载 2017-03-31 08:44:04 · 7144 阅读 · 0 评论 -
使用Vue框架实现NGA客户端
vue-nga由于手机配置不太好,刷nga安卓端经常重载,每次进入都要看好几秒的广告。。于是用vue.js试着做了一个(常年看帖不回,先只做游客功能- -),在浏览器上面体验还好(还可以全屏!),速度也过得去,能满足自己的日常需求了。Preview UsingFrontendVue.jsvue-routervue-res转载 2017-03-31 08:42:50 · 1372 阅读 · 0 评论 -
Vue2.0开发购物车实例
前言虽然Vue最强大的是组件化开发,但是其实多页面开发也蛮适合的。看了慕课网的使用Vue2.0开发购物车的教程之后,自己也实现了一遍。http://www.imooc.com/article/16454初始化package.json使用npm init命令来自动生成package.json文件。会依次让你输入:name: 你的项目名称(默认会使用你的文件夹名称,转载 2017-03-31 08:40:50 · 3450 阅读 · 0 评论 -
vue2.0嵌套路由实现豆瓣电影分页功能(附加豆瓣web-app)
前言最近练习Vue,看到官方文档中的嵌套路由,不做不知道,实在是太坑了,网上资料demo少之又少,然后自己就做了一个demo,用了vue2.0嵌套路由实现豆瓣电影分页功能,供大家学习学习,写得不好望见谅。官方文档给出的demo:http://jsfiddle.net/yyx990803/L7hscd8h/本demo地址:https://github.com/lian转载 2017-03-29 08:49:10 · 1066 阅读 · 0 评论 -
使用 vue2+Vuex+Router 重写饿了么点餐系统和 vue 插件简析
vue2重写饿了么构建vue有自己的脚手架构建工具vue-cli,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如:代码热更新,修改代码之后网页无刷新改变,对前端开发来说非常的方便PostCss,再也不用去管兼容性的问题了,只针对chrome写css代码,会自动编译生成支持多款浏览器的css代码Eslint,统一代码风格,规避低级错误,对于有代码转载 2017-03-29 08:51:48 · 1725 阅读 · 0 评论 -
vuejs2.0实现一个简单的分页
实现的分页结果如图所示:css.page-bar{ margin:40px;}ul,li{ margin: 0px; padding: 0px;}li{ list-style: none}.page-bar li:first-child>a { margin-left: 0px}.page-bar a{ border:转载 2017-03-29 08:54:55 · 11068 阅读 · 0 评论 -
用vue.js做一个网易云音乐
前言:自己学习VUEJS也一段时间,但一直没有做出来一东西。我自己一直喜欢用网易云音乐app,于是乎就做了这个app。技术栈vue全家桶 (vue vue-router vuex)axiosMuse-UI(一个基于Vue2.x的material design 风格UI框架)功能与思路分析我之前学习JS的时候对HTML5 aud转载 2017-03-29 08:52:45 · 2103 阅读 · 0 评论 -
一个vue2.0+vuex+vue-router搭建的单页潮流购物网站
项目demo地址github源码地址https://segmentfault.com/a/1190000008317170?utm_source=tuicool&utm_medium=referral首页觉得不错,给我的github源码点个赞吧QAQ前言这篇文章是总结自己写项目时的思路,遇到的问题,和学到的东西,本文只截取一部分来讲,源码已奉转载 2017-03-29 08:52:09 · 671 阅读 · 0 评论 -
vue2.0与express构建淘票票页面
react构建淘票票,请点击这里https://github.com/canfoo/vue2.0-taopiaopiao描述写这个项目的目的一是为了学习vue2.0相关的知识点,二是为了给他想要了解vue2.0的童鞋提供一个学习demo。所以为了使这个项目更加完整,项目中加入一个server服务,模拟服务器环境,为前端提供数据来源,当用npm run deploy命令运转载 2017-03-29 08:51:33 · 3488 阅读 · 0 评论 -
Vue 2.0 制作列表组件,实现分页、搜索、批量操作等
本文仅讲解如何使用 Vue 创建一个实现分页、搜索、批量操作的列表组件,所以只提供此小组件的代码及说明,不提供其之外的代码或配置github 地址: https://github.com/jothy1023/vue-component使用到的技术或框架Vue.js (2.0) 一套基于 MVVM 的 progressive framework,可以帮助我们迅速搭转载 2017-03-29 08:49:58 · 4154 阅读 · 0 评论 -
Vue 2.0 华丽的音乐搜索播放 Demo
空闲时间一边学Vue一边写了个音乐搜索播放的小网页(手机版),资源来自QQ音乐先上链接查看在线Demo(在大屏手机上效果最好)http://sioxas.github.io/Github地址https://github.com/Sioxas/vue-music/喜欢的话加个star扫一扫体验实现的功能音乐播放、暂停、上一曲、下一曲播放转载 2017-03-29 08:48:47 · 784 阅读 · 1 评论 -
vuejs2.0实现分页组件,使用$emit进行事件监听数据传递
上一篇文章介绍了vuejs实现的简单分页,如果我有几个页面都需要有分页效果,不可能每个页面都去复制一下这段代码吧,意思是封装一下,变成通用的组件。https://segmentfault.com/a/1190000008446707首先使用基础 Vue 构造器,创建一个“子类”,Vue.extend( options )var barHtml = ''+转载 2017-03-30 08:38:59 · 1468 阅读 · 0 评论 -
vuejs2.0实战:仿豆瓣app项目,创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程。当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app。————第一次写文章,写得不好请见谅。为什么我们选择豆瓣app 来做这样一个教程?是因为我很早就接触豆瓣这个网站,我比较喜欢看豆瓣里面电影和文章的点评。并且豆瓣提供了非常丰富的一个api接口供我们使用。也就是说我们可以不通过后端,直接通过前端ajax来获取电影转载 2017-03-30 08:41:29 · 4857 阅读 · 0 评论 -
Vue 2.0 构建单页应用最佳实战
前言我们将会选择使用一些vue周边的库vue-cli, vue-router,vue-resource,vuex1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的node服务端5.使用.vue文件进行组件化的开发PS:本文node v6.2.2 npm v3.9.5转载 2017-03-31 08:35:33 · 1780 阅读 · 0 评论 -
基于 vue2 + vuex2 构建一个具有 40 多个页面的大型单页面应用 饿了么
前言初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器,知乎论坛之类的展示类项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会伴随着登陆、注册、用户信息等等,常常会让我们很头疼。既然还没人用vue写过转载 2017-03-31 08:34:39 · 1796 阅读 · 0 评论 -
基于vue的下拉刷新&滚动刷新指令
小编最近在实现移动端列表页面显示的时候一直在思考如何实现列表的自动更新数据,对于大多数Native App或者Web App,在列表的底部增加“加载更多”的按钮也是解决这样的问题一种交互的方式,当然,这样的交互其实还好,不过根据用户的操作习惯来看,似乎滚动刷新更多数据和下拉刷新当前数据的操作方式,更符合用户对列表分页数据的读取习惯,因此,在这里小编想简单的说说,这次在小编系统中所使用的下拉刷新和滚转载 2017-03-31 08:33:55 · 1270 阅读 · 0 评论 -
Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS
参考:Vue 2.0 起步(2) 组件及vue-router实例 - 微信公众号RSSVue 2.0 起步(1) 脚手架工具vue-cli + Webstorm 2016 + webpack本篇主要介绍设计思路和过程。假定读者已有简单的Vue入门知识,如果没有,请先行补课:Vue.js官网教程本篇目标:给我们的应用 - “简读 - 微信公众号RSS”,添加搜索、订阅转载 2017-03-31 08:33:10 · 1838 阅读 · 0 评论 -
vuejs2.0运用原生js实现简单的拖拽元素功能
[javascript] view plain copy "font-size:18px;">http://www.cnblogs.com/moqiutao/p/6428632.html [javascript] view plain copy "font-size:18px;">转载 2017-03-30 08:52:25 · 4752 阅读 · 0 评论 -
1-vuejs2.0实战:仿豆瓣app项目,创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程。当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app。————第一次写文章,写得不好请见谅。为什么我们选择豆瓣app 来做这样一个教程?是因为我很早就接触豆瓣这个网站,我比较喜欢看豆瓣里面电影和文章的点评。并且豆瓣提供了非常丰富的一个api接口供我们使用。也就是说我们可以不通过后端,直接通过前端ajax来获取转载 2017-03-30 08:46:34 · 1248 阅读 · 0 评论 -
使用Vue.js框架搭建火车票查询系统
3002.pngVue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.jslogo.png今天,我就要基于这个库来搭建一个火车票查询系统。首先我们的机器上得有NodeJS环境,并且安装了npm包管理工转载 2017-03-30 08:45:37 · 1692 阅读 · 0 评论 -
Vue2+Echarts实现多种图表数据可视化Dashboard详解(附源码)
数据可视化 将数据通过图表的形式展现出来将大大的提升可读性和阅读效率本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等技术栈vue2.xvuex 存储公共变量,如色值等vue-router 路由element-ui 饿了么基于vue2开发组件库,本例使用了其中的datePickerecharts 一款丰富的图表库webpack、ES6、Babel转载 2017-03-30 08:42:22 · 9309 阅读 · 3 评论