Vue.js开发技巧web 前端让前端飞

VUE项目

2018-01-15  本文已影响160人  5fc9b6410f4f

基于 Vue 的 WebSocket 实时聊天实战项目

一个基于vue的,从前端到后端构建的项目。能让学到如何用,用到了vue全家桶,nodejs,通过webpack打包,图灵机器人,websocket等前沿知识进行构建。让你轻松学会搭建一个基于vue的全家桶项目。


Vue写一个图片列表分页组件


这是给vue manager写的一个图片列表组件, 使用了iView组件, 目前只实现比较简单的分页、搜索和删除功能。编辑功能只是给一个链接,目的是为了跳转到其他页面进行编辑


Vue + VueRouter + Vuex + Axios 抓取 GitHub 上的 Issues 来搭建个人博客站点


项目背景 刚接触 GitHub 的时候就开始在仓库 bingoogolapple.github.io 里创建 Issues 来记录学习笔记,那时候我还不知道有 GitHub Pages,后来了解到了可以通过 GitHub Pages 来搭建 个人博客站点,但是如果涉及到在文章里嵌…


简洁的 Vue2 图片选择组件,支持多选和拖放


Vue2 图片选择组件,支持多选和拖放和简单的配置


使用 Vue2.js + Node.js 搭建一个小型的全栈项目


一个类似豆瓣评分小型的全栈项目,可以试着练练手哟。
前端Github项目地址:https://github.com/wclimb/vue-video
前端预览:http://video.wclimb.site/
后台Github项目地址:https://github.com/wclimb/video-admin
后台线上地址:http://vue.wclimb.site/
api:https://github.com/wclimb/video-admin/blob/master/API.md


基于 Vue.js 和 Node.js 支持服务端渲染的开源博客系统


支持服务端渲染,前后端分离,支持PWA,并且标题可以动态切换,支持markdown编辑器,github风格代码高亮,拥有归档和标签功能,不错的学习小案例


填坑:注册登录项目--Token以及Github第三方登录(Vue + Koa2)


原项目一个对注册登录由浅至深,注释详尽的 Vue + Express 项目,于5月前分享在掘金上,此项目就是填当初留下的坑啊。 前后端分成两个小项目,原项目中夹杂了前后端两个服务,当初的我一心只想在一个项目中开发,而且患有强迫症的我,还考虑各种实现方案,保障开发流畅,诸如什么三…


一步步带你做vue后台管理框架(二)——上手使用


闲扯再多不会用也没白搭,这节课我来带大家直接上手框架,体验到简单方便之后你就会爱上这个框架欲罢不能的。
首先跟所有的vue项目一样,两种方式,一种去项目github地址:vue-framework-wz上下载代码包到本地,或者使用 无论哪种方式,只要我们能够拿到整个代码包就…


探索 vue-spa 全家桶项目,解析配置,目录结构,路由以及状态管理的实现,附源码


1.简介 项目是一个简单的权限管理页面,分为3个页面, 首页,账户中心,登录页 通过vue-router 对于路由做权限控制, 首页无需登录,跳转账户中心会自动检索是否登录, 登录之后首页的登录按钮变为退出按钮, 页面之间的的状态管理全部通过vuex进行管理 项目演示 项目用到的…


也许 Vue+CSS3 做交互特效更简单


做项目就难免会开发交互效果或者特效,而我最近开发的项目一直在使用vue,开发技术栈方面,理所当然就使用了vue+css3开发,过程中发现使用vue+css3开发特效,和javascript/jquery+css3的思维方式不一样,但是比javascript/jquery+css…


Node.js 入门:Express + Mongoose 基础使用


详细的描述了从入门学习使用express+mongoose实现增删查改的知识点


《京东E维》基于VUE+Webpack的单页面实践


本篇文章和大家聊一聊我们近期的项目——京东E维平台,这是一个专门为运维工程师设计的工单处理系统。它所要肩负的任务是,针对公司内部所有员工在办公时遇到的有关计算机、网络、软件方面等问题,通过E维平台发起问题上报请求。工程师通过该系统可以根据上报工单的紧急程度进行抢单、解决事件单、…


基于Vue2的数据管理系统-DBM


使用DBM在每次导入表格成功后将生成对应表格的查看、编辑(包括添加)和删除三个权限项,在角色管理页面对指定角色授予某项权限,另外还包含十余项系统权限属于不可修改权限,只有最高级别管理员拥有。 进入指定表格后可以对其进行一些自定义的数据筛选、导入、导出等基本操作,采用后台分页与解…


nuxt(vue) + koa + mongo 写blog的一次小结


... 权限部分,登录时接受服务器返回的 token,储存在本地, 使用 axios 拦截,以及 vue-router 路由元信息部分拦截,会检查 token 以及是否过期。 使用 element-ui 上传组件配合七牛。 ... ... node 版本 6.x+,使用前,请安…


vue初体验demo


vue,vuex


带你用 Vue 全家桶和 Node.js 完成一个聚合应用


平时会经常浏览一些网站充电,但是老是需要切换网站也很麻烦,所以就有了做这个小项目的想法。通过爬虫抓取一些网站,然后整合在一个应用中。虽然是个简单应用,但是五脏六腑俱全,适合 Vue 的新手学习。 项目地址 项目技术栈 Vue 全家桶 语言:ES6 UI:这里使用了Element…


Vue-Layout:可视化布局、自动生成代码工具


按惯例,先上GIF: demo1 banner Vue-Layout 基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist GitHub | Demo 效果展示 demo2 后台布局图片的例子,你…


一个通用实用好用的vue2.0的表格组件


在做业务组件的时候需要自己自己封装一个通用的表格,这个表格需要符合我们一切的好的幻想,左右固定,表头固定,分页,选择,一直表格内容的行数限制等等,下面就为大家介绍一下这一款表格组件功能以及怎么使用。
npm install vue-table2 操作的模板 slot ps:如果…


一套Vue的单页模板:N3-admin


趁着周末偷来一点闲,总结近期的工作和学习,想着该花点心思把N3-admin这套基于N3-components的单页应用模板简单的给介绍一下。
项目路径: https://github.com/N3-components/N3-admin ps: 本项目不同于vue-admin等…


Vant - 高效的 Vue 组件库,再造一个有赞移动商城也不在话下


Vant ( \ˈvænt\ ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。我们会在此基础上不断完…


vue-仿手机qq的demo


概述 这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐 页面效果展示 效果展示 免责声明 本项目为开源项目,如有类同,纯属巧合。 项目已实现功能 侧边栏 联系页面 动态页面 信息列表 搜索好友 对话页面 信…


从插件组件说到 Vue 的 slot 上监听


如何监听vue的slot


一步步带你做vue后台管理框架(一)——介绍框架


本篇文章介绍如何做一个vue后台管理框架。
在如今的科技公司中有很多前端的需求都是要写一个类似于后台管理框架,日常的工作中会有太多重复的内容加重我们程序员的工作,浪费我们的时间,导致不能早点下班回家吃饭。
普通程序员拿到一个项目总是会重新写,写路由花了两小时,写vuex花了两小时,写个Header组件花了1小时,侧边栏…


Vue 进阶搭配 Node + Mongo 实现一个全栈电子商城


基于 vue+node+mongo 实现一个锤子手机商城.


写了一个时间管理的小程序


时间管理,记录每天的时间消耗,内设奖励机制、评分系统。

上一篇下一篇

猜你喜欢

热点阅读