web前端練習測試題附答案

第頁web前端練習測試題附答案1.假設設計稿的寬度是750px，整個屏幕劃分為15等份，那么font-size的值為()。A、50pxB、60pxC、70pxD、80px【正確答案】：A2.下列選項中,用于實現(xiàn)反轉(zhuǎn)wrap排列,第一行顯示在下方的是()A、flex-wrap:wrap-reverseB、flex-wrap:no-wrapC、flex-wrap:wrapD、flex-wrap:reverse【正確答案】：A3.下列選項中,屬于HTML5新增標簽,并且可以實現(xiàn)圖片響應式效果的是()A、B、C、D、【正確答案】：B4.下列選項中,Android系統(tǒng)內(nèi)置的瀏覽器是()A、ChromeB、MobileSafariC、AndroidBrowserD、Firefox【正確答案】：C5.在移動端瀏覽器中,用戶正在瀏覽的網(wǎng)站區(qū)域被稱為()A、布局視口B、理想視口C、視覺視口D、模擬視口【正確答案】：C6.下列選項中,屬于Bootstrap默認表單的是()A、水平表單B、內(nèi)聯(lián)表單C、垂直表單D、外聯(lián)表單【正確答案】：C7.下列選項中,表示在屏幕上按1:1顯示時,水平方向有500個像素點(色塊),垂直方向有200個像素點(色塊)的圖片的是()A、500?200B、200?500C、500?500D、200?200【正確答案】：A8.下列選項中,關于單獨制作移動端頁面說法錯誤的是()A、單獨制作移動端頁面,通常的做法是不改變原有的PC端頁面,針對移動端單獨開發(fā)出一套特定的版本。B、針對不同的屏幕尺寸去分別制作一個網(wǎng)站,這樣訪問不同的網(wǎng)址會產(chǎn)生不同的頁面效果,工作量比較大。C、由于單獨制作移動端網(wǎng)站會產(chǎn)生多個URL,因此重定向移動網(wǎng)站需要花費一些時間。對搜索引擎做一些處理,維護成本會增加。D、不能充分考慮到平臺的優(yōu)勢和局限性,所以不能創(chuàng)建良好的用戶體驗設計?！菊_答案】：D9.下面選項中，屬于Bootstrap中預定義好的class類的是()。A、.btnB、.divC、.ulD、.li【正確答案】：A10.下面選項中,可以將color.scss文件編譯為output.css文件的是()A、node-sasscolor.scsstooutput.cssB、node-sasscolor.scssoutputoutput.cssC、node-sasscolor.scssoutput.cssD、node-sasscolor.scssinputoutput.css【正確答案】：C11.下列選項中，關于前、后端路由的說法錯誤的是()。A、前端路由的整個過程發(fā)生在瀏覽器端B、后端路由的整個過程發(fā)生在服務器端C、Node.js環(huán)境中的Express框架中的路由屬于后端路由D、Vue中的路由屬于后端路由【正確答案】：D12.下列選項中,background樣式中用來引入背景圖片的屬性是()A、url()B、data()C、src()D、href()【正確答案】：A13.下列選項中,在Bootstrap4中可以用來表示大桌面顯示器的是()A、.col-sm-B、.col-md-C、.col-xs-D、.col-lg-【正確答案】：D14.下列關于單文件組件的說法中，錯誤的是()。A、模板用于搭建當前組件的DOM結(jié)構(gòu)B、在Vue3中，<template>標簽中的DOM結(jié)構(gòu)只能有一個根節(jié)點C、樣式用于通過CSS代碼為當前組件設置樣式D、邏輯用于通過JavaScript代碼處理組件的數(shù)據(jù)與業(yè)務【正確答案】：B15.下列選項中，關于編程式導航的說法錯誤的是()。A、router.go()方法的參數(shù)是一個整數(shù)，表示歷史記錄中向前或后退的步數(shù)B、router.go()類似于window.history.go()C、router.go(1)表示向前移動一條記錄D、router.go(-1)表示向后移動兩條記錄【正確答案】：D16.以下哪一項不是Bootstrap框架的特點()A、響應式設計B、移動設備優(yōu)先C、高成本、易上手D、瀏覽器支持【正確答案】：C17.下列選項中，關于在使用組件時監(jiān)聽自定義事件的指令說法正確的是()。A、v-onB、v-bindC、v-modelD、v-for【正確答案】：A18.下列選項中，關于KeepAlive組件說法錯誤的是()。A、KeepAlive組件通過<KeepAlive>標簽來定義B、若只想要對應組件名的組件被緩存，則需要通過<KeepAlive>標簽的exclude屬性來實現(xiàn)C、在<KeepAlive>標簽上添加max屬性來設置最多可以緩存的組件實例個數(shù)D、只要是被<KeepAlive>標簽包裹的組件就不會銷毀【正確答案】：B19.下列選項中，關于Bootstrap的說法正確的是()。A、它提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)B、它內(nèi)置自帶全局的CSS樣式C、Bootstrap提供了強大的插件D、以上全部正確【正確答案】：D20.下列選項中，Bootatrap中可以實現(xiàn)內(nèi)聯(lián)列表的類是()A、.list-inlineB、.list-inline-textC、.list-lineD、.list-item【正確答案】：A21.如下代碼段,<divclass="row"><divclass="col"></div><divclass="col"></div></div>中,每個col表明的寬度是()A、100%B、50%C、33.3%D、25%【正確答案】：B22.下列選項中，用來定義矩形的標簽是()。A、<circle>B、<rect>C、<line>D、<polygon>【正確答案】：B23.下列選項中關于文本顏色說法正確的是()。A、.text-success：成功文本顏色B、.text-light：淺灰色文本C、.text-danger：危險提示文本顏色D、以上全部正確【正確答案】：D24.下列選項中，用來實現(xiàn)輸入框組結(jié)構(gòu)樣式的是()。A、input-groupB、inputC、btn-groupD、list-group【正確答案】：A25.以下代碼P{width:1in+8pt;}編譯后的結(jié)果為()A、p{width:0.111in;}B、p{width:1.100in;}C、p{width:1.000in;}D、p{width:1.111in;}【正確答案】：D26.下列選項中，關于命名路由的說法錯誤的是()。A、命名路由通過name屬性定義路由規(guī)則的名稱B、命名路由的name屬性值可以重復C、<router-link>標簽的to屬性用于跳轉(zhuǎn)到指定目標地址D、在聲明式導航中使用命名路由時，如<router-link:to="{對象}">，則對象中可以使用params屬性指定跳轉(zhuǎn)時攜帶的路由參數(shù)【正確答案】：B27.下列選擇中，關于MVVM的說法錯誤的是()。A、Model主要負責業(yè)務數(shù)據(jù)的處理B、View負責視圖的處理C、ViewModel負責監(jiān)聽Model或者View的改變D、Model和View可以直接通信，互相監(jiān)控雙方的動作，并及時進行相應操作【正確答案】：D28.下列選項中，在Bootstrap4中表示在平板設備中定義列時使用的類前綴是()。A、.col-sm-B、.col-md-C、.col-xs-D、.col-lg-【正確答案】：A29.下列選項中，在Bootstrap4中可以用來表示桌面顯示器的是()。A、.col-sm-B、.col-md-C、.col-xs-D、.col-lg-【正確答案】：B30.在Bootstrap中,用于表示一個塊級按鈕(拉伸至父元素100%的寬度)的類是()A、.btn-lgB、.btn-mdC、.btn-smD、.btn-block【正確答案】：D31.下列選項中，用來設置視口初始縮放比的是()。A、initial-scaleB、maximum-scaleC、minimum-scaleD、user-scalable【正確答案】：A32.下列選項中,屬于Bootstrap創(chuàng)建表單控件的幫助文本的類是()A、.text-openB、.form-textC、.text-blockD、.form-block【正確答案】：B33.下列選項中,關于div元素類名為“col-md-4”的說法錯誤的是()A、col表示列B、md表示在平板設備中定義列時使用的類前綴C、md表示在桌面顯示器中定義列時使用的類前綴D、其中的4代表每一列占4份【正確答案】：C34.下列選項中，關于圖文樣式說法錯誤的是()。A、.rounded-left-0：去掉元素上方位的圓角B、.rounded-circle：給元素設置圓角邊框C、.rounded-bottom-0：去掉元素下方位的圓角D、.rounded-0：去掉元素圓角【正確答案】：A35.下列選項中，關于props說法錯誤的是()。A、對象形式的props不能使用多種驗證方案B、在聲明props時通過添加default屬性設置默認值C、在聲明props時通過添加required屬性設置必填項D、所有的props都遵循單項數(shù)據(jù)流原則【正確答案】：A36.下列數(shù)據(jù)綁定方法不正確的是()A、{{‘a(chǎn)bc’}}B、{{msg}}C、{{num+1}}D、{{sum=num+1}}【正確答案】：A37.下列選項中，在Bootstrap4中可以實現(xiàn)在平板將一行分成4列效果的是()。A、col-lg-5B、col-md-3C、col-sm-3D、col-xs-3【正確答案】：C38.導航條在小屏幕會被折疊,實現(xiàn)顯示和折疊功能的按鈕需要加()類。A、折疊按鈕加data-toggle='collapsed',折疊容器需要加collapsed類B、折疊按鈕加data-toggle='collapse',折疊容器需要加collapse類C、折疊按鈕加data-toggle='scroll',折疊容器需要加collapse類D、折疊按鈕加data-toggle='scroll,折疊容器需要加collapsed類【正確答案】：B39.下列選項中，關于Less變量定義規(guī)則的說法錯誤的是()。A、必須有@為前綴B、不能包含特殊字符C、不能以數(shù)字開頭D、大小寫不敏感【正確答案】：D40.下列選項中，用來設置盒子模型border-box計算方式的屬性是()。A、box-sizingB、boxC、boder-sizingD、box-size【正確答案】：A41.下列選項中，不屬于Chrome瀏覽器優(yōu)勢的是()。A、市場占有率低，兼容性差B、提供了很多方便開發(fā)者使用的插件C、設計簡單易用、開發(fā)高效的Web瀏覽工具D、基于強大的JavaScriptV8引擎，速度快【正確答案】：A42.下列選項中，不屬于Bootstrap中設置背景顏色的類是()A、.bg-dangerB、.bg-textC、.bg-darkD、.bg-info【正確答案】：B43.下面選項中,表示彈性盒子元素向垂直于軸的方向上的中間位置對齊()A、baselineB、flex-startC、centerD、flex-end【正確答案】：C44.在Vue中，可以通過()來監(jiān)聽響應數(shù)據(jù)的變化。A、computedB、methodsC、watchD、created【正確答案】：C45.下列選項中，關于組合式API下的生命周期函數(shù)說法錯誤的是()。A、onBeforeMount()函數(shù)會在組件掛載之前被調(diào)用B、onMounted()函數(shù)會在組件掛載完成后被調(diào)用C、onUpdated()函數(shù)會在組件更新前被調(diào)用D、onUnmounted()函數(shù)會在組件實例被銷毀后調(diào)用【正確答案】：C46.下列選項中,在網(wǎng)站的域名中用來表示移動端網(wǎng)站的是()A、/B、/C、/D、/【正確答案】：A47.下列選項中，關于移動端Web瀏覽器說法正確的是()。Android系統(tǒng)內(nèi)置MobileSafari瀏覽器B、iOS系統(tǒng)內(nèi)置AndroidBrowser瀏覽器C、iOS系統(tǒng)內(nèi)置MobileSafari瀏覽器D、大多數(shù)移動端Web瀏覽器都是基于Trident內(nèi)核開發(fā)的【正確答案】：C48.下列選項中，可以用來設置警告顏色的類有()A、.text-primaryB、.text-successC、.text-warningD、.text-white【正確答案】：C49.在頁面中,設置<html>的font-size的值為50px,那么2rem的值為()A、100pxB、50pxC、25pxD、75px【正確答案】：A50.下列選項中，關于VueRouter全局前置守衛(wèi)beforeEach()方法的說法錯誤的是()。A、beforeEach()方法中接收to、from、next形參B、beforeEach()方法中to參數(shù)表示目標路由對象C、beforeEach()方法中from參數(shù)表示當前導航正要離開的路由對象D、beforeEach()方法中若省略next參數(shù)，則不允許用戶訪問任何一個路由【正確答案】：D51.Vue中的v-for指令可以使用在任何有效的HTML標簽上，其用于染數(shù)組的基本語法中正確的為()。A、v-for=(item,index)initemsB、v-for:(item,index)initemsC、v-for=indexinitemsD、v-for:indexinitems【正確答案】：A52.在頁面中，設置<html>的font-size的值為50px，那么2rem的值為()。A、100pxB、50pxC、25pxD、75px【正確答案】：A53.下列關于v-for的說法中，錯誤的是()。A、使用v-for時，要指定key的值，key的值不具有唯一性B、v-for可以輔助開發(fā)者基于一個數(shù)組、對象、數(shù)字或字符串循環(huán)渲染一個列表C、v-for會根據(jù)數(shù)組中元素的個數(shù)來決定循環(huán)次數(shù)D、v-for會根據(jù)對象中屬性的個數(shù)來決定循環(huán)次數(shù)【正確答案】：A54.下列選項中,在Bootstrap4中可以實現(xiàn)在平板將一行分成3列效果的類名是()A、col-lg-4B、col-md-4C、col-sm-4D、col-xs-4【正確答案】：C55.在Bootstrap中,關于響應式柵格系統(tǒng)的描述錯誤的是()A、.col-:平板設備B、.col-md-:桌面顯示器C、.col-lg-:大桌面顯示器D、.col-xl-:超大桌面顯示器【正確答案】：A56.在Bootstrap4中,可以使用data-slide-to屬性定義當前指示器圖標的索引值,該索引值從()開始A、-1B、0C、1D、2【正確答案】：B57.在Vue中，如果用戶已經(jīng)登錄，則瀏覽器顯示“歡迎??登錄”，如果用戶沒有登錄則瀏覽器顯示一個“登錄”的超鏈接。實現(xiàn)此功能時，需要使用()指令。A、v-onB、v-ifC、v-forD、v-else【正確答案】：B58.Bootstrap柵格系統(tǒng)中,大于多少列需要另起一行()A、9B、10C、11D、12【正確答案】：D59.下列選項中，關于跨組件之間數(shù)據(jù)傳遞說法錯誤的是()。A、跨組件之間之前的數(shù)據(jù)共享可以通過依賴注入的方式來實現(xiàn)B、provide()函數(shù)可以提供一個值，可以被后代組件所注入C、對子組件而言，如果想要注入上層組件提供的數(shù)據(jù)，則需要使用到inject()函數(shù)D、provide()函數(shù)可以接收2個參數(shù)，第1個參數(shù)是要注入的值，第2個參數(shù)是注入名【正確答案】：D60.下列選項中，能夠清除<a>標簽單擊時高亮效果的是()。A、-webkit-tap-highlight-colorB、-webkit-appearanceC、-webkit-touch-calloutD、-webkit-tap-highlight-callout【正確答案】：A61.下列選項中,支持Bootstrap4的瀏覽器的是()A、IE8+B、IE7+C、IE10+D、IE9+【正確答案】：C62.下列選項中，屬于Chrome瀏覽器的內(nèi)核的是()。A、BlinkB、WebKitC、PrestoD、Gecko【正確答案】：A63.下列選項中,Bootstrap插件全部依賴的是()插件A、JavaScriptB、jQueryC、NodeJSD、AngularJS【正確答案】：B64.下列選項中，關于插槽說法錯誤的是()。A、插槽是組件封裝期間為組件的使用者預留的占位符B、在定義插槽時，直接寫一個<slot>標簽，它屬于默認插槽C、當需要使用多個插槽時，則需要為每個<slot>插槽指定具體的name屬性D、如果組件的使用者為插槽提供內(nèi)容，則默認內(nèi)容生效【正確答案】：D65.下列選項中，關于自定義指令常用生命周期函數(shù)及傳入?yún)?shù)說法錯誤的是()。A、mounted()函數(shù)在綁定元素的父組件及自身的所有子節(jié)點都掛載完成后調(diào)用B、value為參數(shù)binding中的屬性，表示傳遞給指令的值C、el參數(shù)表示當前指令所綁定到的元素D、beforeUpdate()函數(shù)在綁定的父組件卸載前調(diào)用【正確答案】：D66.關于輪播圖組件說法錯誤的是()。A、使用div.carousel-inner存放輪播圖片B、使用div.carousel-indicators存放輪播計數(shù)器，用于控制輪播圖序列C、使用a.carousel-control-prev和a.carousel-control-next來手動控制圖片的上下切換D、div.carousel-inner存放輪播計數(shù)器【正確答案】：D67.下列選項中，用于將響應式對象中的所有屬性轉(zhuǎn)換為響應式數(shù)據(jù)的函數(shù)是()。A、ref()B、reactive()C、toRef()D、toRefs()【正確答案】：D68.下列選項中,用來設置類前綴的是()A、.containerB、.rowC、.container-fluidD、col-md-?【正確答案】：D69.下列選項中，Bootatrap中可以實現(xiàn)文本兩端對齊的類是()A、.text-rightB、.text-nowrapC、.text-justifyD、.text-center【正確答案】：C70.下列選項中，關于文本格式說法錯誤的是()A、.text-nowrap：段落中超出屏幕部分不換行B、.text-capitalize：設置每個單詞首字母大寫C、.text-lowercase：設置英文大寫D、.text-justify：實現(xiàn)兩端對齊文本效果【正確答案】：C71.<router-link>組件支持用戶在具有路由功能的應用中(單擊)導航，通過to屬性指定目標地址，默認渲染為帶有正確超鏈接的()標簽。A、aB、bC、linkD、router【正確答案】：A72.在Bootstrap中,.nav用于制作Bootstrap()A、輪播圖B、按鈕C、表單D、導航【正確答案】：D73.下列選項中關于Bootstrap4的Flex布局說法正確的是()。A、使用.d-flex類可以將任何一個容器指定為Flex布局B、默認使用.flex-column類來設置項目在垂直方向顯示C、使用.justify-content-around類設置元素在主軸的兩端對齊方式D、使用.justify-content-between對齊方式，項目之間的間隔比項目與邊框的間隔大一倍【正確答案】：A74.下列選項中，用于渲染DOM元素的文本內(nèi)容的指令是()。A、v-bindB、v-textC、v-onD、v-for【正確答案】：B75.下列選項中，Bootatrap中可以實現(xiàn)文本居中對齊的類是()A、.text-leftB、.text-nowrapC、.text-justifyD、.text-center【正確答案】：D76.npm包管理工具基于的運行環(huán)境是()。A、Node.jsB、VueC、BabelD、Angular【正確答案】：A77.當style標簽具有()屬性時，其CSS將僅應用于當前組件的元素上。A、componentB、classC、scopedD、scope【正確答案】：C78.下列選項中，關于Axios特性的說法錯誤的是()。A、支持攔截請求和響應B、可以轉(zhuǎn)換請求數(shù)據(jù)和響應數(shù)據(jù)C、安全性高，客戶端支持防御CSRFD、支持大多數(shù)的API【正確答案】：D79.下列選項中,關于Bootstrap的說法正確的是()A、Bootstrap提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)Bootstrap內(nèi)置自帶全局的CSS設置C、Bootstrap提供了強大的插件D、以上全部正確【正確答案】：D80.下列選項中,關于分頁組件說法錯誤的是()A、使用類pagination來實現(xiàn)B、.pagination-lg、.pagination-sm類提供了額外可供選擇的尺寸C、previous類表示下一頁D、.disabled類顯示分頁鏈接不可用【正確答案】：C81.下列選項中，關于Vue說法錯誤的是()。A、Vue相比Angular和React而言，是一個輕量級的前端庫B、Vue支持Pinia插件C、Vue支持雙向數(shù)據(jù)綁定D、Vue中自定義指令以“on-”開頭【正確答案】：D82.下列選項中，用來設置類前綴的是()。A、.containerB、.rowC、.container-?uidD、col-md-?【正確答案】：D83.下面選項中,VisualStudioCode中用來把less文件編譯為css文件的插件是()A、EasyLESS插件B、node-sassC、LESSD、CSS【正確答案】：A84.下列選項中關于Bootstrap4提供的內(nèi)外邊距的設置，描述錯誤的是()。A、類名.my-?，設置元素的上邊距和下邊距B、邊距值可以選取0~4和autoC、類名.mr-?，設置元素的右邊距D、類名.ml-auto，設置元素的左邊距為auto【正確答案】：B85.下列選項中關于媒體對象的說法錯誤的是()。A、媒體對象采用了浮動布局B、媒體對象用于構(gòu)建復雜、重復的內(nèi)容列表C、通常使用.media來包裹媒體對象內(nèi)的所有內(nèi)容D、通常使用.media-body來包裹媒體對象的主體內(nèi)容【正確答案】：A86.下列選項中，Bootatrap中可以實現(xiàn)列表初始化的類是()A、.list-styledB、.list-styleC、.list-unstyleD、.list-unstyled【正確答案】：D87.在bootstrap中，下列不屬于圖片處理的類是()A、.img-fluidB、.rounded-circleC、.img-roundedD、.rounded【正確答案】：C88.下列選項中，關于在使用setup語法糖時聲明自定義事件的方式正確的是()。A、emit()B、defineProps()C、defineEmits()D、props屬性【正確答案】：C89.下列選項中，在Bootstrap4中可以用來表示平板設備的是()。A、-smB、-msC、-mdD、-xs【正確答案】：A90.下列選項中，關于npm工具說法正確的是()。A、使用npm安裝同一個包時，會對包進行緩存，再次安裝時無須重復下載B、npm安裝包時，必須等到當前包安裝完成后才會繼續(xù)后面的安裝C、使用“npminstall包名-g”命令表示將包安裝到當前項目中D、使用npm命令時，不需要安裝Node.js【正確答案】：B91.下列選項中，vue-router的安裝命令正確的是()。A、yarnaddvue-router@4B、nodeinstallvue-router@4C、npmInstallvueRouter@4D、npmIvue-router@4【正確答案】：A92.完整的v-on語法<av-on:click="doSomething"></a>可以縮寫為()A、<aonclick="doSomething"></a>B、<a:click="doSomething"></a>C、<a@click="doSomething"></a>D、<aclick=doSomething"></a>【正確答案】：C93.Vue.js是通過()思想實現(xiàn)數(shù)據(jù)綁定的。A、MVPB、MVCC、MVVMD、以上都不是【正確答案】：C94.下列關于事件修飾符的說法中，錯誤的是()。A、使用.prevent修飾符可以阻止<a>標簽的默認跳轉(zhuǎn)行為B、使用.stop修飾符可以阻止默認事件行為C、使用.capture修飾符可以改變事件的默認執(zhí)行順序，從冒泡方式更改為捕獲方式D、使用.self修飾符可以實現(xiàn)只有DOM元素本身才會觸發(fā)事件【正確答案】：B95.下面選項中,采取了Less+Rem+媒體查詢來實現(xiàn)響應式布局設計的是()A、流式布局B、Rem布局C、彈性盒布局D、浮動布局【正確答案】：B96.關于Bootstrap提供的<h1>~<h6>標題，說法錯誤的是()。A、從一級標題到六級標題，數(shù)字越大所代表的級別越小B、從一級標題到六級標題，數(shù)字越小，文本越小C、元素的樣式會隨著瀏覽器的修改而進行變動D、元素在不同的瀏覽器下顯示效果相同【正確答案】：B97.下列選項中,用來規(guī)定背景圖片的尺寸的屬性是()A、background-sizingB、background-heightC、background-sizeD、background-width【正確答案】：C98.下列選項中，關于Axios的說法錯誤的是()。Axios是基于Promise的HTTP庫B、Axios在瀏覽器中使用XMLHttpRequest接口發(fā)送請求C、Axios在Node環(huán)境中使用HTTP對象發(fā)送請求D、Axios不支持post請求【正確答案】：D99.下面選項中,全局安裝node-sass模塊命令的是()A、npminstall--savenode-sassB、npminstall--globalnode-sassC、npminstallnode-sassD、npmuninstall--globalnode-sass【正確答案】：B100.下列選項中，關于組件的優(yōu)勢說法錯誤的是()。A、組件可以復用B、提高開發(fā)效率C、組件是模塊化的D、提高代碼之間的耦合程度【正確答案】：D1.下列選項中,有關百分比布局的說法錯誤的是()A、任何時候都要應用百分比布局,它已經(jīng)完全替代了固定布局B、在進行響應式開發(fā)時適合使用百分比布局C、固定布局可以換算為百分比布局D、固定布局和百分比布局不能換算【正確答案】：AD2.下列選項中,關于Bootstrap布局容器的說法正確的是()A、布局容器默認看不到,主要用來布局B、布局容器默認在頁面不顯示邊框,查看效果可以自定義邊框和背景色C、布局容器默認為白色,無邊框D、布局容器默認有邊框【正確答案】：ABC3.下列選項中,描述正確的是()A、.m-0設置外邊距為0B、.m-1設置外邊距0.25remC、.p-1設置內(nèi)邊距0.25remD、.mp-auto設置內(nèi)外邊距為auto【正確答案】：ABC4.在Bootstrap4中可以實現(xiàn)列偏移的是類是()A、.offset-lg-?B、.offset-md-?C、.col-lg-offset-?D、.col-md-offset-?【正確答案】：AB5.下列選項中,關于Vuex中state、mutations、actions和modules的說法正確的是()。A、state用于管理數(shù)據(jù),且數(shù)據(jù)是響應式的,當數(shù)據(jù)改變時驅(qū)動視圖更新B、mutations用于更新數(shù)據(jù),state中的數(shù)據(jù)只能使用mutations改變C、actions用于定義事件處理方法,把數(shù)據(jù)提交給mutations,可以直接修改stateD、modules用于定義模塊對象【正確答案】：ABD6.Vite項目初始化后生成的目錄結(jié)構(gòu)中包含了很多文件夾及文件,其中src文件夾中包含()。A、assets:用于放置一些圖片,如Logo等B、components:目錄中存放了一個組件文件,可以不用C、App.vue:項目入口文件,也可以直接將組件寫于其外,而不使用components目錄D、main.js:項目的核心文件【正確答案】：ABCD7.對于Vue項目中使用keep-alive的描述中正確的是()。A、keep-alive是Vue內(nèi)置的一個組件,可以使被包含的組件保留狀態(tài),或避免重新渲染B、router-view是一個組件,如果直接被包含在keep-alive中,則所有路徑匹配到的視圖組件都會被緩存C、keep-alive中包含多個組件,不能設置其中的某個組件被緩存D、可以通過$route.meta.keepAlive判斷組件是否被緩存了【正確答案】：ABD8.下列選項中,作用于<table>元素的表格樣式的有()A、.table-darkB、.table-borderC、.tableD、.teble-sm【正確答案】：ACD9.下列選項中,屬于Vue特性的是()。A、輕量級B、數(shù)據(jù)驅(qū)動視圖C、雙向數(shù)據(jù)綁定D、插件化開發(fā)【正確答案】：BCD10.下列選項中,關于Bootstrap中提供的一系列的文本對齊樣式和大小寫相關的樣式說法錯誤的是()A、.text-left左對齊B、.text-center居中對齊C、.text-wrap不換行D、.text-right右對齊,瀏覽器默認【正確答案】：CD11.下列選項中,屬于Bootstrap按鈕提供的樣式的有()A、.btnB、.btn-primaryC、.btn-secondaryD、.btn-success【正確答案】：ABCD12.下列選項中,關于行和列的說法正確的是()A、行(row)使用樣式.rowB、列(column)使用樣式.col-?-?C、當列大于12時,將會另起一行排列D、柵格系統(tǒng)用于通過一系列的行與列的組合來創(chuàng)建頁面布局?！菊_答案】：ABCD1.在Vue項目中,執(zhí)行yarndev命令可以完成項目構(gòu)建。()A、正確B、錯誤【正確答案】：B2.$event是Vue提供的內(nèi)置變量,使用它可以獲取事件對象。()A、正確B、錯誤【正確答案】：A3.Pinia支持Vue3,不支持Vue2,支持組合式API。()A、正確B、錯誤【正確答案】：B4.Sass使用$符號來標識變量。()A、正確B、錯誤【正確答案】：A5.npm是一個包管理工具,用來解決Node.js代碼部署問題。()A、正確B、錯誤【正確答案】：B6.VSCode是由微軟公司推出的一款免費、開源的編輯器。()A、正確B、錯誤【正確答案】：A7.Bootstrap4柵格系統(tǒng)是指將頁面布局劃分為等寬的列,隨著屏幕或視口尺寸的增加,系統(tǒng)會自動分為1~12列。()A、正確B、錯誤【正確答案】：A8.Bootstrap由基本結(jié)構(gòu)、CSS樣式庫、布局組件和插件組成。（）A、正確B、錯誤【正確答案】：A9.Axios支持攔截請求和響應。()A、正確B、錯誤【正確答案】：A10.列表中如果內(nèi)容比較多時可以使用.text-truncate省略溢出部分,并使用…省略號來代替。()A、正確B、錯誤【正確答案】：A11.在開發(fā)的時候用到的1px一定就等于1個物理像素。()A、正確B、錯誤【正確答案】：B12.在Bootstrap4中,根據(jù)class類指定標簽的外觀和形狀,并用不同的類名實現(xiàn)不同的樣式。()A、正確B、錯誤【正確答案】：A13.A、正確B、錯誤【正確答案】：A14.在Vue中,頁面有兩種導航方式,分別是聲明式導航和嵌套式導航。()A、正確B、錯誤【正確答案】：B15.toRef()函數(shù)用于將普通數(shù)據(jù)轉(zhuǎn)換成響應式數(shù)據(jù)。()A、正確B、錯誤【正確答案】：B16.Bootstrap4中的.container類的最大寬度根據(jù)移動端設備屏幕自動設置為100%、750px、970px和1170px。()A、正確B、錯誤【正確答案】：B17..col-md-3類表示在桌面顯示器設備下占3份,可以在一行中顯示3列。()A、正確B、錯誤【正確答案】：B18.組件是對結(jié)構(gòu)的抽象,組件可構(gòu)成頁面中獨立結(jié)構(gòu)單元。()A、正確B、錯誤【正確答案】：A19.在使用yarn之前,需要先確保計算機中已經(jīng)安裝了Node.js。()A、正確B、錯誤【正確答案】：A20.添加name屬性的<slot>標簽用來定義具名插槽。()A、正確B、錯誤【正確答案】：A21.響應式Web開發(fā)是指同一頁面在不同屏幕尺寸下有不同的布局。()A、正確B、錯誤【正確答案】：A22.在Bootstrap4中,當屏幕尺寸小于768px時,表示超小屏幕(手機)。()A、正確B、錯誤【正確答案】：B23.Bootstrap4中使用CSS預編譯,使得CSS樣式代碼更加容易維護和擴展。()A、正確B、錯誤【正確答案】：A24.在使用輪播組件時,左右切換按鈕中的<a>標簽上的href屬性,必須與輪播圖組件的id值相一致。()A、正確B、錯誤【正確答案】：B25.組件是一個抽象的概念,是對數(shù)據(jù)和方法的簡單封裝。()A、正確B、錯誤【正確答案】：A26.在Pinia中可以通過paths實現(xiàn)部分數(shù)據(jù)持久化存儲。()A、正確B、錯誤【正確答案】：A27.每個組件擁有自己的作用域,區(qū)域之間獨立工作互不影響,組件可以有自己的屬性和方法。()A、正確B、錯誤【正確答案】：A28.使用動態(tài)組件實現(xiàn)組件之間的按需切換時,隱藏的組件會被銷毀,展示出來的組件會被重新創(chuàng)建。()A、正確B、錯誤【正確答案】：A29.Bootstrap中定義的.h1~.h6類可以讓非標題元素實現(xiàn)標題效果。()A、正確B、錯誤【正確答案】：A30.在同一臺設備上,圖片的像素點和屏幕的像素點是一一對應的。如果圖片分辨率越高,圖片越模糊;圖片分辨率越低,圖片越清晰。()A、正確B、錯誤【正確答案】：B31.柵格系統(tǒng)英文的意思是“GridSystems”,即“網(wǎng)格系統(tǒng)”,是用固定的格子進行網(wǎng)頁布局。()A、正確B、錯誤【正確答案】：A32.VueRouter提供的導航守衛(wèi)可以控制路由的訪問權(quán)限。()A、正確B、錯誤【正確答案】：A33.Less是一門CSS擴展語言,也稱為CSS預處理器。()A、正確B、錯誤【正確答案】：A34.在Bootstrap中,.table-striped類可以實現(xiàn)條紋表格,設置斑馬線效果,實現(xiàn)隔行換色()A、正確B、錯誤【正確答案】：A35..container類用于設置100%寬度,占據(jù)全部視口(viewport)的容器。()A、正確B、錯誤【正確答案】：B36.Vuex是專為Vue.js應用程序開發(fā)的狀態(tài)管理庫。()A、正確B、錯誤【正確答案】：A37.在Vue中,跨級組件之間的數(shù)據(jù)傳遞可以通過依賴注入來實現(xiàn)。()A、正確B、錯誤【正確答案】：A38.作用域插槽是帶有數(shù)據(jù)的插槽,父組件提供一部分數(shù)據(jù)給插槽。()A、正確B、錯誤【正確答案】：B39.ref()函數(shù)用于將響應式對象中的單個屬性轉(zhuǎn)換為響應式數(shù)據(jù)。()A、正確B、錯誤【正確答案】：B40.布局視口是對設備來講最理想的視口。()A、正確B、錯誤【正確答案】：B41.Vue中綁定樣式類可以通過v-bind指令操作style屬性來實現(xiàn)。()A、正確B、錯誤【正確答案】：A42.在父組件中使用v-bind可以為子組件靜態(tài)綁定props。()A、正確B、錯誤【正確