韶關(guān)學(xué)院《Web程序設(shè)計(jì)》2023-2024學(xué)年第一學(xué)期期末試卷

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

《Web程序設(shè)計(jì)》2023-2024學(xué)年第一學(xué)期期末試卷題號(hào)一二三四總分得分批閱人一、單選題（本大題共15個(gè)小題，每小題1分，共15分．在每小題給出的四個(gè)選項(xiàng)中，只有一項(xiàng)是符合題目要求的．）1、假設(shè)要開(kāi)發(fā)一個(gè)在線投票系統(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ì)話（Session）來(lái)跟蹤用戶(hù)投票，使用Ajax動(dòng)態(tài)更新頁(yè)面C.利用數(shù)據(jù)庫(kù)中的唯一約束來(lái)限制用戶(hù)投票，通過(guò)WebSockets推送投票結(jié)果D.以上方法都不可行2、設(shè)想為一個(gè)社交網(wǎng)絡(luò)類(lèi)的Web應(yīng)用開(kāi)發(fā)私信功能，需要保證消息的實(shí)時(shí)推送、存儲(chǔ)和檢索的高效性、已讀未讀狀態(tài)的準(zhǔn)確記錄以及消息的加密傳輸。以下哪種技術(shù)方案最為合適？（）A.前端使用Vue.js或React框架，通過(guò)WebSockets實(shí)現(xiàn)實(shí)時(shí)消息推送，后端采用Node.js+Express框架，使用MongoDB存儲(chǔ)消息，利用AES算法加密消息，通過(guò)標(biāo)志位記錄已讀未讀狀態(tài)B.前端運(yùn)用Angular框架，配合Server-SentEvents接收消息，后端基于JavaSpringBoot框架，選用MySQL數(shù)據(jù)庫(kù)存儲(chǔ)消息，使用RSA算法加密，通過(guò)字段標(biāo)記已讀未讀C.利用HTML5和原生JavaScript實(shí)現(xiàn)前端界面，通過(guò)HTTP長(zhǎng)輪詢(xún)獲取消息，后端使用Python+Django框架，使用PostgreSQL保存消息，采用對(duì)稱(chēng)加密算法加密，通過(guò)單獨(dú)的表記錄已讀未讀D.以上方案都存在缺陷，需要重新設(shè)計(jì)更適合的技術(shù)架構(gòu)來(lái)實(shí)現(xiàn)私信功能3、在構(gòu)建一個(gè)在線旅游預(yù)訂網(wǎng)站時(shí)，需要實(shí)現(xiàn)酒店房間的庫(kù)存管理功能。假設(shè)不同的房型有不同的庫(kù)存數(shù)量，并且?guī)齑鏁?huì)隨著預(yù)訂和取消而變化。以下關(guān)于庫(kù)存管理的描述，哪一項(xiàng)是不準(zhǔn)確的？（）A.為每種房型創(chuàng)建庫(kù)存表，記錄當(dāng)前可用數(shù)量和預(yù)訂、取消的數(shù)量B.在用戶(hù)預(yù)訂房間時(shí)，實(shí)時(shí)更新庫(kù)存數(shù)量，并檢查是否有足夠的庫(kù)存C.考慮設(shè)置庫(kù)存預(yù)警機(jī)制，當(dāng)庫(kù)存低于一定數(shù)量時(shí)提醒管理員D.庫(kù)存管理只需要在每天結(jié)束時(shí)進(jìn)行一次更新，無(wú)需實(shí)時(shí)處理4、假設(shè)正在開(kāi)發(fā)一個(gè)在線教育平臺(tái)，需要實(shí)現(xiàn)視頻課程的播放和管理。以下哪種技術(shù)或框架在處理視頻流媒體方面性能優(yōu)越且功能豐富？（）A.HTML5的標(biāo)簽B.JWPlayerC.Video.jsD.以上技術(shù)和框架都能滿足需求5、對(duì)于一個(gè)需要支持用戶(hù)個(gè)性化設(shè)置和偏好保存的Web應(yīng)用，例如主題切換、字體大小調(diào)整和布局選擇。以下哪種數(shù)據(jù)存儲(chǔ)和加載方式的組合是最為合適的？（）A.數(shù)據(jù)庫(kù)存儲(chǔ)用戶(hù)設(shè)置+Ajax異步加載B.本地存儲(chǔ)（LocalStorage）保存設(shè)置+頁(yè)面初始化時(shí)讀取C.Cookie存儲(chǔ)偏好+服務(wù)器端動(dòng)態(tài)生成頁(yè)面D.云存儲(chǔ)服務(wù)保存用戶(hù)配置+實(shí)時(shí)同步到客戶(hù)端6、在Web應(yīng)用中，需要實(shí)現(xiàn)一個(gè)文件下載功能，同時(shí)要確保下載的安全性和準(zhǔn)確性。以下哪種方式可以控制只有授權(quán)用戶(hù)能夠下載特定文件（）A.在下載鏈接中包含用戶(hù)身份驗(yàn)證信息B.服務(wù)器端根據(jù)用戶(hù)權(quán)限判斷是否允許下載C.不進(jìn)行任何權(quán)限控制，任何人都可以下載D.僅在客戶(hù)端通過(guò)JavaScript進(jìn)行權(quán)限判斷7、在開(kāi)發(fā)一個(gè)基于Web的在線學(xué)習(xí)平臺(tái)時(shí)，需要考慮課程視頻的播放功能。假設(shè)課程視頻存儲(chǔ)在云服務(wù)器上，并且需要支持不同的視頻格式和分辨率。以下關(guān)于視頻播放的實(shí)現(xiàn)方式，哪一項(xiàng)是不準(zhǔn)確的？（）A.使用HTML5的標(biāo)簽，并通過(guò)設(shè)置不同的源文件來(lái)支持多種格式和分辨率的視頻B.借助第三方的視頻播放插件，如FlashPlayer，來(lái)實(shí)現(xiàn)視頻的播放C.為了提高視頻加載速度，將所有視頻預(yù)先轉(zhuǎn)換為一種統(tǒng)一的格式和分辨率D.利用流媒體技術(shù)，根據(jù)用戶(hù)的網(wǎng)絡(luò)帶寬動(dòng)態(tài)調(diào)整視頻的分辨率和碼率8、在Web開(kāi)發(fā)中，需要確保網(wǎng)站在不同瀏覽器（如Chrome、Firefox、IE等）上顯示效果一致。以下哪種方法是有效的跨瀏覽器兼容性處理方式（）A.針對(duì)每個(gè)瀏覽器編寫(xiě)特定的CSS和JavaScript代碼B.使用CSS重置樣式表（ResetCSS）和normalize.cssC.只在主流瀏覽器上進(jìn)行測(cè)試和優(yōu)化，忽略其他瀏覽器D.不進(jìn)行任何跨瀏覽器處理，讓用戶(hù)自行適應(yīng)9、以下哪個(gè)JavaScript方法用于判斷一個(gè)對(duì)象是否具有某個(gè)屬性？（）A.hasOwnProperty()B.inC.isProperty()D.hasProperty()10、在Web應(yīng)用中，需要實(shí)現(xiàn)一個(gè)用戶(hù)權(quán)限管理系統(tǒng)，能夠靈活地為不同用戶(hù)或用戶(hù)組分配不同的權(quán)限。以下哪種方式適合存儲(chǔ)權(quán)限信息（）A.數(shù)據(jù)庫(kù)中的權(quán)限表B.配置文件C.緩存系統(tǒng)D.以上都可以11、考慮一個(gè)需要支持高并發(fā)訪問(wèn)的Web應(yīng)用，為了提高服務(wù)器的處理能力和響應(yīng)速度，以下哪種服務(wù)器優(yōu)化措施是比較關(guān)鍵的？（）A.優(yōu)化服務(wù)器的硬件配置，如增加內(nèi)存和CPU核心B.使用負(fù)載均衡器分發(fā)請(qǐng)求到多個(gè)服務(wù)器實(shí)例C.對(duì)服務(wù)器的網(wǎng)絡(luò)設(shè)置進(jìn)行優(yōu)化D.以上措施綜合實(shí)施12、在Web開(kāi)發(fā)中，需要實(shí)現(xiàn)一個(gè)功能，允許用戶(hù)上傳圖片并在頁(yè)面上實(shí)時(shí)預(yù)覽。以下哪種技術(shù)或方法最適合處理圖片的上傳和預(yù)覽？（）A.使用HTML的

