2017年04月_Lucky_LXG

原创 vm.$nextTick()

vm.$nextTick简单说，因为DOM至少会在当前tick里面的代码全部执行完毕再更新。所以不可能做到在修改数据后并且DOM更新后再执行，要保证在DOM更新以后再执行某一块代码，就必须把这块代码放到下一次事件循环里面，比如setTimeout(fn, 0)，这样DOM更新后，就会立即执行这块代码。//改变数据vm.message = 'changed'//想要立即使用更新

2017-04-27 12:20:27 2153

原创 vue-resource 拦截器（interceptor）的使用

拦截器-interceptor 在现代的一些前端框架上，拦截器基本上是很基础但很重要的一环，比如Angular原生就支持拦截器配置，VUE的Axios模块也给我们提供了拦截器配置，那么拦截器到底是什么，它有什么用？拦截器能帮助我们解决的添加统一的request的参数比如header中加入X-Requested-With，比如客户端需要实现s

2017-04-27 12:15:07 11353 1

原创 vue-router总结

想学习Vue的SPA应用，路由这一块是必不可少的。在刚接触时候也许有些困惑，在我学习并成功使用了vue-router后，将我的个人经验分享出来，希望可以让同样对路由不知所措的同学有所帮助。官网：https://router.vuejs.org/zh-cn/essentials/history-mode.htmlrouter-linkrouter-link标

2017-04-26 11:11:00 4502

原创 Javascript闭包用法实例分析

Javascript闭包用法实例分析本文实例分析了Javascript闭包的概念及用法。分享给大家供大家参考。具体如下：提到闭包，想必大家都早有耳闻，下面说下我的简单理解。说实话平时工作中实际手动写闭包的场景并不多，但是项目中用到的第三方框架和组件或多或少用到了闭包。所以，了解闭包是非常必要的。呵呵...一、什么是闭包简而言之，就是能够读取其他函

2017-04-24 15:32:43 576

转载 Vue2.0总结———vue使用过程常见的一些问题

Vue2.0总结———vue使用过程常见的一些问题Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?

2017-04-19 12:03:00 6286

原创 js多维数组的获取与渲染

一、多维数组数组是具有相同数据类型且按一定次序排列的一组变量的集合体。构成一个数组的所有变量称为数组元素，数组的名字称为数组名，每一个数组元素由数组名及其在数组中的位置（下标）确定。数组按下标个数分为：一维数组，二维数组和三维数组等，二维及以上数组统称为多维数组在数组名后有两对方括号的数组被称为二维数组，同理，数组名后有n对方括号的数组被称为n维数组，二维及以上的数组被称为多维

2017-04-19 11:51:17 8649 1

原创用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，解决方法：

做项目的小结 1.

2017-04-06 15:52:15 21464

转载 vue-cli的webpack模板项目配置文件分析

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发（dev）和构建（build）两个过程涉及到的文件，故下面文件结构仅列出相应的内容。├─build│ ├─build.

2017-04-06 15:28:28 1065

转载 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 1088

转载关于使用vue-resource中使用interceptor涉及jwt_token的错误问题

