前端面试问题总结1

1.块级元素和行级元素的区别

• 区别一：块级：块级元素会独占一行，默认情况下宽度自动填满其父元素高度；
                 行级：行内元素不会独占一行，相邻的行内元素会排列在同一行，其宽度随内容的变化而变化；
• 区别二：块级：块级元素可以设置高度；
                 行级：行内元素不可以设置高度；
• 区别三：块级：块级元素可以设置margin、padding；
                 行级：行级元素在设置margin、padding时只对水平方向生效；

2.隐藏元素的四种方法

• opacity：设置透明度，当透明度为0时，出现视觉上的隐藏效果，实际还会占据着位置；
• visibility：hidden 元素会隐藏，也会占据着位置；
• display：none 元素隐藏，不会占据位置；
• position：absolute 绝对定位，将元素移出可视区；

3.字符串转换数字的方法

• parseInt（s）
• parseFloat（s）
• Number（s）

4.字符串截取方法

• str.subString(i) : 去掉字符串前i个字符
• str.subString(i,j) : 截取从 i 到 j 个字符串
• str.remove(i) : 去掉字符串前i个字符
• str.slice(2) : 截取第二位之后的所有字符
• str.slice(2,4)截取第二个到第四个之间的字符
• str.substr(2) : 截取第二位之后的所有字符
• str.substr(2,4) : 截取从第三个开始往后四位之间的字符

5.var、let、const 区别

• var：var存在全局作用域和函数作用域两种，没有块级作用域的说法，并且存在变量提升；
• let：块级作用域 {} ，let 不允许在相同的作用域内重复声明同一个变量；
• const：const声明一个只读的常量，一旦声明就必须被初始化，只声明不赋值会报错：undefined，也是块级作用域；

6.v-show 与 v-if 的区别

• 相同点：v-if 和 v-show 都可以动态控制dom元素显示隐藏；
• 不同点：v-if 显示隐藏是将dom 元素整个添加或者删除，而v-show隐藏则是为该元素添加 css-display:none ，dom元素还在；

7.父组件与子组件的事件传递

父——》子：props：[]
子——》父：子组件通过自定义事件向父组件传递信息：

子组件：
Vue.component("menu-item",{
template:'<button @click='$emit("自定义事件",参数)'> </button>',
methods:{ 
		handle:function(var){ 
			console.log(val);
			}
}
父组件：
<menu-item @自定义事件名称='handle($Event)'></menu-item>