×

vue(7) - 收藏集 - 掘金

96
掘金官方
2017.05.12 14:16* 字数 14056

DIY 一个自己的音乐播放器 - 前端 - 掘金
前言:在最近的一个外包项目中包联盟(PC端)中使用到了video,遇到了好多坑。突发奇想来踩一踩audio的坑😀,果然一入深似海,👇下面将分享我的DIY之路-Vue音乐播放器。注:本项目为开源项目,不能用于商业应用,仅供学习。有问题或建议发我邮箱:hjin...

Vue2.0-- 仿知乎日报 (IOS 版) - 前端 - 掘金
一个基于vue全家桶开发的仿知乎日报单页应用 如果觉得做得还不错 , 或者项目源码对您有帮助 , 希望您小抬右手到右上角点一个star , 您的支持是作者长期更新维护的动力_ 声明 ...

如何在 Vue.js 中使用第三方库 - 前端 - 掘金
在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使应用支持不同环境下的服务端渲染. 除非你找到...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

学习 Vue 20 天,我写了点东西 - 前端 - 掘金
往昔 最初团队里使用Angularjs进行开发,刚开始还好,到了项目后期越发感觉Angularjs太重了,以至于后来重构项目时,毅然放弃Angularjs,投入了Vue的怀抱。除了组建团队时,是我搭建了基于Angularjs的前端开发框架,之后都是由前端小组开...

Dive into Vue.js - 前端 - 掘金
作者:百度外卖FE clancyz 摘要 Vue.js作为先进的前端MVVM框架,在外卖已经广泛应用在各业务线中。本文阐述了Vue.js作为前端MVVM框架的主要优势,并从Vue.js的三个核心点:Observer, Watcher, Compiler出发,...

一个比较深入的 Vue2 + 项目 - 前端 - 掘金
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource ...

vue-router 的三种加载方式速度对比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

Vue2.0 全家桶开发的吾记网页版|开源 - 前端 - 掘金
登录注册模块 日记列表 日记创建与编辑 日记详情 ...

Vue 下拉刷新及无限加载组件 - 前端 - 掘金
Vue Scroller is a foundational component of Vonic UI. In purpose of smooth scrolling, pull to refresh and infinite loading. Demo ...

使用 Vue Directive 封装 DOM 操作 - 前端 - 掘金
这篇文章是关于Vue Directive的介绍,后面会介绍一个使用的小例子。 1.Vue Directive的简介 directive在Vue中十分常见,Vue提供的许多指令如 v-on 、 v-show 使得Vue的功能更加强大,可是仍然有一些操作...

Vue 列表渲染性能优化原理 - 前端 - 掘金
Vue列表渲染性能优化原理 Vue 是一个高效的 mvvm 框架,这得益于作者已经帮我们框架内部做了足够的优化,比如各个细节的缓存( parseText 结果的缓存,compile 编译结果的缓存等)。 大列表是容易造成性能问题的地方,一不小心就会造成大量...

关于 Vue 弹窗组件的一些感想 - 前端 - 掘金
最近是用 vue 开发了一套组件库 vue-carbon , 在开发过程对对于组件化的开发有一些感想,于是开始记录下这些。 弹窗组件一直是 web 开发中必备的,使用频率相当高,最常见的莫过于 alert,confirm,prompt .. 这些(曾经我们都会...

Vue.js 一个超长列表无限滚动加载的解决方案 - 前端 - 掘金
在线DEMO 序 众所周知,列表滚动加载这种需求很常见,特别是在移动webapp上。Github上各款移动端ui框架都会包含滚动加载功能的组件,但它们往往只提供很基础的功能,例如简单地监听滚动条并在满足条件的时候触发回调,然后通过某些方法把新的元素...

Vue.js 开发实践:实现精巧的无限加载与分页功能 - 阅读 - 掘金
本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景——分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程;与一些构建大型应用的高阶教程相比,又...

Vue2 服务端渲染:按需分块加载的首屏优化策略 - Smallpath 的小站 - 前端 - 掘金
本文介绍一种SSR与按需分块加载的首屏优化策略,可以达到将所有路由全部按需分块加载,并且完全不影响首屏速度的效果。 背景 SSR与按需分块加载,博主最初使用下来感觉其实意义有限 假如全部路由都使用按需分块加载,那么首屏时间很可能不降反增,因为首屏对应...

使用 Vue.js 和 Chart.js 制作绚丽多彩的图表 - 掘金
本文作者:Jakub Juszczak 编译:胡子大哈 翻译原文:http://huziketang.com/blog/posts/detail?postId=58e5e0e1a58c240ae35bb8e0 英文连接:Creating stunning ...

Vue音乐播放器2.0升级版来了 - 掘金
Vue.js音乐播放器2.0 之前初学Vue做了一个音乐播放器,受到不少人的喜欢。现在升级版来了!功能更强,技术栈更多:Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上线版本是Koa2)、Webpack、ES6...

提高 webpack 构建 Vue 项目的速度 - 掘金
前言 最近有人给我的 Vue2 后台管理系统解决方案 提了 issue ,说执行 npm run build 构建项目的时候极其慢,然后就引起我的注意了。在项目中,引入了比较多的第三方库,导致项目大,而每次修改,都不会去修改到这些库,构建却都要再打包这些库,浪...

