前端開發(fā)基礎(chǔ)(習(xí)題卷1)

試卷科目：前端開發(fā)基礎(chǔ)前端開發(fā)基礎(chǔ)(習(xí)題卷1)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpages前端開發(fā)基礎(chǔ)第1部分：單項選擇題，共62題，每題只有一個正確答案,多選或少選均不得分。[單選題]1.雙向綁定v-model修飾符中（）可以將用戶輸入的內(nèi)容轉(zhuǎn)換成數(shù)值A(chǔ))trimB)numberC)lazy答案:B解析:[單選題]2.在Vue中，支持在{{}}的插值的尾部添加一個（）對數(shù)據(jù)進(jìn)行過濾，經(jīng)常用于格式化文本A)#B)|C)&D)$答案:B解析:[單選題]3.{HTML題目}HTML是什么意思？()A)高級文本語言B)超文本標(biāo)記語言C)擴(kuò)展標(biāo)記語言D)圖形化標(biāo)記語言答案:B解析:[單選題]4.nodeType屬性可用于獲取節(jié)點類型，如果返回值為1，則表明該節(jié)點為（）。（5.0分）0.0分A)元素節(jié)點B)屬性節(jié)點C)文檔節(jié)點D)文本節(jié)點答案:A解析:[單選題]5.以下代碼表示的是HTML鏈接的哪種分類（）<ahref="">百度</a>A)外部鏈接B)內(nèi)部鏈接C)D)錯點鏈接答案:A解析:[單選題]6.設(shè)x=1,y=2,z=3，則表達(dá)式y(tǒng)＋＝z－－/＋＋x的值是(A)。A)3B)3.5C)4D)5答案:A解析:[單選題]7.CSS表示（）A)層B)行為C)樣式表D)時間線答案:C解析:[單選題]8.1-+-++-1表達(dá)式的運(yùn)算結(jié)果是多少?A)0B)1C)ErrorD)undefined答案:A解析:[單選題]9.在Vue中，下列選項用于父子組件通訊的是A)$attrsB)provideC)propsD)link答案:C解析:[單選題]10.下列HTML標(biāo)記中，屬于單標(biāo)記的是（）。A)〈ol〉B)〈ul〉C)〈br〉D)〈font〉答案:C解析:[單選題]11.下列不屬于Web前端開發(fā)的工具的是（）A)NotePadB)VisualBASICC)TextPadD)EditPlus答案:B解析:[單選題]12.假如我們想在Vue實例已經(jīng)被創(chuàng)建,屬性已經(jīng)被綁定，但是DOM還沒有生成的時候做一些事情,以下哪個方法是我們應(yīng)該使用的:A)beforeCreateB)createdC)beforeMountD)mounted答案:B解析:[單選題]13.HTML5中()元素可替代標(biāo)記來定義頁面底部。A)navB)headerC)asideD)footer答案:D解析:[單選題]14.以下代碼表示的是HTML鏈接的哪種分類（）<aherf="#two">A)外部鏈接B)內(nèi)部鏈接C)D)錯點鏈接答案:D解析:[單選題]15.在CSS選擇器中，以下選項()屬于后代選擇器A)input.bgB)input.bgC)h3,.second,#styD)txttd答案:B解析:[單選題]16.應(yīng)用v-for指令遍歷對象時，如果有三個參數(shù)，第二個參數(shù)是（）的別名。A)屬性名（鍵名）B)屬性值C)對象名稱D)索引值答案:A解析:[單選題]17.以下情況除哪項發(fā)生時balancer便會自動退出（）A)集群平衡或者沒有數(shù)據(jù)塊可以移動B)在連續(xù)三次迭代中沒有塊移動C)與namenode傳輸時發(fā)生異常D)另一個balancer在運(yùn)行答案:B解析:[單選題]18.有JavaScript代碼:vard=newDate();那么獲取當(dāng)前月份的語句是()A)d.getDate()B)d.getMonth)C)d.getDate()+1D)getMonth(+1答案:D解析:[單選題]19.如果要讓框或復(fù)選框狀態(tài)為已選定，要設(shè)置以下哪個屬性（）A)checkedB)chosenC)selectedD)enabled答案:A解析:[單選題]20.鼠標(biāo)左鍵的別名是()A)rightB)ctrlC)leftD)middle答案:C解析:[單選題]21.一個完整的JavaScript實現(xiàn)是由三個不同部分組成的，其中不包括（）A)核心（ECMAScripts）B)文檔對象模型（DOM）C)瀏覽器對象模型（BOM）D)HTMLDOM答案:D解析:三大組成部分：核心（ECMAScripts）+文檔對象模型（DOM）+瀏覽器對象模型（BOM）[單選題]22.在Vue中，使用AntDesignofVue的全局提示顯示消息，以下方式正確的是（）A)this.$("消息提示");B)("消息提示");C)this.$message.alert("消息提示");D)this.message.alert("消息提示");答案:A解析:[單選題]23.讓一個動畫名為fade的動畫持續(xù)執(zhí)行并且在第一次開始時延遲0.5s開始,每次動畫執(zhí)行1s，以下代碼正確的是()A)animation:fade1s0.5sinfiniteB)animation:fade0.5s1sinfiniteC)animation:fade1s0.5slinearD)以上都不正確答案:A解析:[單選題]24.Model、View、ViewModel、Controller的中文解釋不正確的是A)ViewModel（控制器）B)Model（模型）C)View(視圖)D)Controller（控制器）答案:A解析:[單選題]25.若要在頁面中創(chuàng)建一個圖像鏈接，要顯示的圖像為zhidao.jpg,所鏈接的地址為，以下用法中，正確的是（）。A)〈ahref=""〉zhidao.jpg〈/a〉B)〈ahref=""〉〈imgsrc="zhidao.jpg"〉〈/a〉C)〈imgsrc=?zhidao.jpg"〉〈ahref=""〉〈/a〉D)〈ahref=""〉〈imgsrc="zhidao.jpg"〉〈/img〉〈/a〉答案:B解析:[單選題]26.下面關(guān)于類選擇器說法正確的是（）。A)類選擇器不可以單獨使用B)類選擇器前面有一個?#?C)ID選擇器前面有一個?#?D)為了將類選擇器與元素關(guān)聯(lián)，必須將ID屬性指定一個適當(dāng)?shù)闹荡鸢?C解析:[單選題]27.下列事件哪個不是由鼠標(biāo)觸發(fā)的事件（）A)clickB)contextmenuC)mouseoutD)keydown答案:D解析:[單選題]28.以下（）代碼，能夠?qū)?shù)組正確初始化（或者是默認(rèn)初始化）A)int[]a;B)a={1,2,3,4,5};C)int[]a=newint[5]{1,2,3,4,5};D)int[]a=newint[5];答案:D解析:[單選題]29.請問在使用vue-router之后,哪個元素規(guī)定了組件顯示的位置:A)<router-link></router-link>B)<component-a></component-a>C)D)<router-view></router-view>答案:D解析:[單選題]30.<framesetcols=#>是用來指定A)混合分框B)縱向分框C)橫向分框D)任意分框答案:B解析:[單選題]31.下面有一個全局組件：Vponent('my-com',{template:'<h2>全局組件</h2>'})那么使用這個組件的正確格式是（）。A)<my-co></my-co>B)<my-com></my-com>C)<my-comp></my-comp>D)<my-component></my-component>答案:B解析:[單選題]32.以下說法中錯誤的是？A)使用Node.js通過設(shè)置Cookie的HttpOnly可以防止XSS攻擊B)使用嚴(yán)格模式可以消除Javascript語法的一些不合理、不嚴(yán)謹(jǐn)之處，減少一些怪異行為C)使用嚴(yán)格模式可以提高編譯器效率，增加運(yùn)行速度D)在嚴(yán)格模式中可以通過為數(shù)字添加前導(dǎo)0定義八進(jìn)制答案:D解析:[單選題]33.有如下代碼:其中bool的值為[]請問該div是否會顯示?A)顯示B)不顯示C)D)答案:A解析:[單選題]34.SVN中，以下說法錯誤的是？A)svn:executable這個屬性只對文件有效，目錄無效B)當(dāng)設(shè)置svn:eol-style屬性的值為CRLF時，會導(dǎo)致這個文件使用LF字符作為EOL標(biāo)志，不管什么操作系統(tǒng)C)svn:executable對于沒有可執(zhí)行權(quán)限的文件系統(tǒng)無效D)svn:eol-style的正確的值包括有：native,CRLF，LF，CR答案:B解析:svn:eol-style值為CRLF時，會導(dǎo)致這個文件使用CRLF序列作為EOL標(biāo)志[單選題]35.給出如下代碼片段，運(yùn)行結(jié)果為()：Stringa=?ABCD?;Stringb=a.toLowerCase();b.replace(?a?,?d?);b.replace(?b?,?c?);System.out.println(b);A)abcdB)ABCDC)dccdD)dcba答案:A解析:[單選題]36.＜title>＜/title>標(biāo)記一般包含在_____標(biāo)記中。()A)＜head＞＜/head＞B)＜p＞＜/p＞C)＜body＞＜/body＞D)＜table＞＜/table＞答案:A解析:[單選題]37.下面哪一個是用來追加到指定元素的末尾的？：A)insertAfter()B)after()C)append()D)appendTo()答案:D解析:[單選題]38.CSS在網(wǎng)頁中的作用是()。A)增加網(wǎng)頁動態(tài)交互B)網(wǎng)頁的外在表現(xiàn)C)增加網(wǎng)頁的內(nèi)容D)沒有什么作用答案:B解析:[單選題]39.HTML題目下面語句表述正確的是()A)marginwidth=5表示框架寬度部分邊緣所保留的空間。B)marginwidth=5表示框架寬度空間C)noresize是設(shè)定不用使用框框的大小D)noresize是使用者設(shè)定此參數(shù)后，可隨意地拉動框架改變其大小。答案:A解析:[單選題]40.以下不支持冒泡的鼠標(biāo)事件為()？A)mouseoverB)clickC)mouseleaveD)mousemove答案:C解析:/[單選題]41.定義表頭的HTML是（）。A)<table>B)<td>C)<tr>D)<th>答案:D解析:[單選題]42.在請求分頁存儲管理系統(tǒng)中，若采用FIFO頁面淘汰算法，則當(dāng)分配的頁面數(shù)增加時，缺頁中斷的次數(shù)（）A)減少B)增加C)無影響D)可能增加也可能減少答案:D解析:[單選題]43.對于一個數(shù)字組成的數(shù)組nums，現(xiàn)在需要執(zhí)行在不改動nums的基礎(chǔ)上去重操作，返回一個新的無重復(fù)元素的數(shù)組，以下幾段代碼能完成這一操作的是?(1)constnewNums=Array.from(newSet(nums))(2)constnewNums=nums.filter((n,i)=>{returnnums.indexOf(n)===i})(3)constnewNums=nums.forEach((n,i)=>{returnnums.indexOf(n)===i})(4)constnewNums=nums.reduce((acc,n,i)=>{return[].concat(acc,nums.indexOf(n)===i?n:[])})A)(1)、(2)、(3)、(4)B)(1)、(3)、(4)C)(1)、(2)、(4)D)(1)、(4)答案:C解析:/[單選題]44.HTML5提供兩種客戶端存儲數(shù)據(jù)，以下哪一種屬于沒有時間限制的數(shù)據(jù)存儲A)noTimeStorageB)neverStorageC)sessionStorageD)localStorage答案:D解析:[單選題]45.網(wǎng)頁開發(fā)中，一般需判斷瀏覽器類型，需通過userAgent中獲取瀏覽器內(nèi)核來判斷，下列說法錯誤的是？（）A)一直到IE9，都是Trident內(nèi)核B)firefox是Gecko內(nèi)核C)chrome是webkit內(nèi)核D)IE是目前最快的瀏覽器答案:D解析:[單選題]46.關(guān)于alt和title說法正確的是()A)都是圖像的替換文字，兩者相差不大。B)都是圖像的提示文字，兩者相差不大。C)Alt是替換文字，title是提示文字，兩者各有作用D)Alt是提示文字，title是替換文字，兩者各有作用答案:C解析:[單選題]47.現(xiàn)有如下代碼:Vue.component(?say?,{template:?#say?，data:{Message:"HelloVue?},methods:{hello:function(){alert(?HelloVue?)}}})以下建議正確的是:A)template只能是字符串B)data應(yīng)該使用方法返回一個對象C)methods在組件中無法使用D)Vue應(yīng)該小寫為vue答案:B解析:[單選題]48.在AntDesignofVue中，使用柵格組件正確設(shè)置一行一格并且居中的代碼是（）A)<a-row><a-col:span="12":gutter="6>col-12col-offset-6</a-col></a-row>B)<a-row><a-col:gutter="12":offset="6>col-12col-offset-6</a-col></a-row>C)<a-row><a-col:span="12":offset="6>col-12col-offset-6</a-col></a-row>D)以上都不對答案:C解析:[單選題]49.以下哪個不是Angular的特性？A)雙向數(shù)據(jù)綁定B)依賴注入C)指令D)JSX答案:D解析:[單選題]50.下列關(guān)于框架的邊距說法正確的是（）。A)框架可以設(shè)置上下、左右邊距B)框架的上下邊距與body的頂部邊距作用相同C)框架的左右邊距與body的左邊邊距作用相同D)框架沒有左右邊距，也沒有上下邊距答案:A解析:[單選題]51.()可以將父組件的數(shù)據(jù)傳遞給子組件。A)dataB)methodsC)propsD)watch答案:C解析:[單選題]52.Vue實例創(chuàng)建完成之后，會調(diào)用生命周期中的（）鉤子。（5.0分）0.0分A)beforeDestroyB)createdC)mountedD)beforeMount答案:B解析:[單選題]53.以下選項中可以正確的定義props的是（）A)props:['message']B)props:{'message'}C)props:（'message'）D)props:'message'答案:A解析:[單選題]54.對于框架集邊框顏色的設(shè)置，正確的是（）。A)〈framesetborder="value"〉〈/frameset〉B)〈framesetcolor="value"〉〈/frameset〉C)〈framesetbordercolor="value"〉〈/frameset〉D)〈framesetframeborder="value"〉〈/frameset〉答案:C解析:[單選題]55.根據(jù)規(guī)范，哪些標(biāo)簽不是HTML5的語義化標(biāo)簽？（）A)headerB)sectionC)marqueeD)article答案:C解析:[單選題]56.在Vue中，下列鉤子函數(shù)實例建立完成后調(diào)用是A)mounted()B)created()C)beforeDestroy()D)updated()答案:B解析:[單選題]57.在網(wǎng)站的商品目錄展示吋,我們需要對不同的商品分別選擇進(jìn)行不同的操作。下面就是一個網(wǎng)站的商品展示部分代碼<1i>佳能<i〉(12367)</i〉</1i〉<1i>索尼(12367)</1i〉<1i>三星(12367)</iX/1i><1i>尼康(12367)</1i〉<1i>松下(12367)</i〉X/1i〉<1i>卡西歐(12367)</1i><1i>富士<i〉(57866)</1i〉<1i>柯達(dá)<i〉(57866)</1i〉<1i>賓得<i〉(57866)</iX/1i〉<1i>理光(57866)</iゝ</1i〉<1i>奧林巴斯(57866)</iX</1i〉<1i>明基<i〉(57866)</1i〉<1i>愛國者(57866)</1i><1i>其他品牌相機(jī)(57866)</1i></1i></u1〉下面對選擇以上商品代碼解釋不正確的是()A)$("ulligt(6);not(:last)");解釋:從第7個至結(jié)束除最后一一個外所有的1i元素B)$(".categoryulli:first")解釋:選擇第1個li元素C)$(".categoryulli:nth-child(8)")解釋:選擇第8個|i元素D)$(".categoryulli").eq(5)解釋:選擇第5個|i元素答案:D解析:eq(index)選擇器只匹配一個元素，并且是所有匹配到的元素中的第index+1個元素(索引index從0開始算起);[單選題]58.浮動會導(dǎo)致頁面的非正常顯示，以下幾種清除浮動的方法，哪個是不推薦使用的？（）A)在浮動元素末尾添加一個空的標(biāo)簽例如B)通過設(shè)置父元素overflow值為hidden；C)父元素也設(shè)置浮動D)給父元素添加clearfix類答案:C解析:[單選題]59.Javascript中,以下聲明變量語句中哪個不正確？A)varaa;B)varbb=3;cc='good';C)vardd=ee=100;D)varff=3,gg='he'sgood';答案:D解析:[單選題]60.在jquery中，如果想要自定義一個動畫，用()函數(shù)來實現(xiàn)A)animate(）B)hover()C)stop()D)fadeToggle（）答案:A解析:animate是添加動畫[單選題]61.關(guān)于HTML標(biāo)題，下列說法錯誤的是（）A)<h1>標(biāo)題定義的標(biāo)題最大B)<h6>定義的標(biāo)題最小C)<h1>~<h6>標(biāo)簽定義的標(biāo)題，字號依次變小D)<h1>~<h6>標(biāo)簽定義的標(biāo)題，字號依次變大答案:D解析:[單選題]62.下列不屬于CSS背景屬性正確的是（）A)backgroundB)bgcolorC)background-colorD)background-attachment答案:B解析:第2部分：多項選擇題，共14題，每題至少兩個正確答案,多選或少選均不得分。[多選題]63.通過數(shù)據(jù)挖掘過程所推倒出的關(guān)系和摘要經(jīng)常被稱為：()A)模型B)模式C)模范D)模具答案:AB解析:[多選題]64.段落p標(biāo)記的align屬性取值有（）A)leftB)rightC)centerD)justify答案:ABCD解析:[多選題]65.在下面代碼中ｘ為何值時輸出結(jié)果為?out2?？（）switch(ｘ){case1:System.out.println("out1");break;case2:case3:System.out.println("out2");break;default:System.out.println("end");}A)1B)2C)3D)default答案:BC解析:[多選題]66.超鏈接的目標(biāo)可以是（）A)網(wǎng)頁B)圖片C)電子郵件地址D)應(yīng)用程序答案:ABCD解析:[多選題]67.下列選項中，屬于Vue生命周期鉤子的有：（5.0分）5.0分A)createdB)readyC)mountedD)onLoad答案:AC解析:[多選題]68.管理員發(fā)現(xiàn)一個vmwrae虛擬機(jī)有以下癥狀：-CPUusage一直在90%以上；CPUready一直在20%以上；應(yīng)用程序的性能是擠滿的。應(yīng)采取哪2個操作來改善這個虛擬機(jī)的性能A)增加分配給這個虛擬機(jī)的vCPUs的數(shù)量B)減少分配給這個虛擬機(jī)的vCPUs的數(shù)量C)確認(rèn)在主機(jī)上的每一個虛擬機(jī)里都安裝了vmwaretoolsD)增加分配給虛擬機(jī)的CPU共享答案:CD解析:[多選題]69.標(biāo)記可以設(shè)置的屬性有（）。A)colorB)alignC)sizeD)font-family答案:AC解析:[多選題]70.HTML題目下面是HTML表格標(biāo)記的是()A)<table>B)<tr>C)<td>D)<from>答案:ABC解析:[多選題]71.產(chǎn)品負(fù)責(zé)人是負(fù)責(zé)管理產(chǎn)品待辦列表的唯一負(fù)責(zé)人。產(chǎn)品代辦列表包括：A)清晰地表述產(chǎn)品待辦列表事項B)對產(chǎn)品待辦列表進(jìn)行排序，使其最好地實現(xiàn)目標(biāo)和使命C)優(yōu)化開發(fā)團(tuán)隊所執(zhí)行的工作價值。D)確保開發(fā)團(tuán)隊對產(chǎn)品待辦列表有足夠深的理解答案:ABCD解析:[多選題]72.Jquery中關(guān)于bind()方法與unbind()方法說法正確的是()A)bind()方法可用來移除單個或多個事件B)unbind()方法可以同時移除多個事件，但不能移除單個事件C)使用bind()方法可同時綁定鼠標(biāo)事件和鍵盤事件D)unbind()方法是與bind()方法對應(yīng)的方法答案:CD解析:[多選題]73.關(guān)于JavaScript中的數(shù)組，說法正確的是A)JavaScript中沒有數(shù)組類型B)JavaScript中的數(shù)組可以用newArray()來定義C)newArray(3)定義的數(shù)組中只有一個元素是3D)newArray(1,2,3)定義的數(shù)組中有3個元素答案:BD解析:[多選題]74.下面說明正確的是()A)src="c.htm"是設(shè)定此框窗中要顯示的網(wǎng)頁檔案名稱，每個框窗一定要對應(yīng)一個網(wǎng)頁檔案。B)src="c.htm"是設(shè)定此框窗中要顯示的網(wǎng)頁檔案屬性C)<frameset>標(biāo)記宣告HTML文件為框架模式，并設(shè)定視窗如何分割D)<frameset>標(biāo)記宣告HTML文件為表格模式，并設(shè)定視窗如何分割答案:AC解析:[多選題]75.搭建一個企業(yè)級J2EEB/S架構(gòu)應(yīng)用，代碼大概分幾層？A)ControllerB)ActionC)ServiceD)DAO/SAO答案:ABCD解析:[多選題]76.以下屬于JavaScript基本數(shù)據(jù)類型的選項有()A)undefinedB)interfaceC)symbolD)number答案:AD解析:第3部分：判斷題，共14題，請判斷題目是否正確。[判斷題]77.XHTML規(guī)定所有屬性都必須有一個值，沒有值的就重復(fù)本身。例如：<tdnowrap><inputtype="checkbox"name="shirt"value="medium"checked>必須修改為：<tdnowrap="nowrap"><inputtype="checkbox"name="shirt"value="medium"checked="checked">A)正確B)錯誤答案:對解析:[判斷題]78.HTML超文本標(biāo)識語言不是SGML（標(biāo)準(zhǔn)通用標(biāo)識語言）的一個子集。A)正確B)錯誤答案:錯解析:將不是改為是[判斷題]79.在單頁面應(yīng)用中更新視圖可以不用重新請求頁面A)正確B)錯誤C)不確定答案:對解析:[判斷題]80.name屬性規(guī)定元素的唯一id。（）A)正確B)錯誤答案:錯解析:[判斷題]81.</pre>表示段落標(biāo)記的。A)正確B)錯誤答案:錯解析:[判斷題]82.組件template的DOM結(jié)構(gòu)無需被一個元素包裹。A)正確B)錯誤答案:錯解析:[判斷題]83.一個完整的JavaScript實現(xiàn)是由三個不同部分組成的，包括核心（ECMAScripts），文檔對象模型（DOM），瀏覽器對象模型（BOM）。A)正確B)錯誤答案:對解析:[判斷題]84.1==true的返回值是true，這句話是否正確？A)正確B)錯誤答案:對解析:/[判斷題]85.設(shè)計表格時，表頭th標(biāo)記中的文字內(nèi)容會自動居中、加粗顯示。A)正確B)錯誤答案:對解析:[判斷題]86.Web的特點之一是易導(dǎo)航和圖形化的界面。A)正確B)錯誤答案:對解析:[判斷題]87.絕對定位的元素的父級元素一定要設(shè)置定位屬性。A)正確B)錯誤答案:對解析:[判斷題]88.設(shè)置表格table標(biāo)記的frame屬性值為?void?,則上下左右邊框都顯示。A)正確B)錯誤答案:錯解析:將都顯示改為都不顯示[判斷題]89.一個HTML5文檔可以含有多對<body>標(biāo)記。A)正確B)錯誤答案:錯解析:[判斷題]90.CSS背景復(fù)合屬性中,既可以定義背景圖片,也可以定義背景顏色。()A)正確B)錯誤答案:對解析:第4部分：問答題，共10題，請在空白處填寫正確答案。[問答題]91.補(bǔ)全以下代碼，以實現(xiàn)效果:<my-componentmsg="點擊按鈕后，我將顯示在第二行"@__________________="parentHandler">點擊</my-component>{{_____________________}}<scripttype="text/javascript">Vponent('my-component',{props:['_____________'],template:`<button@click="clickHandler"><slot></slot></b