湖北理工學(xué)院《Web前端技術(shù)》2022-2023學(xué)年期末試卷

自覺遵守考場(chǎng)紀(jì)律如考試作弊此答卷無(wú)效密自覺遵守考場(chǎng)紀(jì)律如考試作弊此答卷無(wú)效密封線第1頁(yè)，共3頁(yè)湖北理工學(xué)院《Web前端技術(shù)》2022-2023學(xué)年期末試卷院(系)_______班級(jí)_______學(xué)號(hào)_______姓名_______題號(hào)一二三總分得分批閱人一、單選題（本大題共20個(gè)小題，每小題2分，共40分．在每小題給出的四個(gè)選項(xiàng)中，只有一項(xiàng)是符合題目要求的．）1、在HTML中，標(biāo)簽用于（）A.插入圖像B.嵌入框架C.定義超鏈接D.定義列表2、以下哪個(gè)CSS屬性用于設(shè)置元素的背景圖像？（）A.background-imageB.image-backgroundC.bg-imageD.background3、以下哪個(gè)是CSS中的字體加粗屬性？（）A.font-weightB.font-styleC.text-decorationD.text-transform4、以下哪個(gè)是CSS中的文本對(duì)齊屬性？（）A.text-alignB.vertical-alignC.line-heightD.word-spacing5、JavaScript中，以下哪個(gè)方法用于將字符串轉(zhuǎn)換為數(shù)字？（）A.parseInt()B.parseFloat()C.Number()D.以上都是6、CSS中，用于設(shè)置元素鼠標(biāo)懸停效果的偽類是（）A.:hoverB.:activeC.:focusD.:link7、以下哪個(gè)JavaScript方法用于遍歷數(shù)組？（）A.forEach()B.map()C.filter()D.some()8、以下哪種技術(shù)用于在Web頁(yè)面中實(shí)現(xiàn)動(dòng)畫效果？（）A.CSS動(dòng)畫B.JavaScript動(dòng)畫C.SVG動(dòng)畫D.以上都是9、以下哪種語(yǔ)言通常用于Web前端開發(fā)？（）A.JavaB.PythonC.HTML/CSS/JavaScriptD.C++10、以下哪種HTTP方法用于向服務(wù)器提交數(shù)據(jù)？（）A.GETB.POSTC.PUTD.DELETE11、在HTTP協(xié)議中，以下哪個(gè)狀態(tài)碼表示請(qǐng)求的資源被永久移動(dòng)？（）A.301B.302C.404D.50012、以下哪個(gè)是HTML5中的地理定位API方法？（）A.getLocation()B.getCurrentPosition()C.findLocation()D.locate()13、以下哪個(gè)是JavaScript中的條件語(yǔ)句？（）A.if...elseB.forC.whileD.switch14、JavaScript中，以下哪個(gè)方法用于獲取當(dāng)前日期和時(shí)間？（）A.getDate()B.getTime()C.newDate()D.Date.now()15、CSS中，用于設(shè)置元素顯示或隱藏的屬性是（）A.visibilityB.displayC.opacityD.以上都是16、在HTTP協(xié)議中，以下哪個(gè)方法用于獲取服務(wù)器上的資源而不改變其內(nèi)容？（）A.HEADB.OPTIONSC.TRACED.CONNECT17、在HTTP協(xié)議中，以下哪個(gè)方法用于向服務(wù)器發(fā)送數(shù)據(jù)以創(chuàng)建或更新資源？（）A.POSTB.PUTC.PATCHD.OPTIONS18、CSS中，用于設(shè)置元素字體的屬性是（）A.font-familyB.font-sizeC.font-styleD.以上都是19、JavaScript中，以下哪個(gè)方法用于判斷一個(gè)變量是否為數(shù)組？（）A.isArray()B.instanceofArrayC.Array.isArray()D.isInstanceOf(Array)20、在HTML中，________________________________________標(biāo)簽用于（）A.插入水平線B.定義標(biāo)題C.定義段落D.定義列表二、判斷題（本大題共10個(gè)小題，共10分)1、HTML5中新增了標(biāo)簽用于繪圖。（）2、HTML中的標(biāo)簽的target="_blank"屬性可以在新窗口打開鏈接。（）3、JavaScript中的Stotype.match()方法用于在字符串中查找匹配的正則表達(dá)式。（）4、CSS中的font-smooth屬性用于控制字體的平滑效果。（）5、JavaScript中的Dtotype.toLocaleTimeString()方法將時(shí)間轉(zhuǎn)換為本地時(shí)間字符串格式。（）6、JavaScript中的Stotype.padEnd()方法用于在字符串末尾填充字符。（）7、JavaScript中的Dtotype.toLocaleDateString()方法將日期轉(zhuǎn)換為本地日期字符串格式。（）8、HTML5中的元素可以通過(guò)JavaScript進(jìn)行繪圖操作。（）9、CSS中的column-count屬性用于設(shè)置多列布局的列數(shù)。（）10、HTML中的標(biāo)簽用于生成密鑰。（）三、編程題（本大題共5個(gè)小題，共50分)1、（本題10分）使用CSS實(shí)現(xiàn)一個(gè)頁(yè)面元素的動(dòng)態(tài)陰影方向變化效果。2、（本題10分）使用CSS實(shí)現(xiàn)一個(gè)動(dòng)畫