前端試卷2附有答案_第1頁(yè)
前端試卷2附有答案_第2頁(yè)
前端試卷2附有答案_第3頁(yè)
前端試卷2附有答案_第4頁(yè)
前端試卷2附有答案_第5頁(yè)
已閱讀5頁(yè)，還剩7頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

前端試卷2[復(fù)制]1.以下選項(xiàng)中，哪些是html5input的新屬性

（）*A.searchB.number(正確答案)C.reset(正確答案)D.tel2.在

HTML

頁(yè)面中創(chuàng)建一個(gè)按鈕，當(dāng)點(diǎn)擊該按鈕時(shí)調(diào)用已定義的

compute函數(shù)

。下列選項(xiàng)中，符合要求的一項(xiàng)是（）[單選題]*A.<inputonBlur=”compute()”>B.<inputonFocus=”compute()”>C.<inputonClick=”functioncompute()”>D.<inputonClick=”compute()”>(正確答案)答案解析：考察的是HTMLDOM事件允許Javascript在HTML文檔元素中注冊(cè)不同事件處理程序。A選擇中的onBlur表示元素失去焦點(diǎn)時(shí)觸發(fā)。所以A錯(cuò)誤。B選擇中的onFocus表示元素獲取焦點(diǎn)時(shí)觸發(fā)。所以B錯(cuò)誤。C選擇中的onClick=”functioncompute()”，function關(guān)鍵字不屬于對(duì)函數(shù)的調(diào)用，而是對(duì)函數(shù)的聲明。所以C錯(cuò)誤。3.要插入視頻，我們需要使用video標(biāo)簽，并設(shè)置source標(biāo)簽中的src屬性為本地或遠(yuǎn)程URL？

（）[單選題]*A.正確(正確答案)B.錯(cuò)誤4.在

HTML

頁(yè)面上編寫(xiě)

JavaScript

代碼時(shí)，應(yīng)編寫(xiě)在（）標(biāo)簽中間。[單選題]*A.<javascript>和</javascript>B.<script>和</script>(正確答案)C.<head>和</head>D.<body>和</body>答案解析：中寫(xiě)JavaScript代碼5.在head部分可以使用標(biāo)簽（）來(lái)定義內(nèi)部樣式[單選題]*A.<style>(正確答案)B.<link>C.<span>D.<sample>6.是否可以將HTML5用于移動(dòng)應(yīng)用程序？

（）[單選題]*A.可以(正確答案)B.不可以7.哪個(gè)元素指定多個(gè)媒體資源？

（）[單選題]*A.<param>B.<source>(正確答案)C.<object>D.<picture>答案解析：元素為、和8.下面哪個(gè)屬性可以在html元素中用來(lái)定義內(nèi)聯(lián)樣式?（）[單選題]*A.hrefB.linkC.relD.style(正確答案)9.根據(jù)規(guī)范，哪些標(biāo)簽不是

HTML

5

的語(yǔ)義化標(biāo)簽？（）[單選題]*A.headerB.sectionC.marquee(正確答案)D.article答案解析：marquee元素（10.關(guān)于“錯(cuò)誤邊界”，以下說(shuō)法錯(cuò)誤的是？（）[單選題]*A.staticgetDerivedStateFromError()可以用來(lái)渲染備用UIB.componentDidCatch()可以打印錯(cuò)誤信息C.錯(cuò)誤邊界是一種React組件，這種組件可以捕獲并打印發(fā)生在當(dāng)前組件的javaScript錯(cuò)誤(正確答案)D.class組件中只要定義了staticgetDerivedStateFromError()或componentDidCatch()其中一個(gè)，該組件就會(huì)變成錯(cuò)誤邊界答案解析：錯(cuò)誤邊界是一種

React

組件，這種組件可以捕獲并打印發(fā)生在其子組件樹(shù)任何位置的JavaScript錯(cuò)誤11.驗(yàn)證對(duì)象是否為

React

元素可以使用（）方法[單選題]*A.React.isValidReactElementB.React.isValidElement(正確答案)C.React.isReactElementD.React.isElement答案解析：React.isValidElement

