甘肅醫(yī)學(xué)院《網(wǎng)站設(shè)計(jì)與制作》2023-2024學(xué)年第二學(xué)期期末試卷

學(xué)校________________班級(jí)____________姓名____________考場(chǎng)____________準(zhǔn)考證號(hào)學(xué)校________________班級(jí)____________姓名____________考場(chǎng)____________準(zhǔn)考證號(hào)…………密…………封…………線(xiàn)…………內(nèi)…………不…………要…………答…………題…………第1頁(yè)，共3頁(yè)甘肅醫(yī)學(xué)院

《網(wǎng)站設(shè)計(jì)與制作》2023-2024學(xué)年第二學(xué)期期末試卷題號(hào)一二三四總分得分批閱人一、單選題（本大題共15個(gè)小題，每小題1分，共15分．在每小題給出的四個(gè)選項(xiàng)中，只有一項(xiàng)是符合題目要求的．）1、設(shè)想正在優(yōu)化一個(gè)Web應(yīng)用的數(shù)據(jù)庫(kù)寫(xiě)入性能，其中有大量的并發(fā)寫(xiě)入操作。以下哪種方法最有可能提高寫(xiě)入效率？（）A.優(yōu)化數(shù)據(jù)庫(kù)表結(jié)構(gòu)，減少冗余字段B.使用批量寫(xiě)入操作，減少數(shù)據(jù)庫(kù)交互次數(shù)C.采用緩存機(jī)制，先將數(shù)據(jù)寫(xiě)入緩存，再定期同步到數(shù)據(jù)庫(kù)D.以上三種方法綜合運(yùn)用，根據(jù)實(shí)際情況調(diào)整優(yōu)化策略2、假設(shè)正在開(kāi)發(fā)一個(gè)社交網(wǎng)絡(luò)的移動(dòng)端Web應(yīng)用，需要考慮不同移動(dòng)設(shè)備的屏幕尺寸和分辨率。以下哪種技術(shù)或框架能夠?qū)崿F(xiàn)自適應(yīng)的布局和良好的用戶(hù)體驗(yàn)？（）A.ReactNativeB.FlutterC.IonicD.以上框架都能實(shí)現(xiàn)移動(dòng)端自適應(yīng)3、假設(shè)正在構(gòu)建一個(gè)Web應(yīng)用的消息通知系統(tǒng)，需要實(shí)時(shí)將新消息推送給用戶(hù)。以下哪種技術(shù)能夠?qū)崿F(xiàn)這一功能，同時(shí)保證消息的可靠傳遞？（）A.使用WebSockets建立實(shí)時(shí)連接，推送消息B.借助HTTP長(zhǎng)連接，定期輪詢(xún)獲取新消息C.通過(guò)電子郵件發(fā)送消息通知D.使用短信服務(wù)發(fā)送消息通知4、在Web應(yīng)用中，當(dāng)需要實(shí)現(xiàn)用戶(hù)登錄后的個(gè)性化界面時(shí)，通常會(huì)根據(jù)用戶(hù)的偏好和行為數(shù)據(jù)進(jìn)行定制。假設(shè)用戶(hù)可以選擇主題顏色、字體大小等界面設(shè)置。以下關(guān)于個(gè)性化界面實(shí)現(xiàn)的方法，哪一項(xiàng)是不正確的？（）A.將用戶(hù)的個(gè)性化設(shè)置存儲(chǔ)在數(shù)據(jù)庫(kù)中，每次登錄時(shí)讀取并應(yīng)用B.使用Cookie保存用戶(hù)的個(gè)性化設(shè)置，避免頻繁訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)C.提供默認(rèn)的個(gè)性化設(shè)置，用戶(hù)首次登錄時(shí)自動(dòng)應(yīng)用D.不允許用戶(hù)進(jìn)行個(gè)性化設(shè)置，統(tǒng)一使用系統(tǒng)默認(rèn)的界面風(fēng)格5、在Web編程中，需要實(shí)現(xiàn)一個(gè)頁(yè)面元素的拖放功能。以下哪種JavaScript庫(kù)或框架可以方便地實(shí)現(xiàn)這個(gè)功能（）A.jQueryUIDraggableB.Vue.DraggableC.AngularDragandDropD.以上都是6、假設(shè)正在構(gòu)建一個(gè)在線(xiàn)地圖應(yīng)用，需要實(shí)時(shí)獲取用戶(hù)的地理位置信息，并在地圖上展示相關(guān)數(shù)據(jù)。以下哪種技術(shù)或API能夠滿(mǎn)足這一需求？（）A.HTML5的GeolocationAPIB.谷歌地圖APIC.百度地圖APID.以上API都可以根據(jù)具體需求選擇7、在一個(gè)Web應(yīng)用中，需要實(shí)現(xiàn)用戶(hù)注冊(cè)和登錄的單點(diǎn)登錄（SSO）功能，使用戶(hù)能夠在多個(gè)相關(guān)網(wǎng)站之間無(wú)需重復(fù)登錄。以下哪種單點(diǎn)登錄實(shí)現(xiàn)方式是比較常見(jiàn)和可靠的？（）A.使用SAML協(xié)議B.基于OAuth2.0的OpenIDConnect擴(kuò)展C.開(kāi)發(fā)自定義的單點(diǎn)登錄機(jī)制D.以上方式都可以根據(jù)系統(tǒng)架構(gòu)選擇8、假設(shè)要開(kāi)發(fā)一個(gè)在線(xiàn)購(gòu)物網(wǎng)站，其中商品的詳細(xì)信息需要從數(shù)據(jù)庫(kù)中獲取并動(dòng)態(tài)顯示在網(wǎng)頁(yè)上。對(duì)于數(shù)據(jù)庫(kù)的連接和操作，以下哪種編程語(yǔ)言和框架的組合通常是一個(gè)不錯(cuò)的選擇（）A.Python結(jié)合Django框架B.Java結(jié)合SpringBoot框架C.JavaScript結(jié)合Node.js中的數(shù)據(jù)庫(kù)模塊D.Ruby結(jié)合Rails框架9、假設(shè)要開(kāi)發(fā)一個(gè)在線(xiàn)投票系統(tǒng)，需要確保每個(gè)用戶(hù)只能投票一次，并且投票結(jié)果能夠?qū)崟r(shí)更新顯示。以下哪種技術(shù)和方法的組合最適合實(shí)現(xiàn)這個(gè)功能（）A.使用Cookie記錄用戶(hù)的投票狀態(tài)，通過(guò)JavaScript實(shí)時(shí)更新投票結(jié)果B.在服務(wù)器端使用會(huì)話(huà)（Session）來(lái)跟蹤用戶(hù)投票，使用Ajax動(dòng)態(tài)更新頁(yè)面C.利用數(shù)據(jù)庫(kù)中的唯一約束來(lái)限制用戶(hù)投票，通過(guò)WebSockets推送投票結(jié)果D.以上方法都不可行10、在Web開(kāi)發(fā)中，為了提高頁(yè)面的渲染性能，減少回流和重繪的次數(shù)，以下哪種做法是有效的？（）A.盡量減少DOM操作B.避免頻繁修改樣式C.將多個(gè)樣式修改合并為一次操作D.以上做法都能提高渲染性能11、在Web編程中，當(dāng)處理表單提交的數(shù)據(jù)時(shí)，需要防止跨站請(qǐng)求偽造（CSRF）攻擊。假設(shè)用戶(hù)在登錄狀態(tài)下提交表單。以下關(guān)于防范CSRF攻擊的措施，哪一項(xiàng)是不準(zhǔn)確的？（）A.在表單中添加隨機(jī)生成的CSRF令牌，并在服務(wù)器端驗(yàn)證B.檢查請(qǐng)求的來(lái)源（Referer）頭，判斷是否來(lái)自合法的頁(yè)面C.只在涉及敏感操作的表單中采取防范措施，普通表單無(wú)需考慮D.要求用戶(hù)在提交表單時(shí)進(jìn)行額外的身份驗(yàn)證，如輸入驗(yàn)證碼12、在一個(gè)Web應(yīng)用中，需要實(shí)現(xiàn)數(shù)據(jù)的定時(shí)備份和恢復(fù)功能，以防止數(shù)據(jù)丟失。以下哪種備份策略和恢復(fù)方法是比較可靠和高效的？（）A.定期全量備份，恢復(fù)時(shí)使用最新的全量備份B.全量備份結(jié)合增量備份，恢復(fù)時(shí)根據(jù)情況選擇C.實(shí)時(shí)同步到異地備份服務(wù)器，故障時(shí)切換到備份服務(wù)器D.以上策略和方法都可以根據(jù)系統(tǒng)重要性和資源情況選擇13、在一個(gè)Web應(yīng)用中，需要實(shí)現(xiàn)用戶(hù)注冊(cè)時(shí)發(fā)送驗(yàn)證郵件的功能。以下哪種郵件服務(wù)和技術(shù)最適合？（）A.使用自己搭建的郵件服務(wù)器發(fā)送驗(yàn)證郵件B.借助第三方的郵件服務(wù)提供商（如SendGrid、Mailgun）發(fā)送郵件C.利用云服務(wù)平臺(tái)（如AWSSES）提供的郵件服務(wù)D.以上三種方式都可以，根據(jù)實(shí)際情況和成本考慮選擇14、某網(wǎng)站需要實(shí)現(xiàn)用戶(hù)個(gè)人資料的隱私設(shè)置，允許用戶(hù)選擇公開(kāi)、好友可見(jiàn)或僅自己可見(jiàn)等不同級(jí)別。以下哪種數(shù)據(jù)庫(kù)設(shè)計(jì)和權(quán)限控制方式能夠有效地實(shí)現(xiàn)這一功能？（）A.在用戶(hù)表中添加字段表示隱私級(jí)別，并在查詢(xún)時(shí)進(jìn)行權(quán)限判斷B.為不同的隱私級(jí)別創(chuàng)建單獨(dú)的表，存儲(chǔ)相應(yīng)的用戶(hù)資料C.利用中間表記錄用戶(hù)資料與隱私級(jí)別的關(guān)聯(lián)D.以上方式都可以根據(jù)數(shù)據(jù)量和性能要求選擇15、假設(shè)正在構(gòu)建一個(gè)電子商務(wù)網(wǎng)站的后臺(tái)管理系統(tǒng)，需要對(duì)商品信息進(jìn)行批量操作，如批量導(dǎo)入、導(dǎo)出和更新。以下哪種工具或技術(shù)能夠最有效地支持這些操作？（）A.使用手動(dòng)編寫(xiě)的SQL語(yǔ)句在數(shù)據(jù)庫(kù)中直接操作數(shù)據(jù)B.利用現(xiàn)成的電子商務(wù)平臺(tái)提供的管理工具C.開(kāi)發(fā)自定義的腳本或程序，使用數(shù)據(jù)庫(kù)API進(jìn)行操作D.依賴(lài)第三方的數(shù)據(jù)處理軟件來(lái)完成批量操作二、判斷題（本大題共15小題，每小題2分，共30分．有多個(gè)選項(xiàng)是符合題目要求的．）1、JavaScript中的Stotype.split()方法根據(jù)指定的分隔符將字符串分割為數(shù)組。（）2、JavaScript中的typeof操作符返回的值都是字符串。（）3、HTML中，標(biāo)簽的字體大小比標(biāo)簽大。（）4、CSS中的transition-timing-function:ease-in-out;可以設(shè)置過(guò)渡效果的速度曲線(xiàn)。（）5、JavaScript中的Stotype.repeat()方法用于重復(fù)字符串。（）6、JavaScript中的Object.entries()方法返回對(duì)象的鍵值對(duì)數(shù)組。（）7、CSS中的column-count屬性用于設(shè)置多列布局的列數(shù)。（）8、JavaScript中的Math.random()函數(shù)生成的隨機(jī)數(shù)范圍是0到1之間（包括0但不包括1）。（）9、在CSS中，z-index屬性用于設(shè)置元素的堆疊順序，值越大越在上面。（）10、CSS中的text-indent:2em;可以設(shè)置文本首行縮進(jìn)2個(gè)字符的寬度。（）11、HTML中的標(biāo)簽常用于頁(yè)面布局。（）12、在CSS中，font-variant-east-asian屬性用于設(shè)置東亞字符的變體。（）13、CSS中的clear:both;用于清除左右兩側(cè)的浮動(dòng)。（）14、JavaScript中的try...catch語(yǔ)句可以捕獲所有類(lèi)型的錯(cuò)誤。（）15、在CSS中，font-style:oblique;表示傾斜字體。（）三、編程題（本大題共5個(gè)小題，共25分)1、（本題5分）用PHP實(shí)現(xiàn)一個(gè)在線(xiàn)花店銷(xiāo)售系統(tǒng)。2、（本題5分）使用JavaScript實(shí)現(xiàn)一個(gè)拖動(dòng)元素的功能。3、（本題5分）用PHP實(shí)現(xiàn)一個(gè)簡(jiǎn)單的在線(xiàn)調(diào)查問(wèn)卷統(tǒng)計(jì)系統(tǒng)。4、（本題5分）使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)元素變形效果。5、（本題5分）使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器，能夠進(jìn)行加、減、乘、除運(yùn)算。四、簡(jiǎn)答題（本大題共3個(gè)小題，共30分)1、（本題10分）探討在Web開(kāi)發(fā)中，如何進(jìn)行代碼版本控制（如使用Git）。說(shuō)明版本控制的重要性，以及如何創(chuàng)建代碼倉(cāng)庫(kù)、提交