前端基礎(chǔ)理論考試測試題

1、前端基礎(chǔ)理論考試您的姓名： 填空題 *_1、在下列的HTML中，哪個是最大的標題（）？ 單選題A、B、C、D、(正確答案)2、在下列的HTML中，哪個可以插入換行（）？ 單選題A、(正確答案)B、C、D、以上都不是3、以下哪個屬性可以指定input元素值為空時的提示信息（）？ 單選題A、titleB、placeholder(正確答案)C、altD、pattern4、在HTML文檔中，引用外部JavaScript文件的建議位置是（）？ 單選題A、head標簽B、標簽后C、標簽前(正確答案)D、標簽前5、以下border-radius屬性的哪個取值可以使頭像圖片顯示為圓形（）？ 單選題A、30px

2、B、circleC、30%D、60%(正確答案)6、下列哪種方式可以選擇表格的所有偶數(shù)行（）？ 單選題A、tr:nth-child(2)B、tr:nth-child(2n+1)C、tr:nth-child(2n)(正確答案)D、tr:nth-child(odd)7、絕對定位的元素其定位參考的是哪個元素（）？ 單選題A、htmlB、bodyC、父元素D、包含相對定位屬性的最內(nèi)層上級元素(正確答案)8、CSS3實現(xiàn)線性漸變的是哪個屬性（）？ 單選題A、border-radiusB、box-shadowC、gradient(正確答案)D、transform9、rem是CSS3新增的一個相對單位，它相

3、對的是哪個元素的字體大小（）？ 單選題A、documentB、html(正確答案)C、bodyD、當前元素的父元素10、現(xiàn)有兩個DIV，A和B，A給定margin-bottom: 50px，B給定margin-top: 30px，哪么A和B的垂直間距是多少（）？ 單選題A、50px(正確答案)B、30pxC、80pxD、20px11、margin、padding、border等屬性縮寫時，屬性值的書寫順序是下面哪個（）？ 單選題A、上、下、左、右B、上、右、下、左(正確答案)C、上、左、下、右D、下、上、右、左12、下面哪種方式可以使得元素變?yōu)樾袃?nèi)元素（）？ 單選題A、position: re

4、lativeB、display: inline-block(正確答案)C、float: none;D、display: block;13、以下哪個css屬性可以設(shè)置元素的透明度，且不會影響子元素（）？ 單選題A、rgba(正確答案)B、rgbC、opacityD、alpha14、下列哪個css選擇器的優(yōu)先級最高（）？ 單選題A、div+p aB、div.active pa(正確答案)C、divpaD、div p a15、以下哪個方法可以判斷對象所屬類型（）？ 單選題A、typeofB、instanceof(正確答案)C、objectD、prototype16、請選擇正確的代碼，將字符串”$id

5、-$id”中的$id全部替換成（）10。 單選題A、str.replace(/$id/g, 10)(正確答案)B、str.replace(/$id/g, 10)C、str.replace(/$id/g, 10)D、str.replace($id, 10)17、表達式11+ 2 - 1的計算結(jié)果是什么（）？ 單選題A、111(正確答案)B、1121C、131D、1218、var a = 10; b = 20; c = 4; +b+c+a+; 以下哪個結(jié)果是正確的（）？ 單選題A、34B、35(正確答案)C、36D、3719、對字符串str=welcome to china進行下列操作處理，描述結(jié)

6、果正確的是（）？ 單選題A、str.substring(1, 5)的返回值是elcomB、str.length的返回值16(正確答案)C、str.indexOf(come, 4)的返回值為4D、str.toUpperCase( )的返回值是Welcome To China20、Javascript表達式 3-3 | 2+3 的計算結(jié)果是（）？ 單選題A、trueB、falseC、0D、5(正確答案)21、以下關(guān)于jQuery的說法哪個是正確的（）？ 單選題A、window.onload()執(zhí)行的時機要比$(document).ready()早B、jquery的load方法是一個常用的ajax方

