2018年11月22日

摘要: 最近利用vue写了一个网站,在网站某一个页面滚动到某一个地方后执行某一动化,所以要获取拿一个div到顶部的距离,所以我在页面加载的时候给window加了一个滚动的监听 但是这一个监听是给window加的,所以其他的每一个页面都要去掉监听 这样有点太麻烦,所以我想到了vue的生命钩子里有一个destr 阅读全文
posted @ 2018-11-22 14:56 Angies 阅读(1340) 评论(0) 推荐(0) 编辑

2018年10月15日

摘要: 一、promise 1、 let a = 1; let promise = new Promise(function(resolve,reject){ //resolve ,成功调用 //reject ,失败调用 if(a==10){ resolve('成功'); }else{ reject(‘失败 阅读全文
posted @ 2018-10-15 15:40 Angies 阅读(134) 评论(0) 推荐(0) 编辑

2018年10月12日

摘要: 一、箭头函数: ()=> { 语句 return } 1、this问题,定义函数所在的对象,不在是运行时所在的对象 2、箭头函数里面没有arguments,用“...” 3、箭头函数不能当构造函数 二、三个点 1、let arr = ['apple','banana','orange']; cons 阅读全文
posted @ 2018-10-12 17:12 Angies 阅读(114) 评论(0) 推荐(0) 编辑
 
摘要: 一、let 1、没有预解析,不存在变量提升 2、不能重复定义变量 let a = 5; let a= 12; 输出:会提示不能重复定义 3、for循环,for循环里面是父级作用域,里面又一个 for(let a = 0;a<5;i++){ let a= 'abc'; console.log( a); 阅读全文
posted @ 2018-10-12 15:40 Angies 阅读(102) 评论(0) 推荐(0) 编辑

2018年9月26日

摘要: 一、概念 二、父元素属性 1)flex-direction决定主轴的方向(即项目的排列方向)。 row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 阅读全文
posted @ 2018-09-26 16:42 Angies 阅读(251) 评论(0) 推荐(0) 编辑

2018年9月25日

摘要: 一、animation 概念 animation 属性是一个简写属性,用于设置六个动画属性: 1)animation-name,规定需要绑定到选择器的 keyframe 名称。 2)animation-duration,规定完成动画所花费的时间,以秒或毫秒计默认是0表示无动画,单位可以设s秒或ms毫 阅读全文
posted @ 2018-09-25 15:01 Angies 阅读(5345) 评论(0) 推荐(0) 编辑

2018年7月12日

摘要: 首先,全局安装less,控制台输入 npm install less -g npm install less -g npm install less -g 然后,在webstorm上配置less插件,"File" --> "settings"-->"Tools" 在"file Watchers" - 阅读全文
posted @ 2018-07-12 09:43 Angies 阅读(751) 评论(0) 推荐(0) 编辑

2018年4月10日

摘要: 1、let、const、var区别 使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象;使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升;使用const声明的是常量,在后面出现的代码中不能再修改该常量的值。 2、闭包 要理解闭包,首先必须理解Javascrip 阅读全文
posted @ 2018-04-10 15:48 Angies 阅读(225) 评论(0) 推荐(0) 编辑

2018年3月14日

摘要: 1、原因 当项目用Vue-cli直接生成项目时当询问 “Use ESLint to lint your code?”选择了yes。 页面表现形式: 2修改方法 1)重新建项目,当项目询问Use ESLint to lint your code?选择No 2)打开配置文件,在webpack.base. 阅读全文
posted @ 2018-03-14 15:27 Angies 阅读(3935) 评论(0) 推荐(0) 编辑

2018年1月24日

摘要: 其中,当第一排第二个文本框改变时第三排文本框会改变,当第三排文本框内容改变时第一排第一个文本框内容也会改变。 二、解析 1.父组件向子组件的单向传递 <my-components v-bind:text="text"></my-components> 2.上面有子组件与父组件的双向传递的示例此处就不 阅读全文
posted @ 2018-01-24 15:04 Angies 阅读(789) 评论(0) 推荐(0) 编辑