浅谈 AJAX 跨域请求时的 OPTIONS 方法 - 前端 - 掘金
在通过 AJAX 发起 HTTP 请求的时候,我们最常用的方法大概就是 GET 和 POST 了。实际上除了这两个以外,HTTP 请求还有 PUT,DELETE,OPTIONS 等等。本文就将对 OPTIONS 请求的作用进行介绍,并解决我前两天遇到的一个与它...

使用 Vue,Express,Webpack,gulp 搭建的自动化电影库项目 - 前端 - 掘金
项目介绍 采用vue-cli 构建初始项目目录 ...

JSPangAdmin Vue2.0 后台开源系统 - 前端 - 掘金
一个建立在Vue2.0框架基础上的后台管理系统,它包含了后台所用的前端样式和常用组件。它可以快速的帮你搭建基于Vue的后台管理系统。 相关技术 Vue-cli + element + eCharts ...

Vue.js 全家桶入门实战项目 (豆瓣市集) - 前端 - 掘金
这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目! 在这之前只是简单的了解一点关于vue相关的知识,也只停留在写过一点很简单的demo ,但是在对比react和angular之后,还是更加的青睐v...

Vue-Donut——专用于构建 Vue 的 UI 组件库的开发框架 - 工具资源 - 掘金
相信不少使用Vue的开发者和公司都有定制一套属于自己的UI组件库的需求。但是要开发、测试、打包、发布这个组件库,却需要耗费较大的劳动力去搭建一整套的环境。针对这个问题,我搭建了一个专门用来构建Vue的UI组件库的开发框架,以节省搭建环境的劳动力,专心于组件库的...

Vue2服务端渲染实践以及相关解读 - 掘金
由于前端渲染SEO的问题,所以首先博客优化点先把服务端渲染(Server-Side Rendering)放在首位,折腾了段时间将博客前台部分以及服务端koa2部分改版,成功实现服务端渲染,这篇文章旨在记录下本次博客的升级以及实现vue2与koa2配合服务端渲染...

Vuex 框架原理与源码分析 - 前端 - 掘金
Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过 action - mutation - state change 的流程来进行,再结合Vue的数...

基于Nuxt.js的SSR/Web应用最佳实践 - 掘金
SEO 很重要,所以要普及。 SEO: 搜索引擎优化(Search Engine Optimization),它是指通过站内优化,如:网站结构调整、网站内容建设、网站代码优化以及站外优化等方法,来进行搜索引擎优化。 简单说: 通过各种技术(手段)来确保,你的W...

vue2+element 管理后台 集成解决方案 没有没做的,只要想不到的 - 前端 - 掘金
线上地址 前言 这半年来一直在用vue写管理后台,目前后台已经有七十多个页面,十几种权限,但维护成本依然很低,效率依然很高,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+elemen...