使用inteceptor拦截器可以在请求发送前和发送请求后做一些处理。image基本用法Vue.http.interceptors.push((request, next) => {// ...// 请求发送前的处理逻辑// ...next((response) => {// ...// 请求发送后的处理逻辑// .../

2017-04-05 11:04:40 1276

转载 JWT在身份认证方面的应用

JWT，Json web token。因为在项目中准备应用，总结下，理清思路，希望对团队有帮助。除简介外，都融合了我个人的理解，不希望对别人产生误导。网络让自媒体很容易，一定加以分析，全盘照收是很危险的；即使是读书，也要分析，尽信书不如无书。简介参考《jwt简介》，我认为很基础，原文翻译，比较客观，就不重复了。JWT应用场景？简介中提到两个场景，我认为主要第一种

2017-04-05 10:59:30 4161 2

转载 React + nodemailer + koa-jwt 实现登录注册邮箱验证

完整源码在github，下载server和react部分最近在做一个JSPatch后台管理系统。起初只是自己内部用，后来买了阿里云的免费服务器，用docker+jenkins完成了一个自动化部署，于是就想把这个小东西放到公网里。所以现在开始回来完善一下登录注册的功能，当然这个不是最终解决方案，只是帮助大家了解Json Web Token的基本流程和koa-jwt的基本用法。一.Js

2017-04-05 10:57:14 5883

转载出现HTTP: 401 的时候的解析思路

介绍: 什么是HTTP: 401时常做应用开发的伙伴们,估计大家对这个数字并不陌生, 毕竟只要你的应用需要申请服务器数据, 那么难免会遇到它, 当然我的新来的这批小伙伴们也比较幸运的遇到了它, 嗯, 确实比较幸运, 因为bug出现,就是学习和进步的时候到了!所以,我也就花了一些空余时间来为大家整理了一下;常见的HTTP:401错误码:401.1 - Logon failed

2017-04-05 10:12:37 1948

转载 JWT

JWT是一种用于双方之间传递安全信息的简洁的、URL安全的表述性声明规范。JWT作为一个开放的标准（ RFC 7519 ），定义了一种简洁的，自包含的方法用于通信双方之间以Json对象的形式安全的传递信息。因为数字签名的存在，这些信息是可信的，JWT可以使用HMAC算法或者是RSA的公私秘钥对进行签名。简洁(Compact): 可以通过URL，POST参数或者在HTTP hea

2017-04-05 10:04:09 766

转载 js实现图片上传预览及进度条

js实现图片上传预览及进度条最近在做图片上传的时候，由于产品设计的比较fashion，上网找了比较久还没有现成的，因此自己做了一个，实现的功能如下： 1：去除浏览器默认的样式； 2：图片从本地选择后，立即预览图片； 3：使用上传可以查看上传进度(本博做的是上传的百分比，做成进度条类似)；先看效果图：

2017-04-01 15:01:54 4043

转载 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 1447

转载基于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 2630

转载 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 1596

转载 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 1824

转载 vue仿163musicPC端

前言 http://blog.shanamaid.top/2017/03/21/vue仿163musicPC端/vue2越来越受欢迎，无奈现在在公司做的平台是以ng1.x为主，一直没有机会练手vue2，虽然写过一些小demo，但是与完整的项目相比较中间会少很多东西。于是趁在公司空闲的时候以及周末双休，自己用vue2复写了163musicPC端。相比较之掘金上大大写的很多都是纯静

2017-04-01 14:58:56 3041 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 2841

转载 vue2.0-王者荣耀助手

项目使用的是带玩游戏平台提供的API，由于腾讯公司王者荣耀游戏关闭了查看其它人的战绩功能，带玩平台受其影响，已将API暂时关闭，所以无法获得稳定的** DAIWAN-API-TOKEN ** ,所以会出现DAIWAN-API-TOKEN令牌过期的情况。　https://github.com/maidishike/vue-gok扫一扫查看在线地址1

2017-04-01 14:57:42 1548

转载 Vue实例详解与生命周期

Vue实例详解与生命周期http://www.jianshu.com/p/b5858f1e6e76Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。Vue实例初始化的选项配置对象详解前面我们

2017-04-01 14:47:34 3263

转载 Vue入门之组件化开发

Vue入门之组件化开发http://www.jianshu.com/p/6718ab1caa81组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。前端组件化确实让大的前端团队更高效的开发前端项目。而作为前端比较流行的框架之一，Vue的组件和也做的非常彻底，而且有自己的特色。尤其是她单文件组件开发的方式更是非常方便，而且第三方工具支持也非常丰富，社区也非常活跃，第三方组

2017-04-01 14:45:19 13100

转载 Vue常用经典开源项目汇总参考-海量

http://www.jianshu.com/p/58e72750cc62?utm_source=tuicool&utm_medium=referralVue是什么？Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项

2017-04-01 14:44:45 2325

转载基于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 1131

转载 VUX v2.1.1-rc.12 发布，基于 WeUI 的 Vue 移动端组件库

VUX v2.1.1-rc.12 发布了，该版本主要为小修复及全家桶优化。demo 预览地址： https://vux.li/demos/v2/Marquee[feature] 支持异步数据渲染Search[enhance] 点击取消按钮后不再触发 on-change 事件XAddress[enhance] 简

2017-04-01 14:42:11 1753

转载 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 3082

转载滴滴 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 1815

转载基于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 1842

转载在vue2.0中父组件如何触发子组件的自定义方法？

如果我在父组件的button上绑定了click事件，我想当点击button时可以触发子组件(单文件的子组件xx.vue)的某个方法（如fn1），要这样的效果该怎样实现？之前看了vue1的文档实例里面有methods和events这两者有什么区别，为什么在vue2去掉dispatch后我用emit('fn'),如果fn放在events会没有响应，而放在methods里面才会被触发到？子组件：

2017-04-01 14:38:22 1758

转载 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 1055

转载使用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 3278

Lucky_LXG的博客