1.box-sizing 属性的值有哪些,区别是什么?
content-box:在宽度和高度之外绘制元素的内边距和边框
border-box:从已设定的宽度和高度中分别减去边框和内边距才能得到内容的宽度和高度
inherit
2.css选择器有哪些?
标签选择器、类选择器、ID选择器、伪类选择器、属性选择器、继承选择器、组合选择器、全局选择器
3.display主要有哪些值?简单说明它们的作用
none:隐藏元素
block:将元素转换为块级元素
inline:转为行内元素
inline-block:转为行内块元素
flex:设置为弹性布局
4.元素竖向的百分比设定是相对于容器的高度吗?
不是,而是相对于父容器的宽度
5.页面导入样式时,link和@import有什么区别?
①link是XHTML标签,除了加载css之外,还能定义rel连接属性等,而@import是css提供的,只能用于加载css
②link引用css时,在页面载入时同时加载;@import需要页面网页完全载入后加载
③link支持使用js控制DOM改变样式,而@import不支持
6.px、em、rem的区别
px是固定的像素,一旦设置了就无法因为适应页面大小而改变
em相对于父元素改变而改变
rem相对于根元素改变而改变
7.超链接访问过后,hover样式就不出现的问题是什么,怎样解决?
被点击过后的超链接样式就不再具有hover和active了
解决方法:改变css属性的顺序:L-V-H-A(link,visited,hover,active)
8.事件委托是什么?
事件委托就是利用事件冒泡,只指定一个事件处理程序,管理当前绑定下的所有元素的事件
9.防抖和节流是什么?有什么区别?
防抖是将多次执行转变为最后一次执行(如输入框),节流是将多次执行转变为每隔一段时间执行(如短信验证码)
10.什么是vue生命周期?有什么作用?共有几个阶段?第一次页面加载触发了哪些钩子?DOM渲染在哪个周期中就已经完成?
vue生命周期即vue实例从创建到销毁的过程
作用:在控制整个vue实例过程中更容易形成好的逻辑
beforeCreate,created,beforeMount,mouted
mounted阶段完成dom渲染