摘要: Vue源码学习1——Vue构造函数 这是我第一次正式阅读大型框架源码,刚开始的时候完全不知道该如何入手。Vue源码clone下来之后这么多文件夹,Vue的这么多方法和概念都在哪,完全没有头绪。现在也只是很粗略的了解一下,个人认为这篇只是能做到大家阅读Vue的参考导航,可以较快的找到需要看的文件或方法 阅读全文
posted @ 2018-06-15 14:33 liaoanran 阅读(4806) 评论(0) 推荐(0) 编辑
摘要: angular编写表单验证 一、整体概述 表单内容如下图,包括常用的用户名、密码、确认密码、手机、邮箱等 1. 整体js代码很少,就一个指令用于写确认密码和密码是否相等。其他 验证都是使用angular自带的指令进行校验和显示。 2. 本demo还使用了bootstrap的栅栏功能进行布局,因为想写 阅读全文
posted @ 2018-03-13 14:53 liaoanran 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 使用canvas编写时间轴插件 背景 项目中有一个视频广场的功能,需要一个时间轴类似视频播放中进度条功能一样显示录像情况,并且可以点击、拖动、放大缩小展示时间轴,获取到时间轴的某个时间。原来的时间轴是使用了 timeslider 这个插件,原插件中是使用原生的js 绘制dom节点来显示时间轴,后面使 阅读全文
posted @ 2018-03-02 14:58 liaoanran 阅读(1670) 评论(1) 推荐(0) 编辑
摘要: vue cli搭建vue项目更新 更新之前一篇博客错误的地方,在使用vue init webpack xxx 之后并不需要使用npm install 下载依赖包,而是直接根据提示 打开文件夹 再npm run dev即可,看图: 由图可以看到,在创建的时候 会询问是否需要npm install 下载 阅读全文
posted @ 2018-01-10 11:12 liaoanran 阅读(2587) 评论(0) 推荐(0) 编辑
摘要: 数组的常用方法归纳 slice(start,end) 传参:start代表从哪里开始截取,end代表截取结束的地方 var a = [1,2,3] a.slice(1);//[2,3] pop() 可以删除最后一个元素并返回删除的最后一个元素 var a = [1,2,3] a.pop();//3 阅读全文
posted @ 2017-12-28 15:44 liaoanran 阅读(268) 评论(0) 推荐(0) 编辑
摘要: this的理解 看了阮一峰的this讲解,下面是我的理解: 总结来说 this指向 调用this所在方法 的对象; 普通函数 例子1 function test(){ this.x = 1; console.log(x); } test();//1 因为调用test()方法是window即全局,所以 阅读全文
posted @ 2017-12-27 19:29 liaoanran 阅读(333) 评论(0) 推荐(0) 编辑
摘要: js 继承 今天主要说原型链继承、构造继承、组合继承三种常用继承方式,分享一下我的理解。 原型链继承例子1 //原型继承 function A(name){ this.name = name; } function B(){ this.school = "alb" } B.prototype = n 阅读全文
posted @ 2017-12-21 10:49 liaoanran 阅读(787) 评论(0) 推荐(0) 编辑
摘要: 手把手教你用vue cli搭建vue项目 本篇主要是利用vue cli来搭建vue项目,其中前提是node和npm已经安装好,文章结尾将会简单提到一个简单的例子。使用vue cli搭建项目最开始我也是看网上的教程一步步搭下来,所以其中的一些步骤说法为了表达正确会进行一定参考。 一、 项目使用技术、框 阅读全文
posted @ 2017-12-15 14:30 liaoanran 阅读(115865) 评论(9) 推荐(10) 编辑
摘要: vue——props的两种常用方法 1、实现父—— 子的通信 举例如下: 父组件 parent.vue <children :channel="object1" </children 子组件 children.vue export default{ name:"children", pr 阅读全文
posted @ 2017-12-14 17:31 liaoanran 阅读(16195) 评论(1) 推荐(0) 编辑
摘要: 背景图片自适应浏览器大小 之前在网上看到的一个小技巧,记录一下:背景图片铺满屏幕并且可以随着浏览器进行自适应,代码如下: <body <div style="position:absolute; width:100%; height:100%; z index: 1" <img s 阅读全文
posted @ 2017-12-14 16:50 liaoanran 阅读(1788) 评论(0) 推荐(0) 编辑