萬科前端筆試題庫及答案

單項選擇題（每題2分，共10題）1.以下哪個是HTML5新增的標簽？A.<font>B.<center>C.<video>D.<applet>2.CSS中設(shè)置元素透明度的屬性是？A.opacityB.transparentC.alphaD.visibility3.JavaScript中用于獲取元素的方法是？A.getElementB.querySelectorC.getElementByIdD.selectElement4.以下哪種布局方式常用于實現(xiàn)多列布局？A.floatB.flexboxC.gridD.position5.以下哪個是正確的JavaScript函數(shù)定義？A.functionmyFunction(){}B.function=myFunction(){}C.myFunction(){}D.defmyFunction(){}6.HTML中用于創(chuàng)建超鏈接的標簽是？A.<a>B.<link>C.<href>D.<url>7.CSS中設(shè)置文本顏色的屬性是？A.colorB.text-colorC.font-colorD.background-color8.以下哪種事件用于監(jiān)聽元素的點擊？A.clickB.onloadC.changeD.submit9.以下哪個是正確的CSS選擇器用于選中所有p元素？A.pB.pC..pD.p()10.JavaScript中用于獲取當前頁面URL的屬性是？A.location.hrefB.document.URLC.window.hrefD.pageURL答案：1.C2.A3.C4.C5.A6.A7.A8.A9.A10.A多項選擇題（每題2分，共10題）1.以下哪些是CSS盒模型的組成部分？A.內(nèi)容區(qū)B.內(nèi)邊距C.邊框D.外邊距2.以下哪些是JavaScript的數(shù)據(jù)類型？A.數(shù)字B.字符串C.布爾值D.對象3.以下哪些是HTML表單元素？A.<input>B.<textarea>C.<select>D.<button>4.以下哪些是CSS布局模型？A.浮動布局B.定位布局C.彈性布局D.網(wǎng)格布局5.以下哪些是JavaScript中的循環(huán)語句？A.forB.whileC.do-whileD.foreach6.以下哪些是HTML中的標題標簽？A.<h1>B.<h2>C.<h3>D.<h4>7.以下哪些是CSS中設(shè)置背景的屬性？A.background-colorB.background-imageC.background-repeatD.background-position8.以下哪些是JavaScript中的事件對象？（可多選）A.eventB.window.eventC.document.eventD.target.event9.以下哪些是HTML中的列表標簽？A.<ul>B.<ol>C.<li>D.<dl>10.以下哪些是CSS中設(shè)置字體的屬性？A.font-familyB.font-sizeC.font-weightD.font-style答案：1.ABCD2.ABCD3.ABCD4.ABCD5.ABC6.ABCD7.ABCD8.AB9.ABC10.ABCD判斷題（每題2分，共10題）1.HTML標簽不區(qū)分大小寫。（）2.CSS中margin可以設(shè)置負值。（）3.JavaScript中變量必須先聲明后使用。（）4.所有HTML元素都可以設(shè)置寬高。（）5.CSS中border-radius用于設(shè)置元素的圓角。（）6.JavaScript中函數(shù)內(nèi)部可以訪問全局變量。（）7.HTML中<img>標簽的src屬性必須是圖片的絕對路徑。（）8.CSS中clear屬性用于清除浮動。（）9.JavaScript中數(shù)組的長度是固定的。（）10.HTML中<table>標簽用于創(chuàng)建表格。（）答案：1.√2.√3.√4.×5.√6.√7.×8.√9.×10.√簡答題（總4題，每題5分）1.簡述CSS中盒模型的概念。盒模型包括內(nèi)容區(qū)、內(nèi)邊距、邊框和外邊距。內(nèi)容區(qū)是實際顯示內(nèi)容，內(nèi)邊距在內(nèi)容與邊框間，邊框圍繞內(nèi)容和內(nèi)邊距，外邊距控制元素與其他元素間距。2.如何在JavaScript中獲取頁面元素的屬性？可使用元素對象的屬性來獲取，如通過getElementById獲取元素后，直接訪問其屬性，如element.id獲取元素的id屬性。3.簡述HTML表單提交數(shù)據(jù)的方式。有g(shù)et和post方式。get將數(shù)據(jù)附加在URL后，不安全且有長度限制；post將數(shù)據(jù)放在請求體中，更安全，無長度限制。4.如何使用CSS實現(xiàn)水平居中一個塊元素？可使用text-align:center用于行內(nèi)元素水平居中；對于塊元素，可使用margin:0auto或display:flex;justify-content:center等方法。討論題（總4題，每題5分）1.討論浮動布局的優(yōu)缺點。優(yōu)點：實現(xiàn)多列布局較方便，元素可并排排列。缺點：容易導(dǎo)致父元素高度塌陷，影響頁面布局，且清除浮動較麻煩。2.談?wù)勀銓avaScript閉包的理解。閉包是指有權(quán)訪問另一個函數(shù)作用域中變量的函數(shù)。它可讀取函數(shù)內(nèi)部變量，即使該函數(shù)已執(zhí)行完畢，變量也