Web前端開發(fā)技術(shù)摸底測試第一輪測試題

1、Web前端開發(fā)技術(shù)摸底測試第一輪您的姓名： 填空題 *_1. 在JavaScript中下面選項關(guān)于this描述正確的是() 單選題 *A、在使用new實例化對象時, this指向這個實例對象(正確答案)B、當對象調(diào)用函數(shù)或者方法時,this指向這個對象。C、嚴格模式下,this指向windowD、在任何情況下this指向一旦確定就不能修改2. 下面哪個類用于固定寬度并支持響應(yīng)式布局的容器？ 單選題 *A、container(正確答案)B、centerC、containersD、containerFluid3. 在CSS中用()屬性來實現(xiàn)文字環(huán)繞圖片。 單選題 *Amargin(正確答案)Bfl

2、oatCpaddingDsrc4. 在CSS文件中插入注釋的正確書寫格式是()？ 單選題 *A、/this is a comment(正確答案)B、#this is a comment/C、/*this is a comment*/D、this is a comment5. 在緩存中，Cookie可存的最大限制是( ) 單選題 *A、1kb(正確答案)B、2kbC、3kbD、4kb6. 下列標簽不屬于列表標簽的是() 單選題 *A、ul(正確答案)B、dlC、olD、p7. 在javascript中下列執(zhí)行結(jié)果不正確的是() 單選題 *A、Math.max(3，4，5)返回5(正確答案)B、M

3、ath.abs(-9)返回9C、Math.floor(3.5)返回3D、Math.ceil(4.2)返回48. 在處理應(yīng)答中，如果我們要以文本的方式處理，我們需要在參數(shù)表中放置XMLHttpRequest對象的什么屬性 單選題 *A、xhr.responseText(正確答案)B、xhr.responseXMLC、xhr.requestTextD、xhr.requestXML9. 在javascript中，聲明一個對象，給它加上name屬性和show方法顯示其name值，以下代碼中正確 的是() 單選題 *A、var obj = name:zhangsan,show:function()ale

4、rt(name);(正確答案)B、var obj = name:zhangsan,show:”alert()”;C、var obj = name:zhangsan,show:function()alert(name);D、var obj = name:zhangsan,show:function()alert();10. 下列哪一個是CSS3新增的屬性() 單選題 *A、box-shadow(正確答案)B、borderC、backgroundD、display11. 不屬于柵格系統(tǒng)的實現(xiàn)原理的是() 單選題 *A、自定義容器的大小。平均分為12份(正確答案)B、基于JavaScript開發(fā)的組

5、件C、結(jié)合媒體查詢D、調(diào)整內(nèi)外邊距12. 在javascript中關(guān)于+的用法說法錯誤的是() 單選題 *A、可以用于加法運算(正確答案)B、不可以轉(zhuǎn)換數(shù)據(jù)類型C、可以鏈接字符串D、可以是立即執(zhí)行函數(shù)的符號13. XMLHttpRequest對象的readyState狀態(tài)，當xhr.readyState=1表示：() 單選題 *A、請求已接收(正確答案)B、服務(wù)器鏈接已經(jīng)建立C、請求已經(jīng)完成D、未初始化14. 以下說法正確的是() *A、HTML中表示標題的標簽應(yīng)該全部使用h1(正確答案)B、應(yīng)該將 h1 用作主標題(最重要的)，其后是 h2(次重要的)，再其次是 h3，以此類推。C、應(yīng)該根據(jù)

6、頁面中內(nèi)容的層級關(guān)系來決定使用合適的標題標簽。D、h1標簽用來描述網(wǎng)頁中最上層的標題。15. 關(guān)于RESTful API說法正確的是() *A、它是一個api的標準，無狀態(tài)請求(正確答案)B、請求的路由地址是固定的C、使用標準有.post .put .deleteD、以上說法都正確16. 關(guān)于HTML標簽表述正確的是() *A、div標簽主要用于布局(正確答案)B、html中標簽中的代碼縮進是為了方便閱讀C、web前端D中不可以嵌套ul,h標簽17. transform的類型有哪些() *A、scale(正確答案)B、skewC、translateD、rotateE、tansition18.