元素，通過(guò)表單提交將圖片上傳到服務(wù)器，然后服務(wù)器返回圖片路徑供頁(yè)面顯示B.利用HTML5的FileAPI在客戶(hù)端讀取圖片文件，使用JavaScript進(jìn)行預(yù)處理和預(yù)覽，再通過(guò)AJAX將圖片上傳到服務(wù)器C.借助第三方庫(kù)（如jQuery）提供的上傳插件來(lái)處理圖片上傳和預(yù)覽D.采用服務(wù)器端生成的唯一標(biāo)識(shí)符，客戶(hù)端根據(jù)標(biāo)識(shí)符通過(guò)AJAX逐步獲取圖片的部分?jǐn)?shù)據(jù)進(jìn)行預(yù)覽和上傳13、考慮開(kāi)發(fā)一個(gè)在線圖書(shū)館系統(tǒng)，用戶(hù)可以搜索書(shū)籍、借閱書(shū)籍、查看借閱記錄和歸還書(shū)籍。前端運(yùn)用HTML、CSS和JavaScript，后端基于Node.js的Koa框架，數(shù)據(jù)庫(kù)使用MySQL。當(dāng)用戶(hù)借閱一本書(shū)時(shí)，系統(tǒng)需要檢查用戶(hù)的借閱權(quán)限、更新書(shū)籍的庫(kù)存狀態(tài)以及記錄借閱信息。關(guān)于借閱權(quán)限的檢查，以下哪種方式是最合適的？（）A.在數(shù)據(jù)庫(kù)中存儲(chǔ)用戶(hù)的借閱權(quán)限信息，后端查詢(xún)數(shù)據(jù)庫(kù)進(jìn)行判斷B.在后端的內(nèi)存中維護(hù)一個(gè)用戶(hù)借閱權(quán)限的緩存，直接從緩存中獲取判斷C.將用戶(hù)的借閱權(quán)限信息以加密形式存儲(chǔ)在客戶(hù)端的Cookie中，前端發(fā)送到后端進(jìn)行解密判斷D.每次借閱時(shí)，通過(guò)第三方認(rèn)證服務(wù)獲取用戶(hù)的借閱權(quán)限信息14、設(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)化策略15、在Web開(kāi)發(fā)中，為了優(yōu)化數(shù)據(jù)庫(kù)的查詢(xún)性能，除了建立索引外，還可以采用以下哪種方法？（）A.對(duì)數(shù)據(jù)進(jìn)行分區(qū)存儲(chǔ)B.優(yōu)化表結(jié)構(gòu)C.合理使用存儲(chǔ)過(guò)程D.以上方法都可以提升查詢(xún)性能二、判斷題（本大題共15小題，每小題2分，共30分．有多個(gè)選項(xiàng)是符合題目要求的．）1、HTML中的標(biāo)簽用于繪制橢圓。（）2、CSS中的position:relative;是相對(duì)于自身原來(lái)的位置進(jìn)行定位。（）3、在CSS中，margin屬性可以設(shè)置為負(fù)值。（）4、CSS中的font-smooth屬性用于控制字體的平滑效果。（）5、HTML中的標(biāo)簽的method屬性默認(rèn)值是get。（）6、JavaScript中的Stotype.codePointAt()方法返回指定位置字符的Unicode碼點(diǎn)。（）7、在CSS中，:visited偽類(lèi)用于已訪問(wèn)的鏈接樣式。（）8、CSS中的text-align:justify;可以實(shí)現(xiàn)兩端對(duì)齊效果。（）9、JavaScript中的Dtotype.toISOString()方法將日期轉(zhuǎn)換為ISO格式字符串。（）10、CSS中的font-variant:small-caps;可以將文本顯示為小型大寫(xiě)字母。（）11、HTML中，標(biāo)簽的字體大小比標(biāo)簽大。（）12、HTML表單的action屬性用于指定提交數(shù)據(jù)的處理頁(yè)面。（）13、HTML中的標(biāo)簽的type屬性可以是text、radio、checkbox等。（）14、CSS中的text-align:justify;可以實(shí)現(xiàn)兩端對(duì)齊的文本效果。（）15、HTML中的標(biāo)簽用于繪制矢量圖形。（）三、編程題（本大題共5個(gè)小題，共25分)1、（本題5分）用HTML和CSS創(chuàng)建一個(gè)具有瀑布流布局（WaterfallLayout）的頁(yè)面。2、（本題5分）使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表單驗(yàn)證庫(kù)。3、（本題5分）用PHP從數(shù)據(jù)庫(kù)中讀取用戶(hù)信息并顯示在網(wǎng)頁(yè)上。4、（本題5分）使用PHP實(shí)現(xiàn)一個(gè)用戶(hù)信息修改功能。5、（本題5分）使用JavaScript實(shí)現(xiàn)一個(gè)頁(yè)面元素的抖動(dòng)效果。四、簡(jiǎn)答題（本大題共3個(gè)小