2019前端面試題及答案

單項(xiàng)選擇題（每題2分，共10題）1.以下哪個(gè)是JavaScript中聲明變量的關(guān)鍵字？A.letB.varibleC.constsD.def答案：A2.CSS中設(shè)置元素字體大小的屬性是？A.font-sizeB.text-sizeC.size-fontD.letter-size答案：A3.HTML中用于創(chuàng)建超鏈接的標(biāo)簽是？A.<a>B.<link>C.<href>D.<url>答案：A4.在JavaScript中，數(shù)組的length屬性表示？A.數(shù)組的元素個(gè)數(shù)B.數(shù)組的最大索引C.數(shù)組的內(nèi)存大小D.數(shù)組的類型答案：A5.以下哪個(gè)CSS選擇器可以選中所有段落元素？A.pB..pC.pD.[p]答案：C6.JavaScript中函數(shù)內(nèi)部使用什么關(guān)鍵字來(lái)引用調(diào)用該函數(shù)的對(duì)象？A.thisB.selfC.objectD.that答案：A7.HTML5中新增的用于繪制圖形的元素是？A.<canvas>B.<graph>C.<draw>D.<paint>答案：A8.CSS中設(shè)置元素背景顏色的屬性是？A.background-colorB.bg-colorC.color-backgroundD.back-color答案：A9.在JavaScript中，以下哪個(gè)方法可以將字符串轉(zhuǎn)換為數(shù)字？A.parseInt()B.toString()C.parseFloat()D.A和C都可以答案：D10.HTML中用于定義表格單元格的標(biāo)簽是？A.<td>B.<tr>C.<th>D.<table>答案：A多項(xiàng)選擇題（每題2分，共10題）1.以下哪些是JavaScript中的數(shù)據(jù)類型？A.NumberB.StringC.BooleanD.Object答案：ABCD2.CSS盒模型包含哪些部分？A.內(nèi)容區(qū)（content）B.內(nèi)邊距（padding）C.邊框（border）D.外邊距（margin）答案：ABCD3.以下哪些是HTML5新增的語(yǔ)義化標(biāo)簽？A.<header>B.<nav>C.<article>D.<section>答案：ABCD4.JavaScript中常用的循環(huán)結(jié)構(gòu)有？A.for循環(huán)B.while循環(huán)C.do...while循環(huán)D.foreach循環(huán)答案：ABC5.以下哪些事件是JavaScript中常見(jiàn)的DOM事件？A.clickB.mouseoverC.keydownD.submit答案：ABCD6.CSS中可以設(shè)置文本對(duì)齊方式的屬性值有？A.leftB.rightC.centerD.justify答案：ABCD7.HTML中用于表單元素的有？A.<input>B.<select>C.<textarea>D.<button>答案：ABCD8.JavaScript中數(shù)組的方法有？A.push()B.pop()C.splice()D.map()答案：ABCD9.以下哪些是CSS3新增的特性？A.動(dòng)畫(huà)（animation）B.過(guò)渡（transition）C.彈性布局（Flexbox）D.響應(yīng)式設(shè)計(jì)答案：ABC10.在HTML中，<img>標(biāo)簽的常見(jiàn)屬性有？A.srcB.altC.widthD.height答案：ABCD判斷題（每題2分，共10題）1.JavaScript中null和undefined是完全相同的。（）答案：×2.CSS中可以通過(guò)類選擇器和ID選擇器同時(shí)選中一個(gè)元素。（）答案：√3.HTML標(biāo)簽必須成對(duì)出現(xiàn)。（）答案：×4.在JavaScript中，函數(shù)內(nèi)部定義的變量是全局變量。（）答案：×5.CSS中設(shè)置元素的display屬性為none可以隱藏元素且不占用空間。（）答案：√6.HTML5中不再支持<frameset>標(biāo)簽。（）答案：√7.JavaScript中數(shù)組的元素可以是不同類型的數(shù)據(jù)。（）答案：√8.CSS中使用background-image屬性可以設(shè)置元素的背景圖片。（）答案：√9.HTML表單中的input元素type屬性為“submit”時(shí)表示提交按鈕。（）答案：√10.JavaScript中函數(shù)可以作為參數(shù)傳遞給其他函數(shù)。（）答案：√簡(jiǎn)答題（每題5分，共4題）1.簡(jiǎn)述JavaScript中閉包的概念。答案：閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中的變量的函數(shù)。即使該函數(shù)已經(jīng)執(zhí)行完畢，其作用域內(nèi)的變量也不會(huì)被銷毀，而是會(huì)被閉包所引用。2.什么是CSS盒模型？答案：CSS盒模型由內(nèi)容區(qū)（content）、內(nèi)邊距（padding）、邊框（border）和外邊距（margin）組成。內(nèi)容區(qū)放置實(shí)際內(nèi)容，內(nèi)邊距在內(nèi)容與邊框間，邊框圍繞內(nèi)容和內(nèi)邊距，外邊距在元素外部。3.簡(jiǎn)述HTML5新增的特性。答案：HTML5新增語(yǔ)義化標(biāo)簽，如<header>、<nav>等；新增<canvas>用于繪圖，<video>和<audio>處理多媒體；還有本地存儲(chǔ)、地理定位等API，增強(qiáng)了頁(yè)面功能。4.如何在JavaScript中創(chuàng)建一個(gè)對(duì)象？答案：有多種方式，可使用對(duì)象字面量，如`letobj={name:'張三',age:20}`；也可用`newObject()`創(chuàng)建，如`letobj=newObject();='張三';obj.age=20`；還能通過(guò)構(gòu)造函數(shù)和類創(chuàng)建。討論題（每題5分，共4題）1.討論前端性能優(yōu)化的方法。答案：壓縮代碼，減少HTTP請(qǐng)求，合并文件；優(yōu)化圖片，使用CDN加速，緩存數(shù)據(jù)；合理使用懶加載，優(yōu)化CSS加載順序，避免內(nèi)聯(lián)腳本阻塞渲染，提升頁(yè)面加載速度。2.說(shuō)說(shuō)響應(yīng)式設(shè)計(jì)的重要性及常用實(shí)現(xiàn)方法。答案：重要性在于能讓頁(yè)面在不同設(shè)備上都有良好顯示效果，提升用戶體驗(yàn)。常用方法有媒體查詢，根據(jù)屏幕尺寸應(yīng)用不同樣式；使用彈性布局如Flexbox和Grid；設(shè)置相對(duì)單位，讓元素自適應(yīng)頁(yè)面大小。3.探討JavaScript中異步編程的方式及應(yīng)用場(chǎng)景。答案：方式有回調(diào)函數(shù)、Promise、async/await。應(yīng)用場(chǎng)景如讀取文件、網(wǎng)絡(luò)請(qǐng)求等耗時(shí)操作，避免阻塞主線程，保證頁(yè)面流暢運(yùn)行?；卣{(diào)函數(shù)簡(jiǎn)單但易回調(diào)地獄