7、如果想實現(xiàn)繼承，以下方法錯誤的是 ( ) 單選題 *原型鏈繼承構(gòu)造繼承拷貝繼承(正確答案)組合繼承19. flex布局使子物體垂直居中為 ( )單選題 *Justify-content: centeralign-items: center(正確答案)Text-align: centerMargin: 020. 以下CSS選擇符可集成的為 ( ) 單選題 *BorderWidthMarginFont-size(正確答案)21. link和import的區(qū)別說法正確的是( ) 單選題 *link和import皆存在兼容問題link和import都是在頁面載入時同時加載import支持使用JavaS

8、cript改變DOM樣式link是XHTML標簽，除了能夠加載CSS，還可以定義RSS等其他事務(wù)；而import屬于CSS范疇，只可以加載CSS。(正確答案)22. 以下優(yōu)先級正確的是 ( ) 單選題 *id !important class tagtag !important id classtag id !important class!important id class tag(正確答案)23. 關(guān)于的說法正確的有 （） 單選題 *A. 如果沒有聲明DOCTYPE，那么compatMode默認就是CSS1Compat。B. DOCTYPE標簽是一種標準通用標記語言的文檔類型聲明(正確答

9、案)C. 聲明必須是 HTML 文檔的第一行，但不必位于 D. DOCTYPE標簽是一種標準通用標記語言的文檔類型聲明24. 以下屬于塊級元素的是( ) 單選題 *li(正確答案)spanimginput25. 代碼會輸出什么var test = (function(a) this.a = a;return function(b) return this.a + b; (function(a, b) return a;(1, 2);console.log(test(4); （） 單選題 *A.4B.5(正確答案)C.6D.726. 有一個長度為100的數(shù)組，請以優(yōu)雅的方式求出該數(shù)組的前10個元

10、素之和 填空題 *_(答案：var arr = 1,2,3,4,5,6,7,8,9,10,11,12,r = arr.slice(0,10).reduce(function(x,y)return x+y;);alert(r);注意:slice(0,10)函數(shù)是取前面十個數(shù)字)27. Vuex是如何進行存儲操作的，請寫出其主要的幾個鉤子函數(shù)操作 填空題 *_(答案：this.mit();this.store.dispatch(getMineBaseApi);)28. px、em、rem有什么差異 填空題 *_(答案：px:絕對單位,頁面按精確像素展示。em:相對單位,基準點為父節(jié)點字體的大小,如

11、果自身定義了 HYPERLINK /s?wd=font-sizetn=SE_PcZhidaonwhc_ngpagmjzrsv_dl=gh_pc_zhidao t _blank font-size按自身來計算(瀏覽器默認字體是16px),整個頁面內(nèi)1em不是一個固定的值。rem:相對單位,可理解為”root em”, 相對根節(jié)點html的字體大小來計算,CSS3新加屬性,chrome/firefox/IE9+支持。特點:PX特點:1. IE無法調(diào)整那些使用px作為單位的字體大小;2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位;3. Firefox能夠調(diào)整px和em,re

12、m,但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。EM特點 :1. em的值并不是固定的;2. em會繼承父級元素的字體大小。rem特點:rem是CSS3新增的一個相對單位(root em,根em),這個單位引起了廣泛關(guān)注。區(qū)別在于使用rem為元素設(shè)定字體大小時,仍然是相對大小,但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。)29. 請談?wù)刅ue中的MVVM模式 填空題 *_(答案：MVVM全稱是Model-View-ViewModel,Vue是以數(shù)據(jù)為驅(qū)動的,Vue自

13、身將DOM和數(shù)據(jù)進行綁定,一旦創(chuàng)建綁定,DOM和數(shù)據(jù)將保持同步,每當數(shù)據(jù)發(fā)生變化,DOM會跟著變化。 ViewModel是Vue的核心,它是Vue的一個實例。Vue實例時作用域某個HTML元素上的這個HTML元素可以是body,也可以是某個id所指代的元素。DOMListeners和DataBindings是實現(xiàn)雙向綁定的關(guān)鍵。DOMListeners監(jiān)聽頁面所有View層DOM元素的變化,當發(fā)生變化,Model層的數(shù)據(jù)隨之變化;DataBindings監(jiān)聽Model層的數(shù)據(jù),當數(shù)據(jù)發(fā)生變化,View層的DOM元素隨之變化。)30. item:key:0,distance:10,key:1,distance:30，請對該數(shù)組以distance有小到大進行排序，寫出實現(xiàn)代碼 填空題 *_(答案：var i