web积累

1，px,em,rem三者的区别？

1. px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
2. em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。它的特点是em的值并不是固定的，它继承父级元素的字体大小，会相对父元素字体大小而改变
3. rem是CSS3新增的一个相对单位，它只相对根元素修改大小。

2，样式鼠标悬停的写法？

1. 在选择器上加上：hover可以完成鼠标悬停。

3，vue的watch监听？

1. 在v-model双向数据绑定上，进行数据的监听（watch）

　　

 

 4，vue中的params传参和query传参的区别？

1. 页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数)，页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数)
2. 页面携带params参数跳转(携带params参数跳转时只能使用name指定) 

   this.$router.push({ name:'Login', params: { id: this.id } )

   params相当与发送了一次post请求，请求参数则不会显示，并且刷新页面之后参数会消失

当路由配置更改为

{path:'/login/:id',name:'Login',component:Login}

　　3.并且再次发送请求，请求数据不会随着页面的刷新而消失

 

5，v-if和v-show的区别是什么？　　

1. v-if和v-show用于视图层进行条件判断视图展示
2. v-if的原理是根据判断条件来动态的进行增删DOM元素，v-show是根据判断条件来动态的进行显示和隐藏元素，频繁的进行增删DOM操作会影响页面加载速度和性能。
3. 当您的项目程序不是很大的时候，v-if和v-show都可以用来进行判断展示和隐藏（这种场景使用v-if只是影响不大，并不是没有影响）。
4. 当您的项目程序比较大的时候，不推荐使用v-if来进行判断展示和隐藏，推荐使用v-show。
5. 只有v-if能和v-else连用进行分支判断，v-show是不能和v-else连用的，如果出现多种条件场景的情况下，可以使用v-if来进行判断。

 6，let和var、const的区别是什么？

1. var是ES5提出，let和const是ES6提出来的。
2. var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
3. let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
4. const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。