響應(yīng)式Web應(yīng)用前端開發(fā)教程 試卷A

1、命題人：申閱人：試卷（A卷）（2021-2022學(xué)年第一學(xué)期期末考試）考試科目適用專業(yè) 班級（年級）得分一、填空（5分，每空1分）1、jQuery默認(rèn)的縮寫符號是。2、Bootstrap設(shè)置右側(cè)外邊距為1倍$spacer。皿葩耳r3、B ootstrap信息提示框基礎(chǔ)類是。版本中推薦使用 為元素綁定事件和處理函數(shù)，使用函數(shù)解除綁定。二、單項(xiàng)選擇題（30分，每題3分）1、設(shè)置Bootstrap卡片體中副標(biāo)題的類是（）中thA.titleB.C.card-subtitleD.2.、jQuery設(shè)置元素樣式的方法是()A.first()B.C.css()D.3、Bootstrap4通過為卡片組的外包

2、裹元素設(shè)置類A. .accordion.subtitle.card-titleeq() style()()實(shí)現(xiàn)手風(fēng)琴效果C .card-group4、Bootstrap4設(shè)置文本居右的類是(A. text-rightC - right-text5、Bootstrap巨幕基礎(chǔ)類是()。A. .jumpC、.jumb6、Bootstrap圓圈形加載動畫的基礎(chǔ)類是A. .spinnerB .cardD. .streched-card)B - align-rightD. right-alignB、.jumbotronD、.jumbotron-fluidB. .spinner-circleC. .spi

3、nner-growD. .spinner-borderB ccentenceD. ctext7、Mock.js中中文字的占位符是（）A. cwordC cletter8、可以使圖片呈現(xiàn)縮略圖效果的類是（）A. .imgC. .img-fluidB. .img-shrinkD. .img-thumbnail9、使用以下哪個方法可以以滑動效果顯示HTML元素（）。A. slideToggle（）B. slideDown（）C. slideUp（）D. slie（）10. Bootstrap提供了一系列的對齊樣式，表示超出屏幕局部不換行的樣式是（）A. text-centerC . text-aut

4、o三、多項(xiàng)選擇題(10分，每題2分)B. text-justifyD. text-nowrap1、以下哪些是正確的Bootstrap文本類(A. .text-primaryC. text-danger2、以下那些是Bootstrap定義的主題顏色(A. .blueC. .warning3、以下正確的定位相關(guān)的Bootstrap類是(A. .position-staticC. .position-absolute)oB. . text-infoD. . text-red)oB .orangeD. muted)oB .position-relativeD. .position-sticky4、以下

5、Bootstrap斷點(diǎn)設(shè)置與像素對應(yīng)正確的選項(xiàng)是（A. sm (540px)C. md (720px)B .xl (1200px)D. 1g (992px)5、.卜列哪些jQuery方法可以向指定兀素中添加兀素（）。A append()B prepend()C after()D before()四、判斷題（20分，每題2分）1、() Bootstrap內(nèi)置了一套響應(yīng)式、移動設(shè)備優(yōu)先的流式柵格系統(tǒng)，最多24歹(J2、() Ajax請求成功時觸發(fā)局部事件success。3、()語法中的“jQuery”是大小寫敏感的。4、()可以在導(dǎo)航鏈接標(biāo)簽配置disable類禁用Bootstrap選項(xiàng)卡。5、(

6、)文件名中含有“min”的Bootstrap庫文件經(jīng)過“壓縮”減小了文件大小。6、().one()為指定元素綁定事件和處理函數(shù)。每個元素可屢次運(yùn)行事件處理器函數(shù)。7、() Bootstrap媒體對象只能實(shí)現(xiàn)左圖右文的圖文單元。8、()事件由目標(biāo)元素向祖先元素逐級傳遞，直到DOM根節(jié)點(diǎn)的機(jī)制稱為事件捕獲。9、() Bootstrap4.6的組件行為是不依賴jQuery的。10、()媒體對象組件需要設(shè)置“.positon-relative”類來支持延展鏈接。五、問答題(25分)1、試述響應(yīng)式布局的優(yōu)缺點(diǎn)(5分)2、列出至少5中jQuery選擇器并簡述其功能。(5分)3、試列舉Bootstrap圖標(biāo)

7、的三種用法。（5分）4、列舉5種具有JS行為的Bootstrap組件。（5分）5、試述“互聯(lián)網(wǎng)+”創(chuàng)業(yè)、創(chuàng)新的理解，以及相關(guān)的創(chuàng)業(yè)、創(chuàng)新思路。（5分）六、程序填空題（10分）1、補(bǔ)足以下空白出，采用Bootstrap4卡片組件實(shí)現(xiàn)上圖下文的圖文單元，設(shè)置延展鏈接，超鏈效果在整個卡片區(qū)域有效。（5分，每空1分）h5 class =婺源/h5P class=婺源縣，隸屬于江西省上饒市，位于江西省東北 部，總面積2967平方千米。a href=detail. html?id=33/z class二z，X/a2、將代碼空白的局部（要求使用jQuei7）補(bǔ)充完整，完成如下要求的功能：（5分）1）表格首行和尾行的顏色為綠色（green）,數(shù)據(jù)行做斑馬紋效果底色為淺綠色（lightgreen）2）表格最后一個單元格中顯示所有“食品類”商品的價格總和。如以下圖所示編號分類名稱價格（元）I01良口口農(nóng)夫山泉礦泉水2.0002日用品發(fā)水25.0003娛樂休閑暑顏游5000.0004合口 良口口面包20.00總額22.00#bills width: 400px;border-collapse: collapse;)th, td border: solid Ipx;)$(function() );vth 編號 v/th