7、法(正確答案)C、$(#myId)的執(zhí)行效率要比document.getElementbyId(myId)高D、可以通過if(!$(“.active”)的形式來判斷是否選中了元素22、下面哪個jQuery方法用于在所選元素后面添加同胞元素（）？ 單選題A、appendB、prependC、after(正確答案)D、before23、下面哪行代碼能正確的向被選元素添加兩個類（）？ 單選題A、addClass(“class1”, “class2”)B、addClass(“class1,class2”)C、addClass(“class1 class2”)(正確答案)D、toggleClass(“c

8、lass1,class2”)24、下面哪個jQuery方法用于刪除被選元素的所有子元素（）？ 單選題A、deleteB、removeC、empty(正確答案)D、clear25、下面哪個方法能返回被選元素的所有后代元素（）？ 單選題A、childrenB、find(正確答案)C、eachD、contents26、下面哪個代碼能返回“name”屬性為“select1”的select標簽的選中項 單選題A、$（”name=select1.selected”）B、$（”name=select1.selected”）C、$（” name=select1:selected”）(正確答案)D、$（” na

9、me=select1:selected”）27、以下哪個命令可以將遠端的工程文件檢出到本地（）？ 單選題A、addB、pushC、checkout(正確答案)D、commit28、以下哪個命令可以將已暫存的文件提交到git服務(wù)器上（）？ 單選題A、pullB、pushC、checkoutD、commit(正確答案)29、Chrome開發(fā)者工具中Network標簽中的TTFB的含義是（）？ 單選題A、請求等待時間B、請求頭傳輸時間C、數(shù)據(jù)傳輸時間D、首字節(jié)到達前等待時間(正確答案)30、給元素設(shè)置樣式“flex:1;”，下面那個說法是正確的（）？ 單選題A、如果存在剩余空間，也不放大B、如果空間

10、不足，該項目將縮小(正確答案)C、相當于設(shè)置“flex: 1 1 auto;”D、如果存在多個元素，將不能實現(xiàn)均分1、下面哪些元素屬于塊狀元素（）？A、ul(正確答案)B、table(正確答案)C、p(正確答案)D、span2、下面哪些方式可以清除浮動（）？A、父級div定義height(正確答案)B、父級div也浮動(正確答案)C、父級div添加樣式overflow：hidden(正確答案)D、父級div使用偽類：after和zoom(正確答案)3、下面哪些說法是正確的（）？A、大量字符串拼接不要直接使用“+”操作符，而是通過數(shù)組這種更優(yōu)的方式來實現(xiàn)(正確答案)B、反復(fù)使用的js代碼要封裝成

11、函數(shù)來提升復(fù)用性(正確答案)C、代碼要保證健壯性(正確答案)D、不必進行參數(shù)值合法性校驗4、下面哪些情形會引起js跨域問題（）？A、同一域名，不同文件夾B、同一域名，不同端口(正確答案)C、同一域名，不同協(xié)議(正確答案)D、不同域名(正確答案)5、ES6新增了哪兩個聲明變量命令（）？A、varB、let(正確答案)C、const(正確答案)D、string6、下面哪些特性屬于本地存儲（）？A、jsonB、cookie(正確答案)C、localStorage(正確答案)D、sessionStorage(正確答案)7、下面哪些css屬性可以隱藏元素（）？A、opacity(正確答案)B、visib

12、ility(正確答案)C、display(正確答案)D、position(正確答案)8、下面哪些是瀏覽器支持的事件類型（）？A、click(正確答案)B、dblclick(正確答案)C、focus(正確答案)D、delegate9、下面哪些方式可以設(shè)置瀏覽器默認文檔模式為chrome內(nèi)核（）？A、(正確答案)B、(正確答案)C、D、10、下面哪些是前端常用的性能優(yōu)化方法（）？A、CSS Sprites(正確答案)B、CDN托管(正確答案)C、首屏后臺渲染(正確答案)D、代碼壓縮、混淆(正確答案)1、doctype聲明必須位于頁面HTML代碼的第一行。 判斷題對(正確答案)錯2、單獨給span元素指定margin-top屬性是無效的。 判斷題對(正確答案)錯3、jQuery方法css一次只能設(shè)置一個css屬性。 判斷題對錯(正確答案)4、JavaScript文件進行壓縮、混淆后不便于閱讀，所以不建議這樣處理。 判斷題對錯(正確答案)5、css層級選擇器的層級數(shù)量并不會影響瀏覽器渲染性能。 判斷題對錯(正確答案)6、頻繁的dom操作并不會影響代碼執(zhí)行效率。 判斷題對錯(正確答案