荔枝fm前端面试题

来到首先就是笔试做题，然后面试官针对题目问你解题思路。面试官也会现场出一些题目让你答，主要是对js\css基础知识的考察。

1、考察js的执行顺序以及变量的作用域

图1

输出的结果是function。假如没有“function inner(){}” 输出的结果是undefined。假如没有return下面那三行，则会报错Uncaught ReferenceError: inner is not defined。

2、考察闭包作用域

图2

第一个alert是"Hello World" ，第二个是： ReferenceError: bar is not defined。

3、考察事件的异步操作

图3-1

结果是alert五次5；

图3-1

这样结果则会alert 0，1，2，3，4

4、考察z-index的层叠关系

题目太长就不写了，但是明白下面三点就都不是问题！！！

前提：z-index只能在position属性值为relative或absolute或fixed的元素上有效。

基本原理：z-index值可控制定位元素在垂直于显示屏方向（Z 轴）上的堆叠顺序（stack order），值大的元素发生重叠时会在值小的元素上面。

相对性：css版堆叠“拼爹”。堆叠的层次是相对于父类的。

5、考察正则

题目：写出包含数字和英文的8~12位字符的正则。

结果：/^[a-zA-Z0-9]{8,12}$/

6、考察字符串的切割和组合

"i'm a lasagna hog".split("").reverse().join("");

问题：上面的语句的返回值是什么? 答案："goh angasal a m'i"

7.vw单位的考察

如果视区宽度是100vm, 则1vm是视区宽度的1/100, 也就是1%，类似于width: 1%

“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。

8、A部分的宽度是动态变化的，而B则负责把剩下的部分填满。怎么实现。

图8

结果：可以用把Afloat：left;而B部分则overflow:auto就好。

或者用flex-group实现。