荔枝fm前端面試題

來到首先就是筆試做題,然后面試官針對題目問你解題思路。面試官也會現(xiàn)場出一些題目讓你答,主要是對js\css基礎(chǔ)知識的考察。

1、考察js的執(zhí)行順序以及變量的作用域

圖1

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

2、考察閉包作用域


圖2

第一個alert是"Hello World" ,第二個是: ReferenceError: bar is not defined。

3、考察事件的異步操作


圖3-1

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


圖3-1

這樣結(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)。

圖8

結(jié)果:可以用把Afloat:left;而B部分則overflow:auto就好。

或者用flex-group實現(xiàn)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,114評論 1 92
  • 本章轉(zhuǎn)載自新浪博客網(wǎng)友:blog.sina.com.cn/s/blog_7f5571aa0102w2tv.html...
    czboy閱讀 1,585評論 0 11
  • HTML+CSS 1.對WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)識 標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率、使...
    aymincoder閱讀 5,192評論 2 188
  • HTML HTML5標(biāo)簽 媒體查詢head部分寫法 Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義...
    Mayo_閱讀 715評論 0 8
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,638評論 18 399

友情鏈接更多精彩內(nèi)容