摘要: 纸上得来终觉浅,绝知此事要躬行! Vue的文档和教程看的太多,小的demo做的多,也不如自己实际的进行一个完整项目的开发。只有做了才知道原来问题这么多,这里列举了一些你做demo教程可能不会遇见的坑。 一、项目的登录拦截及用户权限访问控制问题。 一个很常见的需求就是对未登录的用户进行路由拦截和用户的 阅读全文
posted @ 2017-07-11 11:58 断劫断念 阅读(11937) 评论(3) 推荐(3) 编辑
摘要: 我们继续前两节的开发。本节教程实现的效果如下: 效果很简单,但是实现起来却要用到Vue的很多知识,下面我们将一步一步的实现这个效果。 首先这些城市的信息都是从后台的server里面获取的,所以我们需要一个后台,后台的代码可以从 https://github.com/EzrealDeng/Taopia 阅读全文
posted @ 2017-06-26 11:36 断劫断念 阅读(2216) 评论(4) 推荐(4) 编辑
摘要: 组件是Vue核心的一块内容,组件之间的通信也是很基本的开发需求。组件通信又包括父组件向子组件传数据,子组件向父组件传数据,非父子组件间的通信。前两种通信Vue的文档都说的很清楚,但是第三种文档上确只有下面的几句 具体如何去实现却没有很详细的说明,于是自己试着进行了实现。先看下简单的通信效果: 就是点 阅读全文
posted @ 2017-06-12 14:14 断劫断念 阅读(1750) 评论(4) 推荐(2) 编辑
摘要: 在正文之前,首先要知道两点, 1、__proto__是每个js 对象的内置属性,而prototype 是函数的内置属性,也是一个对象。 2、所谓原型,指的就是每个函数对象的prototype属性。 A是一个函数,所以A.prototype(A的原型)是存在的(这个指向的是一个对象),而a.proto 阅读全文
posted @ 2017-05-26 12:40 断劫断念 阅读(665) 评论(1) 推荐(1) 编辑
摘要: 上一章节我们已经把项目的初始化工作完成了,接下来我们再来进行具体的代码编写。这一节我们将完成如下的页面。 我们在src/目录下新建一个views文件夹,存放我们的主要页面文件。目录结构如下: cinema.vue如下: movie.vue如下: me.vue如下: 这里三个相当一级路由的路由页面就有 阅读全文
posted @ 2017-05-03 11:19 断劫断念 阅读(3572) 评论(25) 推荐(2) 编辑
摘要: 最近一直在学习Vue,基本的文档看完后就需要进行具体的项目进行练手了,本系列文章主要是将我学习过程记录下来,和大家一起学习交流。 我在git上找到了一个淘票票的Vue项目,项目地址: https://github.com/canfoo/vue2.0-taopiaopiao,大家喜欢的话可以给作者点个 阅读全文
posted @ 2017-05-02 11:36 断劫断念 阅读(2925) 评论(0) 推荐(1) 编辑
摘要: Vue是可以自定义指令的,最近学习过程中遇见了一个需要图片懒加载的功能,最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。 先看如何使用这个指令: imageSrc是要加载的图片的实际路径。 为了实现这个指令,我们首先单独建立一个文件,名字为lazyl 阅读全文
posted @ 2017-04-27 12:53 断劫断念 阅读(17078) 评论(5) 推荐(7) 编辑
摘要: 近日面试,遇见了一个这样的问题,不会,便记下来。 问题:如何根据子元素个数的不同定义不同的样式? 代码:HTML CSS: 结果: 解释: 阅读全文
posted @ 2017-04-06 10:10 断劫断念 阅读(4361) 评论(1) 推荐(0) 编辑
摘要: 简答题: 1.事件绑定的几种方式?几种方式的区别以及优缺点?(原生js) (1)、html元素里直接写,例如:<div onclick="javascript:alert("click")" ></div> 不推荐这么绑定。 (2)、W3C 推荐的js绑定。如: document.getElemen 阅读全文
posted @ 2017-03-06 15:52 断劫断念 阅读(606) 评论(0) 推荐(0) 编辑
摘要: 最近开发的时候同事遇见了一个问题,点击label的时候改变checkbox的属性,或许大家觉得这是一个很简单的问题,然而这里面却蕴藏着一个大坑! 举例说明: 页面简单,就是一个 操作的思路大致是点击给label添加一个事件,通过判断checkbox当前的状况来改变checkbox的状态,代码如下: 阅读全文
posted @ 2017-03-04 18:02 断劫断念 阅读(22524) 评论(0) 推荐(2) 编辑