2019-07-15

var的声明提升会将函数声明提升到变量声明之前，与函数声明同名的变量声明会被忽略掉，但之后的同名函数声明会覆盖之前的函数声明。

Input输入框focus时会有一圈边框，此边框是由outline所控制，即获取焦点时，轮廓虚线框为outline而不是border : 

想要去掉此样式时可在伪类:focus内写:

{
	outline: “none”
}

而要设置修改焦点样式时对outline修改即可：

{
	outline: 1px solid #ededed;
}

如果要对焦点样式进行设计圆角，对outline设置圆角不能使用border-radious，而是要采用如下所示方法，但是目前只有火狐浏览器支持此方法：

{
	-moz-outline-radius: 1rem;
}

更好的办法是对input使用box-shadow模拟outline的圆角效果： 

效果： 

box-shadow: 0 0 0 0.03rem #38ea61;

出现了4个数值，分别是水平偏移0， 垂直偏移0，模糊0(纯色)，扩展大小0.03rem(根据你的尺寸自行设置)。可以将其想象成，光线直接从盒子的正上方照下来，因为没有偏移没有模糊，看不到任何阴影。实际上，盒子的阴影正好就是盒子的大小（外带input设置的圆角），此时，扩展0.03rem，即模拟了带圆角的border样式。

outline特性参考： www.zhangxinxu.com/wordpress/2…

vue对class写三目运算符不同于

isTrue ? 'trueOptions' : 'falseOptions'

而是

<div :class="{'key-item' : true, 'add-class' : addClass == 1}"></div>

vue刷新当前页面的方法： segmentfault.com/a/119000001…

vue路由中

{
      path: '*',
      redirect: '/'
},