2017前端面試題及答案

單項(xiàng)選擇題（每題2分，共10題）1.以下哪個是JavaScript中的基本數(shù)據(jù)類型？A.ObjectB.ArrayC.NumberD.Function2.CSS中設(shè)置元素字體大小的屬性是？A.font-weightB.font-sizeC.font-familyD.font-style3.HTML中用于創(chuàng)建超鏈接的標(biāo)簽是？A.<a>B.<img>C.<div>D.<p>4.在JavaScript中，以下哪個方法用于獲取元素的樣式？A.getStyleB.getComputedStyleC.styleD.css5.以下哪種選擇器在CSS中匹配所有元素？A.B.idC..classD.element6.JavaScript中數(shù)組的length屬性表示？A.數(shù)組的最大索引B.數(shù)組元素的個數(shù)C.數(shù)組的內(nèi)存大小D.數(shù)組的類型7.HTML5中新增的用于繪制圖形的元素是？A.<canvas>B.<svg>C.兩者都是D.兩者都不是8.CSS中盒模型的組成部分不包括？A.contentB.borderC.marginD.padding9.在JavaScript中，以下哪個事件在頁面加載完成后觸發(fā)？A.clickB.loadC.readyD.submit10.HTML中設(shè)置元素內(nèi)邊距的屬性是？A.marginB.paddingC.borderD.width多項(xiàng)選擇題（每題2分，共10題）1.以下哪些是JavaScript中的數(shù)據(jù)類型？A.StringB.BooleanC.NullD.Undefined2.CSS中常用的布局方式有？A.浮動布局B.定位布局C.彈性布局（Flexbox）D.網(wǎng)格布局（Grid）3.HTML中常用的表單元素有？A.<input>B.<select>C.<textarea>D.<button>4.JavaScript中數(shù)組的方法有？A.pushB.popC.spliceD.map5.以下哪些屬于CSS選擇器？A.元素選擇器B.類選擇器C.ID選擇器D.屬性選擇器6.HTML5新增的語義化標(biāo)簽有？A.<header>B.<nav>C.<article>D.<section>7.在JavaScript中，可以創(chuàng)建對象的方式有？A.字面量方式B.構(gòu)造函數(shù)方式C.Object.create()D.newArray()8.CSS中可以設(shè)置文本對齊方式的屬性值有？A.leftB.rightC.centerD.justify9.JavaScript中函數(shù)的定義方式有？A.函數(shù)聲明B.函數(shù)表達(dá)式C.箭頭函數(shù)D.構(gòu)造函數(shù)10.HTML中設(shè)置元素樣式的方式有？A.內(nèi)聯(lián)樣式B.內(nèi)部樣式表C.外部樣式表D.樣式屬性判斷題（每題2分，共10題）1.JavaScript中的null和undefined是同一個值。（）2.CSS中margin屬性可以同時設(shè)置四個方向的外邊距。（）3.HTML標(biāo)簽必須成對出現(xiàn)。（）4.在JavaScript中，數(shù)組的索引可以從1開始。（）5.CSS中id選擇器的優(yōu)先級高于類選擇器。（）6.HTML5中<canvas>元素只能繪制2D圖形。（）7.JavaScript中函數(shù)內(nèi)部的this指向始終不變。（）8.CSS中可以通過opacity屬性設(shè)置元素的透明度。（）9.HTML中<img>標(biāo)簽的src屬性用于指定圖片的路徑。（）10.在JavaScript中，使用var聲明的變量具有塊級作用域。（）簡答題（每題5分，共4題）1.簡述JavaScript中閉包的概念。閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。即使該函數(shù)已經(jīng)執(zhí)行完畢，其作用域內(nèi)的變量也不會被銷毀，而是會被閉包所引用。2.列舉CSS中清除浮動的幾種方法。-使用clear屬性，如clear:both。-使用BFC（塊級格式化上下文），例如設(shè)置overflow:hidden。-使用偽元素，如:after選擇器并設(shè)置content和clear屬性。3.簡述HTML5中新增的WebStorageAPI。WebStorageAPI包括localStorage和sessionStorage。localStorage數(shù)據(jù)長期存儲，除非主動刪除；sessionStorage數(shù)據(jù)在會話期間有效，關(guān)閉瀏覽器窗口后數(shù)據(jù)消失。都以鍵值對形式存儲數(shù)據(jù)，使用簡單。4.簡述JavaScript中事件冒泡和事件捕獲。事件冒泡是從內(nèi)向外觸發(fā)事件，即從觸發(fā)元素開始依次向上傳播到祖先元素；事件捕獲是從外向內(nèi)觸發(fā)事件，從文檔根元素開始依次向下找到觸發(fā)元素。討論題（每題5分，共4題）1.討論前端性能優(yōu)化的方法。可以從壓縮代碼、合并文件減少請求次數(shù)；優(yōu)化圖片，如壓縮尺寸、選擇合適格式；使用CDN加速資源加載；懶加載非關(guān)鍵資源；合理優(yōu)化CSS加載順序等方面提升性能。2.說說響應(yīng)式設(shè)計(jì)的原理和常用技術(shù)。原理是頁面能根據(jù)不同設(shè)備屏幕尺寸自適應(yīng)布局和樣式。常用技術(shù)有媒體查詢，根據(jù)屏幕寬度等條件應(yīng)用不同樣式；彈性布局（Flexbox）和網(wǎng)格布局（Grid），方便實(shí)現(xiàn)靈活的頁面布局。3.探討JavaScript模塊化開發(fā)的好處。好處有提高代碼的可維護(hù)性，模塊職責(zé)單一，便于查找和修改問題；增強(qiáng)代碼復(fù)用性，可在不同地方引入使用；避免全局變量污染，各模塊有獨(dú)立作用域，減少變量沖突。4.討論在前端開發(fā)中如何處理兼容性問題。對于CSS兼容性，可使用瀏覽器前綴；對于JavaScript兼容性，使用polyfill填補(bǔ)API差異；針對不同瀏覽器版本測試和調(diào)試，如利用CanIUse等工具查看特性支持情況，及時調(diào)整代碼。答案單項(xiàng)選擇題1.C2.B3.A4.B5.A6.B7.C8.C9.B10.B多項(xiàng)選擇題1.