手摸手,带你用vue撸后台 系列一 – 掘金
项目地址 前言 说好的教程终于来了,第一篇文章主要来说一说在开始写业务代码前的一些准备工作吧,但这里不会教你webpack的基础配置,热更新怎么做,webpack速度优化等等,有需求的请自行google。 目录结构 ├── build …
vue 全家桶 SPA 前后分离的图文多人 blog 系统 – 前端 – 掘金
fanpian this is for learning vuejs …
Vue.js 一个超长列表无限滚动加载的解决方案 – 前端 – 掘金
在线DEMO 序 众所周知,列表滚动加载这种需求很常见,特别是在移动webapp上。Github上各款移动端ui框架都会包含滚动加载功能的组件,但它们往往只提供很基础的功能,例如简单地监听滚动条并在满足条件的时候触发回调,然后通过某些方法把新的元素…
Vuex Demo 讲解 – 掘金
作者: 混元霹雳手-ziksang vuex官网的专业术语,让有些人还是感觉,摸不着头脑,做一些实用场景给大家看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操作 action 解决异步…
前端 vue2 + 后端 koa2, 全栈式开发 bilibili 首页 – 前端 – 掘金
预览地址: http://www.lybenson.com/bilib… 前言 …
基于Vue 2.0高仿 今日头条 单页应用——vue-toutiao – 掘金
vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。 前言 本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术…
Vue全家桶实现还原豆瓣电影wap版 – 掘金
用vue全家桶仿写豆瓣电影wap版。 最近在公司项目中尝试使用vue,但奈何自己初学水平有限,上了vue没有上vuex,开发过程特别难受。 于是玩一玩本项目,算是对相关技术更加熟悉了。 原计划仿写完所有页面,碍于豆瓣的接口API有限,实现页面也有限。 由于公…
vuex 快速上手 – 前端 – 掘金
Vuex 理解 简单解释下: Vuex 使用 单一状态树,通俗理解就是一个应用的数据集合,可以想象为一个“前端数据库”,让其在各个页面上实现数据的共享,并且可操作 Vuex 规定,属于应用层级的状态只能通过 Mutat…
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/v…
Vue2.0 全家桶开发的吾记网页版|开源 – 前端 – 掘金
登录注册模块 日记列表 日记创建与编辑 日记详情 …
Vue 小项目的最佳实践 – 掘金
项目简介 目前一期只是为App内某个模块资讯模块文章的分享和APP下载,后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好(手动笔芯)。 功能 根据分享出来的文章I…
Vue音乐播放器2.0升级版来了 – 掘金
Vue.js音乐播放器2.0 之前初学Vue做了一个音乐播放器,受到不少人的喜欢。现在升级版来了!功能更强,技术栈更多:Vue2.0、Vuex、vue-router、axios、SASS(SCSS)、Express(上线版本是Koa2)、Webpack、ES6…
使用 vue2+vue-router2+axios+es6+webpack2 完成的 SPA 个人简历 – 前端 – 掘金
个人简历 这是一个开源的个人简历项目.工作之余使用vue练练手。大家可以在本项目中不仅仅可以学习了解以下的框架/库,同时还可以了解关于代码结构组织,模块化,前端构建等内容。这个项目才刚开始,我会带着大家完…
基于 Vue2 实现的仿手机 QQ 单页面应用(接入聊天机器人) – 前端 – 掘金
概述 使用Vue2进行的仿手机QQ的webapp的制作,在ui上,参考了设计师kaokao的作品,作品由个人独立开发,源码中进行了详细的注释。 由于自己也是初学Vue2,所以注释写的不够精简,请见谅。 …
Vue.js 插件开发详解 – 掘金
前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toa…
vue 仿 163musicPC 端 (支持pc端常用功能) – 前端 – 掘金
前言 vue2越来越受欢迎,无奈现在在公司做的平台是以ng1.x为主,一直没有机会练手vue2,虽然写过一些小demo,但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休,自己用vue2复写了163musicPC端。相比…
打造 Vue.js 可复用组件 – 前端 – 掘金
Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据,Vue.js 让我们快速地开发应用。但随着业务代码日益庞大,组件也越来越…
Vue2 后台管理系统解决方案 – 前端 – 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址 前言 之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图…
vue 上传图片预览以及删除组件 – 前端 – 掘金
上传图片预览以及删除的vue组件 git clone 到本地,打开 index.html 就可以了…
3-vuejs2.0 实战:仿豆瓣 app 项目,创建 Swipe 图片轮播组件 – 前端 – 掘金
swipe图片轮播不管是在pc端,还是移动端都是常见的效果,在这一章将用开源插件swiper完成一个比较简单的swipe循环轮播组件.最近公司太忙,更新慢,请见谅~~ 官网介绍: Swiper是纯javascript打造的滑动特效插件,面向手机、平…
低仿饿了么 H5 – 纯前端 Vue 版 + 手把手教学 – 前端 – 掘金
低仿饿了么H5-纯前端Vue版+手把手教学 这是一个低仿饿了么H5的纯前端练手,数据是伪造的,写的比较粗糙,写这个的目的是为了加深一下熟练度,半年前看到别人写的仿cnodejs网站,我也用vue1仿了cnodeJs的网站,当时写的也是粗糙的令人发指,在线预览:…
Vue2.0 探索之路——生命周期和钩子函数的一些理解 – 前端 – 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是…
企鹅社区移动版Vue2.0升级手记 – 掘金
腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章,欢迎大家关注! 刘小松:2010年加入腾讯,从事区域业务的应用开发,具备十余年的项目经验。在Vue的应用、腾讯新闻和微信的SPA开发有深度实践。 前言 企鹅社区移动版前端采用VUE 1.0开发。随着…
(译) 使用 Vue.js 和 Axios 从第三方 API 获取数据 — SitePoint – 前端 – 掘金
更多的往往不是,建立你的JavaScript应用程序时,你会想把数据从远程源或消耗一个[ API ](https:/ /恩。维基百科。org /维基/ application_programming_interface)。我最近看了一些[公开](https:/…
写个vue-emoji组件。 – 掘金
最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。完成项目过程中,发现并没有一个好用的emoji插件,于是写了一个简单的component,希望对各位有所帮助(若能顺手给个start, 那便再好不过了…
基于Vue 2.0高仿 今日头条 单页应用——vue-toutiao – 掘金
vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。 前言 本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术…
Vue.js 开发实践:实现精巧的无限加载与分页功能 – 阅读 – 掘金
本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景——分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程;与一些构建大型应用的高阶教程相比,又…
Vue2 全家桶与微信开发 – 前端 – 掘金
此项目本身有一个APP了,为了方便将APP和微信端数据打通,需要用户微信和APP用户绑定。在开发的过程中单页面的模式在微信JS API的配置踩了很多坑,特别是IOS。由于本人表述能力和篇幅有限Orz,这里只介绍关键的实现步骤和代码,有些安全的地方和路由地方处理…
Vue 小项目的最佳实践 – 掘金
项目简介 目前一期只是为App内某个模块资讯模块文章的分享和APP下载,后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好(手动笔芯)。 功能 根据分享出来的文章I…
Vue-cli 图文视频教程 – 前端 – 掘金
Vue-cli是vue官方出品的快速构建单页应用的脚手架,如果你是初次尝试Vue,我不建议使用,推荐你老老实实用普通引入javascript文件的方式进行学习(你可以去看我的vue视频教程的1-4季),这里牵扯的东西很多,有webpack,npm,nodejs…
学习 Vue 20 天,我写了点东西 – 前端 – 掘金
往昔 最初团队里使用Angularjs进行开发,刚开始还好,到了项目后期越发感觉Angularjs太重了,以至于后来重构项目时,毅然放弃Angularjs,投入了Vue的怀抱。除了组建团队时,是我搭建了基于Angularjs的前端开发框架,之后都是由前端小组开…
开源一个 Vue.js + Node.js 的后台管理系统 – 前端 – 掘金
Vue Management System …
Vue2.0 进阶组件篇 3 值得一看的(Toast 组件) – 掘金
作者 混元霹雳手-ziksang 现在发觉睡觉的时间越来越少,项目越来越多,组件越写越停不下来,因为过段时间要做一个技术分享,还有很多赶着急的项目等着我,今天不睡觉也要把这个教程写完分享给大家,如果大家想参加我的技术分享请用微信打开我的分享会,欢迎大家收听h…
Vue2.0进阶组件篇1 教你秒撸(短信倒计时组件) – 掘金
作者 混元霹雳手-ziksang 原本我想隔个几天再发文章,刚好今天项目上线,环境有问题,导致只有干等,刚好要为公司打造一套属于公司自己的一系列功能组件,这个使命就交给我了,大家也一直叫我来点干货,说实话我只是一个湿货,肚子里干一点就给你们出点货,那从今天开…
基于 element-ui 的单页面后台管理项目模版 – 前端 – 掘金
基于 element-ui 的单页面后台管理项目模版 技术栈 element-ui-admin 项目演示 vue vue-resource …
史上最详细 VUE2.0 全套 demo 讲解 基础4(条件渲染) – 掘金
作者 : 混元霹雳手 – Ziksang 三篇基础发布之后,收到最多的就是谢谢楼主,其次的就是错别字有点多,这篇我肯定写完之后读三遍,现在已经是夜里2点了,如果还有没有发现大家就容忍一下,这次我将要讲的是条件渲染,对于条件渲染我觉得思来思去真没有什么好写的,…
Vue2 后台管理系统解决方案 – 前端 – 掘金
基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。线上地址 前言 之前在公司用了Vue + Element组件库做了个后台管理系统,基本很多组件可以直接引用组件库的,但是也有一些需求无法满足。像图…
Vue.js 插件开发详解 – 掘金
前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toa…
Vue 知乎日报又又又来了,一样的配方不一样的味道 – 前端 – 掘金
声明 api来自知乎( 知乎Zhihu ), 项目中所有内容的一切权利属于知乎, 本项目所有内容及代码仅供私下学习参考, 不得作为其他用途 简介 …
Vue.js 和 Wilddog 仿腾讯管家真假朋友第二季 H5 活动页面 – 前端 – 掘金
一个使用Vue和wilddog仿的腾讯手机管家真假朋友第二季H5页面。 体验 可点开链接https://humih.github.io/li…
Vue 入门实战项目——知乎日报 – 前端 – 掘金
这是一个基于Vue全家桶开发的知乎日报WebApp,页面样式主要参考iOS版知乎日报APP。 个人博客:陈钰博的博客 项目github地址:vue-zhihu-daily …
史上最详细VUE2.0全套demo讲解 基础2(列表渲染) – 掘金
作者 :混元霹雳手-Ziksang 在基础1发布之后,我真心发现,根据api进一步分析,再结合工作中的实际demo给大家讲解之后,大清早就收获了平均一分种一个喜欢,这使我很欣慰,自己的努力没有白费,我决心称热打铁马上出击,打造基础2,在基础上的部分我将给大家…
史上最详细VUE2.0全套demo讲解 基础1(模板语法) – 掘金
作者 : 混元霹雳手 ziksang 一开始在vue1.0的时候我就开始关注掘金的vue专栏,但是一直给我一种感受,真正能静下心来给读者写好每一个细讲,每一个讲解点,我觉得是最重要的,虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础…
JSPangAdmin Vue2.0 后台开源系统 – 前端 – 掘金
一个建立在Vue2.0框架基础上的后台管理系统,它包含了后台所用的前端样式和常用组件。它可以快速的帮你搭建基于Vue的后台管理系统。 相关技术 Vue-cli + element + eCharts …
Vue2.0 探索之路——生命周期和钩子函数的一些理解 – 前端 – 掘金
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是…
【vue+axios】一个项目学会前端实现登录拦截 – 前端 – 掘金
一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。 前言 …
Vue.js 实战经验小结 – 前端 – 掘金
Vue.js介绍 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其…
基于 vue2+vue-router+vuex2+axios+elementUI 做的自动化后台基础模板 – 前端 – 掘金
这是一个功能强大的自动化后台框架基础模板,基于vue2实现,用到的技术包含:vue2,vue-router,vuex2,axios,ElementUI。 …
基于 vue+vuex+localStorage 开发的本地记事本 – 前端 – 掘金
本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址:DEMO …
详解 Vue & Vuex 实践 – 某熊的全栈之路 – 知乎专栏 – 前端 – 掘金
详解 Vue & Vuex 实践翻译自Vue + Vuex — Getting started,承接自 2017 Vue.js 2快速入门指南,从属于Web 前端入门与工程实践。 随着应用复杂度的增加,我们需要…
vue2.0 一起在懵逼的海洋里越陷越深(一) – 前端 – 掘金
本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/) 就在今年的10月份,Vue2.0发布啦,来懵逼的海洋里一起下沉吧! 前段阵子都没有发随笔,一方面要准备一场考试,另一方面是在研究vue…
vue2.0 一起在懵逼的海洋里越陷越深(二) – 前端 – 掘金
本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/) 说好了一起懵逼,那么我们继续下沉 在上一篇里已经将vue2.0需要的依赖都装齐了那么接下来因为vue最后生成的页面看似静态页面(对于静…
vue2.0 一起在懵逼的海洋里越陷越深(三) – 前端 – 掘金
本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)前面写了vue-router组件的初步用法,原来这次想写vuex的,但是想想还是先继续把vue-router写完吧? 上回说到: vu…
vue2.0 一起在懵逼的海洋里越陷越深(四) – 前端 – 掘金
前言 本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)前面一篇讲了vue-router的router-link,有读者说希望能先看到vuex的文章其实vuex在我的vue2.0的demo里已经在…
vue2.0 一起在懵逼的海洋里越陷越深(五) – 前端 – 掘金
前言 本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)之前的几篇文章的说了vue-router以及vuex的简单使用,这次就开始组合这两者进行实际应用。场地呢就在我的vue2.0Demo,这是源…
vue2.0 一起在懵逼的海洋里越陷越深(六) – 前端 – 掘金
前言 本文章系列:vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)演示场地vue2.0 Demo,这是源码地址,觉得靠谱的话欢迎加星跟随,有问题欢迎评论和指正? 在vue开发SPA应用的过程中,多数情况下…
Vue 组件学习 (2):slot 内容分发,编译作用域,动态切换组件 – 前端 – 掘金
组件这内容太多了,被迫分成2部分。上节最后讲了props进行父子组件通讯,这里接着来。 父子组件通信 …
Vue.js 学习系列三——axios 学习实践 – 前端 – 掘金
在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外知之甚少,刚好补全上。 …
Vue.js 学习系列二 —— vuex 学习实践笔记(附 DEMO) – 前端 – 掘金
上次学习了vue-router的使用,让我能够在各个页面间切换,将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。 注:本文只是个人对vuex学…
Vue.js 学习系列一 —— vue-router2 学习实践笔记(附 DEMO) – 前端 – 掘金
想学习Vue的SPA应用,路由这一块是必不可少的。相信很多和我一样刚接触前端的朋友对于路由这玩意是很困惑的。所以在我学习并成功使用了vue-router后,将我的个人经验分享出来,希望可以让同样对路由不知所措的同学有所帮助。 …
2017 Vue.js 2 快速入门指南 – 前端 – 掘金
2017 Vue.js 2快速入门指南翻译自Vue.js 2 Quickstart Tutorial 2017从属于 Web 前端入门与工程实践。Vue与React都是非常优秀的前端界面辅助库,笔者在工作中使用React会多一点,不过在…
Vue2 实战:模仿卖座电影 – 前端 – 掘金
使用Vue2.0全家桶仿制卖座电影 仓库:https://github.com/ChuckCZC/v… …
使用 vue.js 构建一个知乎日报 – 前端 – 掘金
Vue.js是我所喜爱的,知乎也是我喜爱的,突发奇想使用vue做了一个知乎日报 项目地址: Github地址在线预览demo 设计: 1.设计上没有按照知乎日报客户端的交互及UI设计来做,本渣亲自捏了一个,颜色以黑白灰为主,本来想加入知乎的蓝色,但是本渣设计…
Vue + webpack 项目实践 – 前端 – 掘金
Vue + webpack 项目实践 最近在内部项目中做了一些基于 vue + webpack 的尝试,在小范围和同事们探讨之后,还是蛮多同学认可和喜欢的,所以通过 blog 分享给更多人。 首先,我会先简单介绍一下 vue 和 webpack: (当然如果你…
简约至上,美炸了的 Vue 圆环菜单组件 – 前端 – 掘金
API Props …
[[vue 最新实战] gank 客户端(vue2 + vue-router2 + vuex +webpace + es6)新手福利,干货多多 – 前端 – 掘金](https://juejin.im/entry/58799…
vue-meizi 本项目是基于vue2最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。 …
基于 vue 开发的移动端 H5 积分商城项目 – 前端 – 掘金
基于 vue@1.0 开发的移动端 H5 积分商城项目 vue vue-ruoter vue-resource webpack…