驗(yàn)證對(duì)象是否為React元素，返回值為true或false。12.在React中渲染列表應(yīng)該使用哪種方法？

（）[單選題]*A.map()(正確答案)B.reduce()C.createList()D.every()答案解析：map()方法將數(shù)組中的每個(gè)元素變成標(biāo)簽，最后將得到的標(biāo)簽數(shù)組插入父元素即可。13.以下不屬于React支持的鍵盤(pán)事件的是

（）[單選題]*A.onKeyUpB.onKeyDownC.onKey(正確答案)D.onKeyPress答案解析：React支持的鍵盤(pán)事件有onKeyDown，onKeyPress，onKeyUp14.Babel

會(huì)把

JSX

轉(zhuǎn)譯成一個(gè)名為（）函數(shù)調(diào)用。[單選題]*A.React.renderB.React.createElement(正確答案)C.ReactDom.createElementD.ReactDom.render答案解析：Babel會(huì)把JSX轉(zhuǎn)譯成一個(gè)名為React.createElement()函數(shù)調(diào)用。15.Class內(nèi)部有一handleClick方法如下代碼塊，在點(diǎn)擊事件中觸發(fā)handleClick的正確方法是？（）

handleClick(){

console.log('this.state:',this.state);

}

[單選題]*A.onClick={()=>this.handleClick()}(正確答案)B.onClick={this.handleClick()}C.onClick={this.handleClick}D.onclick={handleClick}答案解析：這并不是React特有的行為，在JavaScript中Class的方法默認(rèn)不會(huì)綁定this。16.class組件生命周期方法對(duì)應(yīng)到函數(shù)組件和Hook，以下說(shuō)法錯(cuò)誤的是

（）[單選題]*A.render=>這是函數(shù)組件體本身B.getSnapshotBeforeUpdate目前沒(méi)有對(duì)應(yīng)的HookC.Cconstructor=>函數(shù)組件不需要構(gòu)造函數(shù)。你可以通過(guò)調(diào)用useState來(lái)初始化state。D.componentWillUnmount目前沒(méi)有對(duì)應(yīng)的Hook(正確答案)答案解析：componentDidMount，componentDidUpdate，componentWillUnmount：useEffect

Hook

可以表達(dá)這些(包括不那么常見(jiàn)的場(chǎng)景)的組合；getSnapshotBeforeUpdate，componentDidCatch

以及

getDerivedStateFromError：目前還沒(méi)有這些方法的

Hook

等價(jià)寫(xiě)法，但很快會(huì)被添加。17.以下不屬于React作者添加hook動(dòng)機(jī)的是

（）[單選題]*A.在class組件之間復(fù)用狀態(tài)邏輯很難B.添加hook后函數(shù)組件可以實(shí)現(xiàn)class所有功能，React中移除class(正確答案)C.復(fù)雜組件變得難以理解D.Cclass組件難以理解答案解析：添加hook后函數(shù)組件可以實(shí)現(xiàn)class組件“大部分”功能，而且作者沒(méi)有計(jì)劃從React中移除class18.關(guān)于路由說(shuō)法錯(cuò)誤的是（）[單選題]*A.使用腳手架創(chuàng)建項(xiàng)目時(shí)，需要選擇安裝vue-routerB.在嵌套路由中，需要VueRouter的參數(shù)中使用children配置C.vue-router不可以實(shí)現(xiàn)重定向(正確答案)D.vue-router可以通過(guò)配置實(shí)現(xiàn)路由懶加載答案解析：vue-router可以實(shí)現(xiàn)重定向，通過(guò)routes的redirect屬性配置來(lái)完成19.關(guān)于Vue-cli說(shuō)法錯(cuò)誤的是（）[單選題]*A.VueCLI是一個(gè)基于Vue.js進(jìn)行快速開(kāi)發(fā)的完整系統(tǒng)B.CLI(@vue/cli)是一個(gè)全局安裝的npm包，提供了終端里的Vue命令C.CLI目前還不能提供圖形化界面管理你的所有項(xiàng)目(正確答案)D.CLI服務(wù)是構(gòu)建于webpack和webpack-dev-server之上的答案解析：可以通過(guò)vue

