來到首先就是筆試做題,然后面試官針對題目問你解題思路。面試官也會現(xiàn)場出一些題目讓你答,主要是對js\css基礎(chǔ)知識的考察。
1、考察js的執(zhí)行順序以及變量的作用域

輸出的結(jié)果是function。假如沒有“function inner(){}” 輸出的結(jié)果是undefined。假如沒有return下面那三行,則會報錯Uncaught ReferenceError: inner is not defined。
2、考察閉包作用域

第一個alert是"Hello World" ,第二個是: ReferenceError: bar is not defined。
3、考察事件的異步操作

結(jié)果是alert五次5;

這樣結(jié)果則會alert 0,1,2,3,4
4、考察z-index的層疊關(guān)系
題目太長就不寫了,但是明白下面三點就都不是問題?。?!
前提:z-index只能在position屬性值為relative或absolute或fixed的元素上有效。
基本原理:z-index值可控制定位元素在垂直于顯示屏方向(Z 軸)上的堆疊順序(stack order),值大的元素發(fā)生重疊時會在值小的元素上面。
相對性:css版堆疊“拼爹”。堆疊的層次是相對于父類的。
5、考察正則
題目:寫出包含數(shù)字和英文的8~12位字符的正則。
結(jié)果:/^[a-zA-Z0-9]{8,12}$/
6、考察字符串的切割和組合
"i'm a lasagna hog".split("").reverse().join("");
問題:上面的語句的返回值是什么? 答案:"goh angasal a m'i"
7.vw單位的考察
如果視區(qū)寬度是100vm, 則1vm是視區(qū)寬度的1/100, 也就是1%,類似于width: 1%
“視區(qū)”所指為瀏覽器內(nèi)部的可視區(qū)域大小,即window.innerWidth/window.innerHeight大小,不包含任務(wù)欄標(biāo)題欄以及底部工具欄的瀏覽器區(qū)域大小。
8、A部分的寬度是動態(tài)變化的,而B則負(fù)責(zé)把剩下的部分填滿。怎么實現(xiàn)。

結(jié)果:可以用把Afloat:left;而B部分則overflow:auto就好。
或者用flex-group實現(xiàn)。