写个vue-emoji组件。 - 掘金
最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。完成项目过程中,发现并没有一个好用的emoji插件,于是写了一个简单的component,希望对各位有所帮助(若能顺手给个start, 那便再好不过了...

如何在 Vue.js 中使用第三方库 - 前端 - 掘金
在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使应用支持不同环境下的服务端渲染. 除非你找到...

vue-router 的三种加载方式速度对比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

一个基于vue2、koa2和mongodb的博客 - 掘金
博客终于差不多写完了,虽然还是可能有一堆bug, 不过我迫不及待要写一篇博文来分享了= = 博客前台展示 博客前台展示 博客后台展示 博客后台展示博客后台编辑 项目地址 github地址:https://github.com/BUPT-HJM/vue-blo...

手把手教你封装一个 vue component - 前端 - 掘金
为什么选择自己封装第三方库 最近几个月来我司把公司之前两三年的所以业务都用了vue重构了一遍,前台使用了vue+ssr,后台使用了vue+element,在此过程中包装和自己写了很多的vue c...

使用 Vue 渲染可配置表单 -- 记一次问卷平台项目 - 前端 - 掘金
近几天来了个紧急项目,想要做一个内部版本的问卷星。相当于可以编辑问卷并提供问卷展示,数据统计的这么一个平台。整个项目耗时不长,本着积淀和积累的原则,将过程中的思路和收获进行一下沉淀。由于公司原因,代码尚未开源。 不过沉淀了个动态配置表单的尝试: git...

Vue 2.x 实战之后台管理系统开发(二) - 掘金

  1. 导语 承接上文:Vue 2.x 实战之后台管理系统开发(一) 在上一篇文章中,我详细叙述了如何创建项目框架和引入各种后台常用插件,做好这些准备工作后,我们就可以着手进行页面的开发了。在开发过程中,会遇到一些常见的需求和问题,我整理了一下,有以下几点。 ...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

使用 Vue2 和 Yii2 进行前后端分离开发 - 工具资源 - 掘金
本文介绍使用 Vue2 单页面程序作为前台,以 Yii2 搭建后台提供 API,进行前后端分离开发的入门知识。本文适合 Vue2,Yii2 爱好者观看。预计花费时间 30 分钟,跟随教程操作。...

基于vuejs2+webpack2+vuxui2多页面架手脚,支持二级目录 - 掘金
前言 vue2.0上线已经有一段时间了,现在vue2.1也都已经发布了,是时候来更新基于vue的多页面脚手架了。 相信用vue的童鞋,很多一部分在用于spa(单页面)项目,也不排除传统的多页面项目,我们就用vue开发了多页面的webapp,相对于spa开发效率...

基于 Vue2 实现的仿手机 QQ 单页面应用(接入聊天机器人) - 前端 - 掘金
概述 使用Vue2进行的仿手机QQ的webapp的制作,在ui上,参考了设计师kaokao的作品,作品由个人独立开发,源码中进行了详细的注释。 由于自己也是初学Vue2,所以注释写的不够精简,请见谅。 ...

vue 仿 163musicPC 端 (支持pc端常用功能) - 前端 - 掘金
前言 vue2越来越受欢迎,无奈现在在公司做的平台是以ng1.x为主,一直没有机会练手vue2,虽然写过一些小demo,但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休,自己用vue2复写了163musicPC端。相比...

JSPangAdmin Vue2.0 后台开源系统 - 前端 - 掘金
一个建立在Vue2.0框架基础上的后台管理系统,它包含了后台所用的前端样式和常用组件。它可以快速的帮你搭建基于Vue的后台管理系统。 相关技术 Vue-cli + element + eCharts ...

vue-ssr (Vue 服务端渲染) - 前端 - 掘金
前言 自从前端技术栈换到 mvvm 之类的以后网站的源码查看就只会有一些js了,对于用户是没什么问题但是却对 seo 有很大的问题。 因为百度之类的爬虫不会执行js来渲染所以无法得到内容。大部分主流的mvvm框架都有了 ssr(Server Side Rend...

Vue.js 写一个音乐播放器 - 前端 - 掘金
在线预览 在线预览地址1: 🔗http://microzz.cn/vue-music/在线预览地址2: 🔗https://microzz.github.io/vue-music-player/ 源代码 GitHub...

我用 Weex 重写了一个 iOS 应用 - iOS - 掘金
我司的一个应用一直有被 Apple 拒的传统,今年的情况更糟糕,已经好几个月没通过了😢。正好最近我的一个项目结束了(这又是另外一个悲伤的故事🙊……),有时间来研究一下热更新技术,绕过 Apple 的审核。 热更新现在大热的两个方案是 React N...

Yet Another Vue Boilerplate - 前端 - 掘金
项目地址:https://github.com/d-band/vue-boilerplate Dependencies vue vuex vue-router ElementUI dool Features ...

webpack2 终极优化 - 前端 - 掘金
webpack是当下最流行的js打包工具,这得益于网页应用日益复杂和js模块化的流行。webpack2增加了一些新特性也正式发布了一段时间,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。 优化输出 打包结果更小可以让...

手摸手,带你用vue撸后台 系列一 - 掘金
项目地址 前言 说好的教程终于来了,第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧,但这里不会教你webpack的基础配置,热更新怎么做,webpack速度优化等等,有需求的请自行google。 目录结构 ├── build ...

Vue.js 插件开发 - 前端 - 掘金
作者:Joshua Bemenderfer原文地址: creating-custom-plugins译者:jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插...

写个 vue-loading-template 组件 - 掘金
趁着5.1来临之际,告诉你们一个好消息: demo: https://jkchao.github.io/vue-loading/ 源码(star ? start : start):https://github.com/jkchao/vue-loading 组...

实例 - Vue 单页应用:记事本 - 掘金
0.前言 若文章中存在内容无法加载的情况,请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候,别人给我安利了一个国外的小案例,通过 Vue 和 Vuex 来实现一个记事本。 仔细剖析下,发现“麻雀虽小,五脏俱全”,是一个挺适合初学者学习分...

使用Travis-CI 与 Github Webhook自动部署你的页面 - 掘金
原文链接 —— 以webpack文档部署为例子 Overview Some friends and I have been running webpack-china for a few months.After a few months effort, mo...

知乎登录页 - 粒子运动效果 - 前端 - 掘金
简介 由于群友的号召,清明时节得空,所以仿知乎登录页面,基于canvas实现了一个粒子(Particle)随机运动的动画效果。 Demo 知乎Particle Demo Demo源码 ...

聊一聊 H5 应用缓存 - Manifest - 掘金
Manifest 是 H5提供的一种应用缓存机制, 基于它web应用可以实现离线访问(offline cache). 为此, 浏览器还提供了应用缓存的api--applicationCache. 虽然manifest的技术已被web标准废弃, 但这不影响我们尝...

史上最详细的 webpack 讲解 1 (vue-cli 中 build.js) - 掘金
作者 : 混元霹雳手-Ziksang 看过我vue.js系列课程的人,基础会的就都该会了,进阶牛B点的也很牛B了,但是对vue这一块我还是会持续有新的想法和学习到的东西我还是会一直进行分享,但是今天又是一个史上的文章出来了,虽然有点标题党,但是我看了一系列的...

Vuex 模块化实现待办事项的状态管理 - 前端 - 掘金
前言 在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件,那么A就要先告诉他们的爸组件,然后爸组件再告诉B。当组件比较多,要互相通讯的事情很多的话,爸组件...

从零搭建 vue2+vue-router2+webpack2 工程 - 前端 - 掘金
一直在维护一篇从零搭建vue2+webpack1工程的文章——《vue2 vue-router2 webpack》,期间也计划着等webpack2正式发布了再来写这篇文章,现在已经正式发布了,官方文档也已经全部完成,相比旧版,新版的文档不仅指导你该如何配置,还...

从 0 开始做一个够用的 Vue 图片选择组件 - 前端 - 掘金
之前用Vue做了一个基础的组件vue-img-inputer,下面就叫vii,记录下在开发过程中遇到的知识点(都算比较基础,具体代码不会贴太多,都可以在项目仓库里看到)。 上传文件很多项目都要用到,一些组件库里(ele/...

Vue 服务端渲染业务入门实践 - 前端 - 掘金
作者:威威(沪江前端开发工程师) 本文原创,转载请注明作者及出处。 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实。 接过需求,好在需求不复杂, 简单构思 后决定用Vue, 得心应手。 切好图,...

剖析 vue 实现原理,自己动手实现 mvvm - 前端 - 掘金
剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么? 1、...

【vue+axios】一个项目学会前端实现登录拦截 - 前端 - 掘金
一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。 前言 ...

使用原生 JS 封装 Tap 事件,解决移动端 300ms 延迟 - 前端 - 掘金
为了防止误操作,移动端iOS操作系统针对原生click事件做了300ms的延迟,这在一定程度上影响了我们的使用体验。 GitHub项目地址:https://github.com/SimonZhangITer/MyTapEvent FastClick 现在有现...

令人困惑的 webpack 之 entry - 前端 - 掘金
使用webpack快一年了,现在1.X版本都过气了,但是感觉自己对它那复杂的配置还是很不熟悉,各种路径,各种loader,各种plugin,又是单页面又是多页面... 在vue-cli出来的时候,都不敢用他的webpack模板,主要就是因为webpack的配置...

ESlint 简单使用 - 前端 - 掘金
开始 eslint是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。(官方翻译) 两种安装方式 全局 ...

用 VUEJS 做一个网易云音乐 - 前端 - 掘金
前言:自己学习VUEJS也一段时间,但一直没有做出来一东西。我自己一直喜欢用网易云音乐app,于是乎就做了这个app。 技术栈 ...

vue 开发波纹点击特效组件 - 前端 - 掘金
最近在使用 vue2 做一个新的 material ui 库,波纹点击效果在 material design 中被多次使用到,于是决定把它封装成一个公共的组件,使用时直接调用就好啦。 开发之前的思考常见的波纹点击效果的实现方式是监听元素的 mousedown...

Vue2.x 踩坑与总结 - 前端 - 掘金
年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x,所以对于webpack2.x也有一个...

Vuex 框架原理与源码分析 - 前端 - 掘金
Vuex是一个专为Vue服务,用于管理页面数据状态、提供统一数据操作的生态系统。它集中于MVC模式中的Model层,规定所有的数据操作必须通过 action - mutation - state change 的流程来进行,再结合Vue的数...

Vue音乐播放器2.0升级版来了 - 掘金
Vue.js音乐播放器2.0 之前初学Vue做了一个音乐播放器,受到不少人的喜欢。现在升级版来了!功能更强,技术栈更多:Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上线版本是Koa2)、Webpack、ES6...

vue 仿 163musicPC 端 (支持pc端常用功能) - 前端 - 掘金
前言 vue2越来越受欢迎,无奈现在在公司做的平台是以ng1.x为主,一直没有机会练手vue2,虽然写过一些小demo,但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休,自己用vue2复写了163musicPC端。相比...

Vue.js 写一个音乐播放器 - 前端 - 掘金
在线预览 在线预览地址1: 🔗http://microzz.cn/vue-music/在线预览地址2: 🔗https://microzz.github.io/vue-music-player/ 源代码 GitHub...

Vue2 全家桶与微信开发 - 前端 - 掘金
此项目本身有一个APP了,为了方便将APP和微信端数据打通,需要用户微信和APP用户绑定。在开发的过程中单页面的模式在微信JS API的配置踩了很多坑,特别是IOS。由于本人表述能力和篇幅有限Orz,这里只介绍关键的实现步骤和代码,有些安全的地方和路由地方处理...

滴滴 webapp 5.0 Vue 2.0 重构经验分享 - 掘金
作者:滴滴公共前端 黄轶 项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架: Vue 2.0源码:es6代码风格检查...

对 virtual-dom 的一些理解 - 前端 - 掘金

  1. 前言 Vue 2.x 、React 都引入了 Virtual Dom 的概念,来更加高效地更新 dom 节点,提升渲染性能。为了能更深入地了解 Virtual Dom 的相关细节,决定将 Matt-Esch/virtual-dom 作为学习对象。这个项目...

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用 - 前端 - 掘金
初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对...

3-vuejs2.0 实战:仿豆瓣 app 项目,创建 Swipe 图片轮播组件 - 前端 - 掘金
swipe图片轮播不管是在pc端,还是移动端都是常见的效果,在这一章将用开源插件swiper完成一个比较简单的swipe循环轮播组件.最近公司太忙,更新慢,请见谅~~ 官网介绍: Swiper是纯javascript打造的滑动特效插件,面向手机、平...

Vue2 后台管理系统解决方案 - 前端 - 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址 前言 之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图...

2-vuejs2.0 实战:仿豆瓣 app 项目,创建组件 header,tabbar 路由跳转 - 前端 - 掘金
上一章有童鞋提到为什么不通过路由的方式来跳转?其实我想说的是,这个分享才刚刚开始,大家不要着急!这一章节我们将带大家完成,创建header组件,以及tabbar的路由跳转。 vue专题目录:1-...

vue2 + vuex 高度还原饿了么 App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能 - 前端 - 掘金
前言 vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为...

1-vuejs2.0 实战:仿豆瓣 app 项目,创建自定义组件 tabbar - 前端 - 掘金
大家好,我给大家分享一下仿豆瓣app的教程。当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app。————第一次写文章,写得不好请见谅。 为什么我们选择豆瓣app 来做这样一个...

Vue2+Echarts 实现多种图表数据可视化 Dashboard 详解(附源码 - 前端 - 掘金
数据可视化  将数据通过图表的形式展现出来将大大的提升可读性和阅读效率 本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等 技术栈 vue2.x vuex 存储公共变量,如色值等 v...

使用 vue2+Vuex+Router 重写饿了么点餐系统和 vue 插件简析 - 前端 - 掘金
一直对vue很感兴趣,最近使用vue2.0开发了高仿饿了么点餐系统来练练手,不得不说vue真是一个很不错的框架,但是也遇到过一些坑,在这里和大家分享一下 饿了么...

Keen UI - 基于 Vue.js 的 Material Design 前端组建库 - 前端 - 掘金
A lightweight collection of essential UI components written with Vue and inspired by Material Design. ...

Vuex2 与 Axios 开发 - 前端 - 掘金
总结笔者最近在项目中使用Vuex2和Axios的总结和小技巧,方便日后查看。本人能力有限,如有错误还请大大们指正探讨😭。 阅读前须知 接上一篇的Axios的配置,阅读本文默认您已经掌握了Vuex2的基本语法、Axios的使用配置与方法、Promi...

使用 Vue.js 实现论坛客户端 - 前端 - 掘金
vue-nga 由于手机配置不太好,刷nga安卓端经常重载,每次进入都要看好几秒的广告。。于是用vue.js试着做了一个(常年看帖不回,先只做游客功能- -),在浏览器上面体验还好(还可以全屏!),速度也过得去,能满足自己的日常需求了...

高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack ) - 前端 - 掘金
demo demo 地址 项目依赖 ...

[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多 - 前端 - 掘金
vue-meizi 本项目是基于vue2最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。 ...

[!!! 原版课程在此]Vue.js 高仿饿了么外卖 App 课程源码 - 前端 - 掘金
Vue.js 高仿饿了么外卖 App 课程源码,课程地址: http://coding.imooc.com/class/74.html 本源码基于 GPL 协议,仅仅用于 Vue 实战项目的学习,不可作为...

Vue2.0 实现简易豆瓣电影 webApp - 前端 - 掘金
项目地址:https://github.com/superman66/vue2.x-doubanclone项目到本地,进入项目文件夹,安装依赖 git clone https://github.com/superman66/vue2.x...

基于 iView 的 Vue js 后台管理系统,简洁易扩展。 - 前端 - 掘金
项目地址 https://github.com/zhaotoday/iview 线上的例子 ...

实测 Vue SSR 的渲染性能:避开 20 倍耗时 - 前端 - 掘金
作者|郭佳伦 编辑|尾尾 导语:Vue SSR是Vue.js 2.0引入的直出渲染方案,本文将全面解析virtual-dom-based 及 string-based 的原理并对其进行对比。 一、前言 前端技术年年有新宠,Vue.js 2.0以其...

Vuex Demo 讲解 - 掘金
作者: 混元霹雳手-ziksang vuex官网的专业术语,让有些人还是感觉,摸不着头脑,做一些实用场景给大家看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操作 action 解决异步...

Vuejs 2 Authentication Tutorial - 前端 - 掘金
Vuejs 2 Authentication Tutorial...

关于一些Vue的文章。(7) - 掘金
原文链接我的blog,欢迎STAR。 首先安利一波福利,有没有用vscode的小伙伴?推荐一个神奇的字体,自从用了这个字体,敲代码效率简直上天了。先上图看看效果: 全等 箭头函数 小于等于 还有其他许多,就不一一列举出来了。有没有看上了的?没有我等下再来问...

vuex 快速上手 - 前端 - 掘金
Vuex 理解 简单解释下: Vuex 使用 单一状态树,通俗理解就是一个应用的数据集合,可以想象为一个“前端数据库”,让其在各个页面上实现数据的共享,并且可操作 Vuex 规定,属于应用层级的状态只能通过 Mutat...

vue-router 的三种加载方式速度对比 - 前端 - 掘金
ensure 方式// const Index = r => require.ensure([], () => r(require('@/views/deposit/deposit_index')), 'Index') // const Produ...

Vue2.0 全家桶开发的吾记网页版|开源 - 前端 - 掘金
登录注册模块 日记列表 日记创建与编辑 日记详情 ...

做一个简单的可预览图片上传组件(Vue2.x) - 前端 - 掘金
Picture uploader - Vue2.X 将之前项目中使用到的一个文件上传组件提取出来,单独做一个图片上传组件 (虽然现在有许多功...

Vue.js打造一个开源的CNode社区 - 掘金
Vue.js打造一个开源的CNode社区 Vue.js打造一个开源的CNode社区,实现了浏览、发帖、收藏、回复、点赞、个人中心等等功能。 源代码 源代码地址:👉 https://github.com/microzz/vue-cnode 欢迎大家star和f...

开源一个 Vue.js + Node.js 的后台管理系统 - 前端 - 掘金
Vue Management System ...

Vue 2.x 实战之后台管理系统开发(二) - 掘金

  1. 导语 承接上文:Vue 2.x 实战之后台管理系统开发(一) 在上一篇文章中,我详细叙述了如何创建项目框架和引入各种后台常用插件,做好这些准备工作后,我们就可以着手进行页面的开发了。在开发过程中,会遇到一些常见的需求和问题,我整理了一下,有以下几点。 ...

基于 vue-cli 的 Vue js 单页应用项目模板 - 前端 - 掘金
介绍 基于 vue-cli 的 Vue js 单页应用项目模板,在 vue-cli 基础上做了一些合理的修改和增强。功能包括:调试、构建、代码规范校验、单元测试、国际化等。 ...

VueJS 组件化开发实践总结 - 前端 - 掘金
前言 接触Vuejs,好一阵了。清明节前在慕课网学了一门课。前前后后花了40多个小时琢磨,搭建起了组件化开发的饿了么SPA。这40小时收获了很多,也踩了不少坑。这里总结一下。 源码: https://github.com/laclys/vueA...

(译) 写给“老派” Web 开发者的“现代” JavaScript 指南 - 掘金
原文地址:Modern JavaScript for Ancient Web Developers 原文作者:Gina Trapani 译文出自:掘金翻译计划 译者:sun 校对者:xilihuasi、 Reid 用 JavaScript 学习 Java...

关于一些 Vue 的文章。(6) - 掘金
原文链接我的blog,欢迎STAR。 在上篇里,我们已经分析了在 main.js 可以通过el属性设置挂载点,又可以通过手动设置 vm.$mount()。在这篇,我们深入底层,了解原理。 老规矩,我们先分享一篇文章 Vue.js 源码学习笔记。 这篇文章里反...

『收藏』VUE 优秀 UI 组件库合集 - 前端 - 掘金
github 开源的 Vue 优秀 UI 组件库合集✔...

Electron + Vue 实现一个代理客户端 - 前端 - 掘金
开源项目地址:戳我 原理 作为一个合格的前端工程师,你一定用过Fiddler或Charles之类的抓包工具。但是在Mac上做开发时,相关的...

基于vuejs2+webpack2+vuxui2多页面架手脚,支持二级目录 - 掘金
前言 vue2.0上线已经有一段时间了,现在vue2.1也都已经发布了,是时候来更新基于vue的多页面脚手架了。 相信用vue的童鞋,很多一部分在用于spa(单页面)项目,也不排除传统的多页面项目,我们就用vue开发了多页面的webapp,相对于spa开发效率...

Vue2.0 进阶组件篇 3 值得一看的(Toast 组件) - 掘金
作者 混元霹雳手-ziksang 现在发觉睡觉的时间越来越少,项目越来越多,组件越写越停不下来,因为过段时间要做一个技术分享,还有很多赶着急的项目等着我,今天不睡觉也要把这个教程写完分享给大家,如果大家想参加我的技术分享请用微信打开我的分享会,欢迎大家收听h...

vue 2.2 API 在线手册 - 前端 - 掘金
vue 2.2 API 在线手册,一点就一个 iframe 很方便,直入主题,不废话;...

关于一些Vue的文章。(4) - 掘金
原文链接我的blog,欢迎STAR。 接着上一篇,我们继续来讲Vue的Virtual Dom diff 算法中的patchVnode方法,以及核心updateChildren方法。 在上篇中,我们谈到,当vnode不为真实节点,且vnode与oldVnod...

Vue 服务端渲染和 Vue 浏览器端渲染性能对比 - 前端 - 掘金
Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于 Vue 2.0 以上版本。网上对于服务端渲染的资料还是比较少,最经典的莫过于 Vue 作者尤雨溪大神的 Vue-hacker-news。本人在公司做 Vue 项目的时候,一直苦于产品、客户对首屏加载...

vue 全家桶实现豆瓣电影 API 显示 - 浏览器端渲染 - 前端 - 掘金
this is doubanMovie show By vue2.0 演示地址 豆瓣电影 安装步骤 # install dependencies npm install # serve w...

包学会之浅入浅出 Vue.js:开学篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年,乃至接下来整个2017年,如果你要问前端技术框架什么最火,那...

包学会之浅入浅出 Vue.js:升学篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 上一篇《包学会之浅入浅出Vue.js:开学篇》中,我们初步了解单页面组件...

包学会之浅入浅出 Vue.js:结业篇 - 前端 - 掘金
作者 | 蔡述雄编辑 | 京露 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 在第一篇《包学会之浅入浅出Vue.js:开学篇》和上一篇《包学会...

VSCode 拓展插件推荐——提高 Node 和 Vue 开发效率 - 前端 - 掘金
插件列表 Auto Close Tag 自动闭合HTML标签 Auto Rename Tag ...

axios 全攻略 - 前端 - 掘金
随着 vuejs 作者尤雨溪发布消息,不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解。本来想在网上找找详细攻略,突然发现,axios 的官方文档本身就非常详细!!有这个还要什么自行车!!所以推荐大家学习...

Vue.js 和 MVVM - 前端 - 掘金
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。 Vue.js 是...

剖析 Vue 原理 & 实现双向绑定 MVVM - 前端 - 掘金
本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大...

记一次 vue-cli 中 webpack 升级 2.x - 前端 - 掘金
项目初建是由vue-cli创建的.vue-cli虽然搭建项目很方便,但同时也会增加复杂度第一次用的时候我对那一堆文件是不明觉厉,不敢动的。后来才慢慢了解各个文件用处。 webpack发布2.x版本好像也挺久了,刚好昨天下午事比较少,就打算挖个坑升级下。看了下w...

前后端分离之路 - Vue2 项目多入口模板改造方案 - 前端 - 掘金
做前后端分离也有一段时间了,业务一直在用Vue@1.x的多入口方案,也一直懒癌发作没搞2.x的版本。适逢最近在等某宝小程序的构建,由于迟迟不定技术方案,只好暂缓先捯饬一下Vue@2.x项目多入口的构建方案。 此处强插一条硬广,...

搭建 vue+webpack+mock 脚手架(一) - 前端 - 掘金
前言 仓库地址:https://github.com/miaomiaozhou/vue2-cli 本文适合第一次搭建项目的朋友,讲讲我是怎么从零开始摸索着搭建一个项目框架的,属于总结归纳性质的文章。 ...

VS Code折腾记 - (4) 常用必备插件推荐【前端】 - 掘金
前言 这篇文章只要让你做一些基础的配置,把vscode变得更加顺手; 插件的需求不是一成不变,有些插件我已经移除了。。在最新的VSCODE 1.9.1中, 部分以前用插件实现的功能已经集成了,那就没有必要存在了。这里就不做推荐了 必备插件 功能性 Auto ...

【译】CSS Flexbox 学习指南、工具与框架 - 前端 - 掘金
Flexbox 是一种更有效的布局方式,它能更好的分配容器空间,并控制项目的对齐。虽然,掌握它的理论有些复杂,但幸运的是,我们可以借助开放的网络来学习并逐步掌握它。 在本文中,我们整合了一些最佳的 Flexbox 学习资源,它们可以帮助你了解Flexb...

Vuex2 与 Axios 开发 - 前端 - 掘金
总结笔者最近在项目中使用Vuex2和Axios的总结和小技巧,方便日后查看。本人能力有限,如有错误还请大大们指正探讨😭。 阅读前须知 接上一篇的Axios的配置,阅读本文默认您已经掌握了Vuex2的基本语法、Axios的使用配置与方法、Promi...

Vue.js 学习系列二 —— vuex 学习实践笔记(附 DEMO) - 前端 - 掘金
上次学习了vue-router的使用,让我能够在各个页面间切换,将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。 注:本文只是个人对vuex学...

Vue.js 学习系列一 —— vue-router2 学习实践笔记(附 DEMO) - 前端 - 掘金
想学习Vue的SPA应用,路由这一块是必不可少的。相信很多和我一样刚接触前端的朋友对于路由这玩意是很困惑的。所以在我学习并成功使用了vue-router后,将我的个人经验分享出来,希望可以让同样对路由不知所措的同学有所帮助。 ...

Vue.js 学习系列三——axios 学习实践 - 前端 - 掘金
在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外知之甚少,刚好补全上。 ...

vscode 插件,vue,vue-router 和 vuex 代码提示 - 前端 - 掘金
特点 (1)可能是目前vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码提...

Vue2.0 实现简易豆瓣电影 webApp - 前端 - 掘金
项目地址:https://github.com/superman66/vue2.x-doubanclone项目到本地,进入项目文件夹,安装依赖 git clone https://github.com/superman66/vue2.x...

使用 vue.js 构建一个知乎日报 - 前端 - 掘金
Vue.js是我所喜爱的,知乎也是我喜爱的,突发奇想使用vue做了一个知乎日报 项目地址: Github地址在线预览demo 设计: 1.设计上没有按照知乎日报客户端的交互及UI设计来做,本渣亲自捏了一个,颜色以黑白灰为主,本来想加入知乎的蓝色,但是本渣设计...

我眼中的前端框架 jQuery,Angular,React,Vue - 以及我看前端架构 - 前端 - 掘金
阿当讲我那个视频ppt看不清,又太长,所以写文总结一下。jQuery的意义在我看来和他自己说的主要是两点:一是更好的API,二是兼容。这两点JQ做到了极致,在上一个时代,这两点恰好是前端最痛的两个点,所以它成功了。不过到了移动时代,一是web平台的api有了大...

vue-cli 发布(译) - 阅读 - 掘金
最近有许多关于React项目工具的讨论,讨论了工具的使用问题。如果你现在正在使用Vue.js,当你构建一个原型的时候,你所需要做的通常就是通过<script></code>把Vue.js引入进来,然后就完事了。但是真实情况往往不是这样的...

vue + webpack 起手式 - 阅读 - 掘金
介紹 前端的世界變化之快速,從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧,卻也因為不斷快速變化感到疲憊。時至 2016 小弟認為在實務與理想之...

Vue-router2.0 学习笔记 - 前端 - 掘金
Vue.js的一大特色就是构建单页面应用十分方便,既然要方便构建单页面应用那么自然少不了路由,vue-router就是vue官方提供的一个路由框架。总体来说,vue-router设计得简单好用,下面就来聊聊我实际用到过的一些方法,文章没有提到的可以去查看官方文...

[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多 - 前端 - 掘金
vue-meizi 本项目是基于vue2最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。 ...

vue-cli#2.0 webpack 配置分析 - 掘金
作者:滴滴公共前端团队 - 王宏宇 前言 作为 Vue 的使用者我们对于 vue-cli 都很熟悉,但是对它的 webpack 配置我们可能关注甚少,今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在...

Vue2.0 新手完全填坑攻略—从环境搭建到发布 - 前端 - 掘金
Jinkey原创感谢 showonne、yubang 技术指导https://github.com/showonnehttps://github.com/yubang<strong>Demo 地址:</strong>http://dem...

Vue.js 起手式 + Vue 小作品实战 - 前端 - 掘金
本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官方文档的顺序,每个知识点现附上代码,然后根据代码给予个人的一些理解,最后还放上在线编辑的代码以供练习和测试之用;在最后,我参考SegmentFau...

使用 Vue.js 模仿小米官网 - 前端 - 掘金
mi-by-vue 使用vue.js模仿小米官网的作品 运行步骤 # 安装依赖 npm install # 在本地启动服务,并且通过localhost:8080地址进行访问 npm run dev # 编译并且压缩代码 npm run build 访...

一个 Vue.js+Node.js 的博客内容管理系统 - 前端 - 掘金
在用过臃肿的WordPress后,一直想自己写一个轻便简约的博客内容管理器(CMS)。 一拖再拖,在暑假开学前,终是完成了这么个玩意儿。 嗯,其实我想完成的功能: 一个基本的博客内容管理器功能,如后台登陆,发布并管理文章等 支持markdown语法编辑 支持...

Vue 2.0 华丽的音乐搜索播放 Demo - 前端 - 掘金
空闲时间一边学Vue一边写了个音乐搜索播放的小网页(手机版),资源来自QQ音乐 先上链接 查看在线Demo(在大屏手机上效果最好)http://sioxas.github.io/Github地址https://github.com/Sioxas/vue-mus...

新手向:Vue 2.0 的建议学习顺序 - 前端 - 掘金
Vue.js 作者亲自写的 Vue 2.0 新手教程,想入门 Vue.js 的前端开发不要错过。...

Vue2.0 新手完全填坑攻略 - 前端 - 掘金
这是一篇基于 Vue2.0 的新手入门文章,通过 Demo 实例介绍了 Vue2.0 的环境搭建及服务器端渲染的过程。...

Vue 入门实战项目——知乎日报 - 前端 - 掘金
这是一个基于Vue全家桶开发的知乎日报WebApp,页面样式主要参考iOS版知乎日报APP。 个人博客:陈钰博的博客 项目github地址:vue-zhihu-daily ...

聊聊技术选型 - Angular2 vs Vue2 - 掘金
作者介绍:李旸,美团点评前端工程师,3 年 Web 前端开发经验,现在是美团点评点餐团队的一员。"Come, and take choice of all my library, And so beguile thy sorrow." —— William S...

Yet Another Vue Boilerplate - 前端 - 掘金
项目地址:https://github.com/d-band/vue-boilerplate Dependencies vue vuex vue-router ElementUI dool Features ...

滴滴 webapp 5.0 Vue 2.0 重构经验分享 - 掘金
作者:滴滴公共前端 黄轶 项目背景 滴滴的 webapp 是运行在微信、支付宝、手 Q 以及其它第三方渠道的打车软件。借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构。 技术栈 MVVM框架: Vue 2.0源码:es6代码风格检查...

Vuex 模块化实现待办事项的状态管理 - 前端 - 掘金
前言 在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了。比如A组件要告诉一件事给B组件,那么A就要先告诉他们的爸组件,然后爸组件再告诉B。当组件比较多,要互相通讯的事情很多的话,爸组件...

Vue.js 组件编码规范 - 前端 - 掘金
其它语言 英文 葡萄牙语 ...

webpack -> vue Component 从入门到放弃(三) - 前端 - 掘金
离上一篇已经一个星期了,人的拖延症是没法救的,今晚趁着蒙蒙春雨,来抒发抒发情感。上一篇简单介绍了webpack的配置,这里稍微再做一一下延伸 插件 ...

低仿饿了么 H5 - 纯前端 Vue 版 + 手把手教学 - 前端 - 掘金
低仿饿了么H5-纯前端Vue版+手把手教学 这是一个低仿饿了么H5的纯前端练手,数据是伪造的,写的比较粗糙,写这个的目的是为了加深一下熟练度,半年前看到别人写的仿cnodejs网站,我也用vue1仿了cnodeJs的网站,当时写的也是粗糙的令人发指,在线预览:...

Vue.js 组件库 Rubik UI 开发心得总结 - 前端 - 掘金
Rubik UI 是一套基于 Vue 2.0 和 Material Design 开发的桌面端、移动端组件库 开源库链接:https://github.com/ccforward/rubik 01开发目的 因为公司内部系统开发的越来越多,而却同事们的要求...

精选文集推荐
Web note ad 1