ui一套圖形化界面管理你的所有項(xiàng)目20.下列關(guān)于Vue自定義指令鉤子函數(shù)的描述錯(cuò)誤的是（）[單選題]*A.被綁定元素插入父節(jié)點(diǎn)時(shí)調(diào)用inserted函數(shù)B.bind函數(shù)只調(diào)用一次，指令第一次綁定到元素時(shí)調(diào)用C.組件的VNode更新時(shí)調(diào)用update函數(shù)D.自定義指令鉤子函數(shù)參數(shù)"el"指所綁定的元素，但是不可以通過(guò)el直接操作DOM元素(正確答案)答案解析：自定義指令鉤子函數(shù)參數(shù)"el"指所綁定的元素，可以直接操作DOM元素。如修改綁定元素的字體顏色：el.style.color

=

'red'。21.關(guān)于v-model的修飾符說(shuō)法錯(cuò)誤的是（）[單選題]*A.lazy修飾符讓內(nèi)容在“change”事件時(shí)而非“input”事件時(shí)更新B.v-model添加number修飾符,可以自動(dòng)將用戶(hù)的輸入值轉(zhuǎn)為數(shù)值類(lèi)型C.可以給v-model添加trim修飾符,自動(dòng)過(guò)濾用戶(hù)輸入的首尾空白字符D.v-model添加number修飾符,如果這個(gè)值無(wú)法被parseFloat()解析，則會(huì)返回null(正確答案)答案解析：v-model添加number修飾符,如果這個(gè)值無(wú)法被parseFloat()解析，則會(huì)返回原始的值。22.不屬于Vue使用虛擬DOM的特點(diǎn)是（）[單選題]*A.虛擬節(jié)點(diǎn)可以理解成節(jié)點(diǎn)描述對(duì)象，它描述了應(yīng)該怎樣去創(chuàng)建真實(shí)的DOM節(jié)點(diǎn)。B.虛擬DOM優(yōu)勢(shì)：渲染引擎操作DOM慢，js運(yùn)行效率高，于是將DOM對(duì)比操作放在JS層，提高效率C.提升渲染性能VirtualDOM的優(yōu)勢(shì)不在于單次的操作，而是在大量、頻繁的數(shù)據(jù)更新下，能夠?qū)σ晥D進(jìn)行合理、高效的更新D.VirtualDOM是以JavaScript對(duì)象為基礎(chǔ),所以必須依賴(lài)于瀏覽器才能運(yùn)行(正確答案)答案解析：Virtual

DOM

是以

JavaScript

對(duì)象為基礎(chǔ)而不依賴(lài)真實(shí)平臺(tái)環(huán)境，所以使它具有了跨平臺(tái)的能力，比如說(shuō)瀏覽器平臺(tái)、Weex、Node

等。23.關(guān)于Vue組件的生命周期說(shuō)法錯(cuò)誤的是（）[單選題]*A.mounted鉤子函數(shù)中，可以直接獲取DOM元素B.beforeMount鉤子函數(shù)中，不可以直接獲取DOM元素C.beforeDestroy鉤子函數(shù)中，不可以直接獲取DOM元素(正確答案)D.destroyed鉤子函數(shù)中，不可以直接獲取DOM元素答案解析：Vue的生命周期的鉤子函數(shù)中mounted和beforeDestroy中都可以獲取到DOM元素24.下列關(guān)于Vue模塊化開(kāi)發(fā)的描述錯(cuò)誤的是（）[單選題]*A.代碼復(fù)用性高B.便于維護(hù)C.增加代碼之間的耦合度(正確答案)D.避免命名沖突答案解析：模塊化開(kāi)發(fā)就是將大的文件拆分為許多獨(dú)立的小文件，按需在不同的組件中導(dǎo)入，降低了代碼耦合度，提高了代碼復(fù)用性。25.下列哪個(gè)選項(xiàng)不是單頁(yè)面應(yīng)用程序（SPA）的優(yōu)點(diǎn)（）[單選題]*A.不需要重新加載整個(gè)頁(yè)面，運(yùn)行流暢B.高效的前后端分離模式C.有利于SEO(正確答案)D.減輕服務(wù)器壓力答案解析：?jiǎn)雾?yè)面應(yīng)用程序中首頁(yè)的數(shù)據(jù)需要通過(guò)在服務(wù)器異步獲取，在這之前首頁(yè)僅僅是一個(gè)模板，不利于seo。26.varstr1=newRegExp("e");

