来到首先就是笔试做题，然后面试官针对题目问你解题思路。面试官也会现场出一些题目让你答，主要是对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实现。
网友评论