web积累
1,px,em,rem三者的区别?
- px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
- em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。它的特点是em的值并不是固定的,它继承父级元素的字体大小,会相对父元素字体大小而改变
- rem是CSS3新增的一个相对单位,它只相对根元素修改大小。
2,样式鼠标悬停的写法?
- 在选择器上加上:hover可以完成鼠标悬停。
3,vue的watch监听?
- 在v-model双向数据绑定上,进行数据的监听(watch)
4,vue中的params传参和query传参的区别?
- 页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数),页面携带query参数跳转(path,name指定跳转到Login时都可以携带query参数)
- 页面携带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的区别是什么?
- v-if和v-show用于视图层进行条件判断视图展示
- v-if的原理是根据判断条件来动态的进行增删DOM元素,v-show是根据判断条件来动态的进行显示和隐藏元素,频繁的进行增删DOM操作会影响页面加载速度和性能。
- 当您的项目程序不是很大的时候,v-if和v-show都可以用来进行判断展示和隐藏(这种场景使用v-if只是影响不大,并不是没有影响)。
- 当您的项目程序比较大的时候,不推荐使用v-if来进行判断展示和隐藏,推荐使用v-show。
- 只有v-if能和v-else连用进行分支判断,v-show是不能和v-else连用的,如果出现多种条件场景的情况下,可以使用v-if来进行判断。
6,let和var、const的区别是什么?
- var是ES5提出,let和const是ES6提出来的。
- var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
- let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。
- const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。