document.write(str1.exec("hello"));

以上代碼輸出結(jié)果為[單選題]*A.e(正確答案)B.nullC.1其他幾項(xiàng)都不對(duì)27.執(zhí)行以下程序，輸出結(jié)果為

functionouter(){

varnum=0;

functioninner(){

num++;

console.log(num);

}

returninner;

}

varf1=outer();

f1();

f1();

varf2=outer();

f2();

f2();

[單選題]*A.1234B.1111C.1212(正確答案)D.1122答案解析：解析:閉包變量為num，內(nèi)部函數(shù)inner可以訪問(wèn)到外部函數(shù)outer的num變量，這相當(dāng)于授權(quán)該變量可以被延遲使用，每次調(diào)用外部函數(shù)時(shí)，都會(huì)開(kāi)辟相應(yīng)的內(nèi)存空間，閉包變量num會(huì)保存在該內(nèi)存空間中，直到該外部函數(shù)的內(nèi)存空間被銷(xiāo)毀。在本題中，調(diào)用外部函數(shù)outer時(shí)開(kāi)辟一個(gè)內(nèi)存空間，變量num保存在該內(nèi)存空間中，因此兩次調(diào)用f1的輸出結(jié)果為12；當(dāng)再次調(diào)用外部函數(shù)outer時(shí)，又重新創(chuàng)建一個(gè)內(nèi)存空間，因此兩次調(diào)用f2的輸出結(jié)果同樣為1228.執(zhí)行以下程序，輸出結(jié)果為

functionFoo(){

vari=0;

returnfunction(){

console.log(i++);

}

}

varf1=Foo(),

varf2=Foo();

f1();

f1();

f2();

[單選題]*A.010(正確答案)B.012C.000D.002答案解析：每次調(diào)用外部函數(shù)Foo()時(shí)，都會(huì)開(kāi)辟一個(gè)新的內(nèi)存空間，這個(gè)內(nèi)存空間保存著自由變量i。由于內(nèi)部的匿名函數(shù)使用了Foo函數(shù)的自由變量i，讓該變量可以延遲使用，因此第一個(gè)調(diào)用f1()時(shí)輸出自由變量i的值為0，第二次調(diào)用f1()時(shí)輸出自由變量i的值為1，又由于f1和f2是兩次Foo()調(diào)用返回的結(jié)果，它們的i值是保存在不同的內(nèi)存空間上，也就沒(méi)有任何關(guān)系，故第一次調(diào)用f2()輸出的結(jié)果為0，A選項(xiàng)正確。29.下面哪些關(guān)于塊內(nèi)聲明函數(shù)的用法是正確的？

（）[單選題]*A.if(x){functionfoo(){}}B.if(x){varfoo=function(){}}(正確答案)C.if(x){foo=function(){}}D.ECMAScript明確的規(guī)范了塊內(nèi)函數(shù)，javascript實(shí)現(xiàn)了這個(gè)規(guī)范答案解析：/getting-started/javascript-guide?_ver=2.x30.下列對(duì)符號(hào)所表示的意義解釋錯(cuò)誤的是

（）[單選題]*A.?(尖號(hào))匹配字符串的開(kāi)頭B.$(美元符號(hào))匹配字符串的結(jié)尾C.?(問(wèn)號(hào))匹配前面的子表達(dá)式一次或多次(正確答案)D.\(反斜杠)對(duì)特殊字符的特殊元字符含義進(jìn)行轉(zhuǎn)義答案解析：*：出現(xiàn)零到多次；+：出現(xiàn)一

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論