jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）（第2版）-習(xí)題答案 馬靜媛_第1頁
jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）（第2版）-習(xí)題答案 馬靜媛_第2頁
jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）（第2版）-習(xí)題答案 馬靜媛_第3頁
jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）（第2版）-習(xí)題答案 馬靜媛_第4頁
jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）（第2版）-習(xí)題答案 馬靜媛_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

jQuery網(wǎng)頁特效設(shè)計(jì)基礎(chǔ)教程（慕課版）第15章綜合實(shí)戰(zhàn)—實(shí)現(xiàn)購(gòu)物車功能PAGE270PAGE271 第一單元1.選擇題（1）下列（D）不是常用的JavaScript庫(kù)。A.jQueryB.VueC.AngularJSD.HTML（2）下列關(guān)于JavaScript的特點(diǎn)說法有誤的是（D）。A.無需編譯，在瀏覽器中運(yùn)行時(shí)被解釋B.基于對(duì)象C.事件驅(qū)動(dòng)D.需要編譯后運(yùn)行（3）下列關(guān)于JavaScript的調(diào)試方式說法有誤的是（D）。A.使用alert()彈出警告框B.使用document.write()方法C.使用console.log()寫入到瀏覽器控制臺(tái)D.使用println()打印輸出2.填空題（1）JavaScript的開發(fā)工具包括記事本sublimetext、HBuilder、VSCode。（2）JavaScript程序的出錯(cuò)類型包括：語法錯(cuò)誤、邏輯錯(cuò)誤。（3）JavaScript特點(diǎn)包括：無需編譯、基于對(duì)象、事件驅(qū)動(dòng)、相對(duì)簡(jiǎn)單、多種瀏覽器支持、安全性高。3.簡(jiǎn)答題（1）說明JavaScript的作用。JavaScript是由Netscape公司開發(fā)的一種Web頁面腳本編程語言，也是一種通用的、跨平臺(tái)的、基于對(duì)象和事件驅(qū)動(dòng)，并具有相對(duì)安全性的解釋型腳本語言。它不需要進(jìn)行編譯，而是直接嵌入在HTML頁面中，把靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動(dòng)態(tài)頁面，在Web系統(tǒng)中應(yīng)用非常廣泛。（2）簡(jiǎn)述JavaScript的應(yīng)用領(lǐng)域。應(yīng)用領(lǐng)域：校驗(yàn)用戶輸入的內(nèi)容、實(shí)現(xiàn)實(shí)時(shí)預(yù)覽效果、制作動(dòng)畫效果、制作浮動(dòng)廣告窗口、文字特效。（3）簡(jiǎn)述編寫JavaScript程序的步驟。新建html文件，編寫JavaScript代碼；瀏覽器中運(yùn)行；（4）描述常見的JavaScript庫(kù)。JavaScript庫(kù)有jQuery、Vue、AngularJS、ReactJS、Prototype、Ext

JS、Dojo、YUI、MooTools等。第二單元1.選擇題（1）下列（B）不是常用的jQuery插件。A.jQuery

UIB.VueC.SlickD.DataTables（2）下列關(guān)于JavaScript的特點(diǎn)說法有誤的是（C）。A.代碼精致小巧B.功能函數(shù)強(qiáng)大C.不開源D.鏈?zhǔn)降恼Z法風(fēng)格（3）下列關(guān)于獲取DOM對(duì)象說法有誤的是（A）。A.通過$("#")獲取DOM對(duì)象B.通過[index]方法獲取DOM對(duì)象C.通過get(index)方法獲取DOM對(duì)象D.通過document.getElementById("")獲取DOM對(duì)象2.填空題（1）jQuery特點(diǎn)包括：代碼精致小巧、功能函數(shù)強(qiáng)大、跨瀏覽器、鏈?zhǔn)降恼Z法風(fēng)格、對(duì)DOM對(duì)象封裝、Ajax操作完善、文檔豐富、開源、插件豐富。（2）DOM是DocumentObjectModel，即文檔對(duì)象模型的縮寫。DOM是以層次結(jié)構(gòu)組織的節(jié)點(diǎn)

或信息片段的集合，每一份DOM都可以表示成一棵樹。（3）jQuery常用插件包括：jQuery

UI界面庫(kù)、Slick輪播插件、DataTables數(shù)據(jù)表格插件、4.

jQuery

Validation表單驗(yàn)證插件、Select2下拉列表插件。3.簡(jiǎn)答題（1）jQuery3.x、jQuery2.x、jQuery1.x的最大區(qū)別是什么？1.x：兼容IE6、IE7、IE8瀏覽器，使用最為廣泛，官方只做BUG維護(hù)，功能不再新增，對(duì)于早期建設(shè)的項(xiàng)目或者要求對(duì)IE6、IE7、IE8瀏覽器支持的話，可以選擇1.x這個(gè)版本。2.x：不兼容IE6、IE7、IE8瀏覽器，2.x版本系列發(fā)布的比較少，使用的人也少，官方只做BUG維護(hù)，功能不再新增。如果不考慮兼容低版本IE6、IE7、IE8的瀏覽器可以使用2.x。jQuery下載與配置3.x：不兼容IE6、IE7、IE8瀏覽器，只支持最新的瀏覽器，很多老的jQuery插件不支持這個(gè)版本，目前該版本是官方主要更新維護(hù)的版本。jQuery下載與配置（2）簡(jiǎn)述編寫jQuery程序的過程。創(chuàng)建一個(gè)名稱為js的文件夾，并將jquery-3.6.4.min.js復(fù)制到該文件夾中。創(chuàng)建一個(gè)名稱為index.html的文件，在該文件的<head>標(biāo)記中引用jquery-3.6.4.min.js庫(kù)文件編寫jQuery代碼。（3）簡(jiǎn)述DOM對(duì)象和jQuery對(duì)象。jQuery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是獨(dú)有的，可以使用jQuery里的方法。DOM是Document

Object

Model，即文檔對(duì)象模型的縮寫。DOM是以層次結(jié)構(gòu)組織的節(jié)點(diǎn)

或信息片段的集合，每一份DOM都可以表示成一棵樹。（4）如何將jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象？jQuery提供了兩種轉(zhuǎn)換方式將一個(gè)jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象，即[index]和get(index)。（5）如何解決jQuery庫(kù)和其他庫(kù)的沖突？jQuery庫(kù)在其他庫(kù)之前導(dǎo)入，可以直接使用jQuery(callback)方法。jQuery庫(kù)在其他庫(kù)之后導(dǎo)入，使用jQuery.noConflick()方法將變量$的控制權(quán)讓給其他庫(kù)。第三單元1.選擇題（1）下列（D）不是jQuery選擇器的優(yōu)勢(shì)。A.代碼更簡(jiǎn)單B.支持CSS1到CSS3選擇器C.完善的檢測(cè)機(jī)制D.可以兼容所有瀏覽器（2）下列關(guān)于jQuery基本選擇器說法有誤的是（D）。A.支持ID選擇器（#id）B.支持元素選擇器（element）C.支持類名選擇器（.class）D.不支持通配符（*）（3）下列關(guān)于jQuery層次選擇器說法有誤的是（B）。A.支持ancestor

descendant選擇器B.支持escapeSelector選擇器C.支持prev+next選擇器D.parent>child選擇器2.填空題（1）$。（2）jQuery表單選擇器包括：:input、:text、:password、:radio、:checkbox、:submit、:image:reset、:button、:file。（3）jQuery過濾選擇器包括：簡(jiǎn)單過濾器、內(nèi)容過濾器、可見性過濾器、表單對(duì)象的屬性過濾器、子元素過濾器。3.簡(jiǎn)答題為什么要使用jQuery選擇器？代碼更簡(jiǎn)單。支持CSS1到CSS3選擇器。完善的處理機(jī)制。（2）簡(jiǎn)述使用ID選擇器獲取文本框內(nèi)容的過程。ID選擇器的使用方法如下：$("#id");（3）如何篩選頁面中某元素的同輩元素？prev～siblings選擇器（4）分別使用原生JavaScript方法和jQuery方法獲取頁面中顯示和隱藏的input元素的值。document.getElementById("mr").value$("#mr").val()（5）選擇器中含有特殊符號(hào)時(shí)需要注意哪些事項(xiàng)？轉(zhuǎn)義特殊字符。如果選擇器中包含了特殊字符，例如點(diǎn)、括號(hào)、冒號(hào)等，需要使用反斜杠對(duì)其進(jìn)行轉(zhuǎn)義，否則選擇器可能無法正常工作。注意選擇器的優(yōu)先級(jí)。如果選擇器中含有多個(gè)特殊符號(hào)，jQuery會(huì)按照一定的優(yōu)先級(jí)解析選擇器。第四單元1.選擇題（1）下列（B）不是DOM操作的分類。A.DOM

CoreB.CSS3-DOMC.HTML-DOMD.CSS-DOM（2）下列關(guān)于jQuery對(duì)元素內(nèi)容和值進(jìn)行操作說法有誤的是（C）。A.text()和text(val)用于對(duì)文本內(nèi)容進(jìn)行操作B.text(val)用于設(shè)置全部匹配元素的文本內(nèi)容C.html()用于獲取所有匹配元素的HTML內(nèi)容D.val()獲取第1個(gè)匹配元素的當(dāng)前值（3）下列關(guān)于jQuery對(duì)元素的CSS樣式進(jìn)行操作說法有誤的是（A）。A.addClass(class)第1個(gè)元素添加CSS類名B.removeClass(class)移除所有CSS類名C.toggleClass(class)存在就刪除CSS類D.hasClass(class)判斷是否包含指定樣式2.填空題（1）DOM是文檔對(duì)象模型根據(jù)W3CDOM規(guī)范為文檔提供了一種結(jié)構(gòu)化表示方法，通過該方法可以改變文檔的內(nèi)容和展示形式。（2）jQuery在元素內(nèi)部插入的方法包括：append(content)、appendTo(content)、prepend(content)、prependTo(content)。（3）jQuery對(duì)元素屬性進(jìn)行操作包括：attr(name)、removeAttr(name)、prop(name|properties|key,value|fn)、removeProp(name)。3.簡(jiǎn)答題（1）說明使用對(duì)HTML內(nèi)容進(jìn)行操作的主要步驟。text()用于獲取全部匹配元素的文本內(nèi)容。text(val)用于設(shè)置全部匹配元素的文本內(nèi)容。html()用于獲取第1個(gè)匹配元素的HTML內(nèi)容。html(val)用于設(shè)置全部匹配元素的HTML內(nèi)容。（2）簡(jiǎn)述創(chuàng)建DOM節(jié)點(diǎn)的過程。創(chuàng)建節(jié)點(diǎn)（創(chuàng)建元素節(jié)點(diǎn)、創(chuàng)建文本節(jié)點(diǎn)和創(chuàng)建屬性節(jié)點(diǎn)）。添加節(jié)點(diǎn)屬性（attr(name)等）。加入文檔中（append()等）。（3）append()方法和appendTo()方法的區(qū)別有哪些？append(content)方法,向每個(gè)匹配的元素內(nèi)部追加內(nèi)容。appendTo(expr)方法,把所有匹配的元素追加到指定的元素元素集合中。（4）描述刪除DOM節(jié)點(diǎn)的幾種方法以及具體如何實(shí)現(xiàn)。３種刪除節(jié)點(diǎn)的方法，分別是remove()、detach()和empty()方法。remove()方法用于從DOM中刪除所有匹配的元素。detach()方法和remove()方法一樣，也是刪除DOM中匹配的元素。empty()方法并不是刪除元素節(jié)點(diǎn)，而是將節(jié)點(diǎn)清空。（5）如何修改一個(gè)特定元素的CSS樣式？addClass(class)為所有匹配的元素添加指定的CSS類名。第五單元1.選擇題（1）下列（D）不是jQuery事件綁定操作。A.onB.offC.oneD.onclick（2）下列關(guān)于jQuery淡入淡出動(dòng)畫效果的方法說法有誤的是（C）。A.fadeIn()淡入操作B.fadeOut()淡出操作C.fadeTo()顯示隱藏操作D.fadeToggle()淡入淡出操作（3）下列關(guān)于jQuery自定義動(dòng)畫效果提供的方法不包括的是（C）。A.animate()B.stop()C.hide()D.delay()2.填空題（1）頁面加載響應(yīng)事件是$(document).ready()。（2）jQuery滑動(dòng)效果方法包括：slideDown()、slideUp()、slideToggle()。（3）jQuery事件對(duì)象屬性包括：event.type、event.preventDefault()、event.target、event.relatedTarget、event.pageX、event.pageY等。3.簡(jiǎn)答題（1）簡(jiǎn)述$(document).ready()方法和window.onload()方法的區(qū)別。$(document).ready()方法：在Dom加載完后執(zhí)行；window.onload()方法：網(wǎng)頁中所有的元素完全加載到瀏覽器后才執(zhí)行；（2）如何為元素綁定事件和解除綁定的事件？on()、off()（3）模仿鼠標(biāo)指針的懸停事件需要使用什么方法？hover(over,out)（4）簡(jiǎn)述事件捕獲與事件冒泡的主要區(qū)別。冒泡型：從里向外。捕獲型：從外向里。（5）如何對(duì)指定的元素進(jìn)行顯示與隱藏？hide()、show()、\o"toggle([speed],[easing],[fn])"toggle()。（7）如何實(shí)現(xiàn)淡入淡出的動(dòng)畫效果？淡入淡出的動(dòng)畫效果：fadeIn()、fadeOut()、fadeTo()、fadeToggle()。（8）在jQuery中實(shí)現(xiàn)滑動(dòng)效果主要用到哪幾個(gè)方法？滑動(dòng)效果：slideDown()、slideUp()、slideToggle()。（9）如何停止自定義的動(dòng)畫？stop()、finish()。第六單元1.選擇題（1）下列（C）不是表單標(biāo)記<form>的屬性。A.methodB.actionC.typeD.name（2）下列關(guān)于input輸入控件類的type可選值說法有誤的是（D）。A.text文本框B.password密碼框C.submit提交按鈕D.confirm確認(rèn)按鈕（3）下列（D）不是文本域標(biāo)記<textarea>的屬性。A.nameB.rowsC.colsD.option2.填空題（1）在jQuery中獲取文本框的值的方法包括：$("#id").val()、$("#id").attr("value")。（2）菜單和列表標(biāo)記<select>、<option>的屬性包括：name、size、multiple、value、selected。（3）在jQuery中選中單選按鈕和復(fù)選框：$("#id").attr("checked",true)。3.簡(jiǎn)答題（1）簡(jiǎn)述HTML表單元素都有哪些？作用是什么？<form>:定義供用戶輸入的表單。<fieldset>:定義域。<legend>：定義域的標(biāo)題。<label>：定義一個(gè)控制的標(biāo)簽。<input>:定義輸入域。<textarea>:定義文本域。<button>:定義一個(gè)按鈕。<optgroup>:定義選項(xiàng)組。<select>:定義一個(gè)選擇列表。<option>:定義下拉列表中的選項(xiàng)。<datalist>定義填寫一個(gè)input時(shí)，提示幾個(gè)datalist內(nèi)的多個(gè)option用于選擇。<output>表示計(jì)算的結(jié)果。（2）描述制作一個(gè)高度可變的評(píng)論框的流程。參照：6.2.2操作文本域-文本域的高度變化-【例6-10】。（3）如何控制復(fù)選框的全選、全不選和反選？參照：6.2.3操作單選按鈕和復(fù)選框-判斷選擇狀態(tài)-【例6-12】。（4）簡(jiǎn)述使用jQuery實(shí)現(xiàn)表單驗(yàn)證的流程。參照：6.2.5表單驗(yàn)證【例6-14】。（5）表格的篩選是如何實(shí)現(xiàn)的？主要用到了什么方法？$("tabletbodytr").hide().filter(":contains('"+($(this).val())+"')").show();用來將<tbody>下的全部<tr>元素隱藏，再將內(nèi)容包含關(guān)鍵字的行顯示。第七單元1.選擇題（1）下列（D）不是Ajax技術(shù)的優(yōu)點(diǎn)。A.減輕服務(wù)器和帶寬的負(fù)擔(dān)B.頁面顯示和數(shù)據(jù)的分離C.沒有平臺(tái)限制D.破壞瀏覽器“前進(jìn)”“后退”按鈕的正常行為（2）下列關(guān)于jQuery中的Ajax應(yīng)用說法有誤的是（C）。A.load()方法獲取數(shù)據(jù)B.$.post()方法請(qǐng)求數(shù)據(jù)C.$.getScript()方法加載JSON文件D.$.getJSON()方法加載JSON文件（3）下列（D）不是Ajax的全局事件。A.ajaxCompleteB.ajaxSendC.ajaxStopD.ajaxFinish2.填空題（1）Ajax是AsynchronousJavaScriptandXML的縮寫，意思是異步的JavaScript和XML。Ajax并不是一門新的語言或技術(shù)，它是JavaScript、XML、CSS、DOM等多種已有技術(shù)的組合，可以實(shí)現(xiàn)客戶端的異步請(qǐng)求操作。（2）AppServ是PHP網(wǎng)頁建站工具組合包，可以方便初學(xué)者快速完成建站，AppServ所包含的軟件有Apache、PHP、MySQL、phpMyadmin等。（3）XMLHttpRequest對(duì)象提供了用于指定狀態(tài)改變時(shí)所觸發(fā)的事件處理器的屬性onreadystatechange。3.簡(jiǎn)答題（1）Ajax相對(duì)于傳統(tǒng)開發(fā)模式有哪些優(yōu)點(diǎn)？可以把一部分以前由服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)移到客戶端，利用客戶端閑置的資源進(jìn)行處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和成本。無刷新更新頁面，從而使用戶不用再像以前一樣在服務(wù)器處理數(shù)據(jù)時(shí)，只能在死板的白屏前焦急地等待。Ajax使用XMLHttpRequest對(duì)象發(fā)送請(qǐng)求并得到服務(wù)器響應(yīng)，在不需要重新載入整個(gè)頁面的情況下，就可以通過DOM及時(shí)將更新的內(nèi)容顯示在頁面上?？梢哉{(diào)用XML等外部數(shù)據(jù)，進(jìn)一步促進(jìn)頁面顯示和數(shù)據(jù)的分離。基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序，即可輕松實(shí)現(xiàn)桌面應(yīng)用程序的效果。Ajax沒有平臺(tái)限制。Ajax把服務(wù)器的角色由原本傳輸內(nèi)容轉(zhuǎn)變?yōu)閭鬏敂?shù)據(jù)，而數(shù)據(jù)格式則可以是純文本格式和XML格式，這兩種格式?jīng)]有平臺(tái)限制。（2）如何使用傳統(tǒng)JavaScript從服務(wù)器端獲取文本？參照：7.3通過JavaScript應(yīng)用Ajax-【例7-1】。（3）如何載入HTML文檔？參照：7.4.1load()方法-載入HTML文檔-【例7-2】。（4）請(qǐng)描述使用$.post()方法請(qǐng)求數(shù)據(jù)的具體過程。參照：7.4.3使用$.post()方法請(qǐng)求數(shù)據(jù)-【例7-5】。（5）在提交Ajax請(qǐng)求時(shí)，如果表單字段過多，應(yīng)該使用什么方式進(jìn)行處理？jQuery引入serialize()方法，與其他方法一樣，serialize()方法也是作用于一個(gè)jQuery對(duì)象，它可以將DOM元素內(nèi)容序列化為字符串，用于Ajax請(qǐng)求。（6）ajaxStart事件和ajaxStop事件分別在什么情況下被觸發(fā)？當(dāng)請(qǐng)求開始時(shí)，會(huì)觸發(fā)ajaxStart()方法的回調(diào)函數(shù)。當(dāng)請(qǐng)求結(jié)束時(shí)會(huì)觸發(fā)ajaxStop()方法的回調(diào)函數(shù)。第八單元1.選擇題（1）下列（D）不是jQueryUI的特點(diǎn)。A.簡(jiǎn)單易用B.開源免費(fèi)C.廣泛兼容D.代碼復(fù)雜（2）下列（D）不是jQueryUI的常用插件。A.折疊面板（Accordion）的使用B.日期選擇器（Datepicker）的使用C.進(jìn)度條（Progressbar）的使用D.滑塊視圖容器（Swiper）的使用（3）下列關(guān)于jQueryUI的特效說法有誤的是（B）A.拖動(dòng)特效（Draggable）B.擦除特效（Droppable）C.選擇特效（Selectable）D.排序特效（Sortable）2.填空題（1）在DownloadBuilder頁面中可供下載的有：jQueryUI版本、核心（UICore）、交互部件（Interactions）、小部件（Widgets）和效果庫(kù)（Effects）。（2）jQueryUI最新版本：jQueryUI1.13.2，要求jQuery版本1.8及以上版本。（3）jQueryUI常用插件包括：折疊面板（Accordion）、自動(dòng)完成（Autocomplete）、按鈕（Button）、日期選擇器（Datepicker）、對(duì)話框（Dialog）、菜單（Menu）、進(jìn)度條（Progressbar）、滑塊（Slider）、旋轉(zhuǎn)器（Spinner）、標(biāo)簽頁（Tabs）、工具提示框（Tooltip）、復(fù)選框單選按鈕（Checkboxradio）、組件控制組（Controlgroup）、鼠標(biāo)（Mouse）、選擇菜單（Selectmenu）等。3.簡(jiǎn)答題（1）如何在程序中使用jQueryUI？在HTML網(wǎng)頁的<head>區(qū)域添加jquery-ui.css文件、jquery-ui.js文件及external/jquery文件夾下jquery.js文件的引用。代碼如下：<linkrel="stylesheet"href="jquery-ui-1.13.2.custom/jquery-ui.css"/><scriptsrc="jquery-ui-1.13.2.custom/external/jquery/jquery.js"></script><scriptsrc="jquery-ui-1.13.2.custom/jquery-ui.js"></script>（2）請(qǐng)簡(jiǎn)單描述jQueryUI插件的工作原理。安裝：當(dāng)插件安裝時(shí)，生命周期開始，只需要在一個(gè)或多個(gè)元素上調(diào)用插件，即安裝了插件。方法：所有初始化后的動(dòng)作都以方法調(diào)用的形式進(jìn)行。事件：都有跟它們各種行為相關(guān)的事件，用于在狀態(tài)改變時(shí)通知用戶。（3）請(qǐng)列舉jQueryUI中包含的5種插件名稱。折疊面板（Accordion）、自動(dòng)完成（Autocomplete）、按鈕（Button）、日期選擇器（Datepicker）、對(duì)話框（Dialog）、菜單（Menu）、進(jìn)度條（Progressbar）、滑塊（Slider）、旋轉(zhuǎn)器（Spinner）、標(biāo)簽頁（Tabs）、工具提示框（Tooltip）、復(fù)選框單選按鈕（Checkboxradio）、組件控制組（Controlgroup）、鼠標(biāo)（Mouse）、選擇菜單（Selectmenu）等。（4）如果要在網(wǎng)頁中顯示一個(gè)日期選擇器，需要使用jQueryUI中的哪種插件？日期選擇器（Datepicker）的插件。（5）要實(shí)現(xiàn)一個(gè)類似百度的搜索框，需要使用何種插件？自動(dòng)完成（Autocomplete）的插件。（6）jQueryUI中的工具提示框相對(duì)于傳統(tǒng)的工具提示框有何優(yōu)點(diǎn)？Tooltip替代了原生的工具提示框，讓它們可主題化，也允許進(jìn)行各種自定義。第九單元1.選擇題（1）下列（D）不是uploadify插件（文件上傳）的屬性。A.autoB.buttonTextC.methodD.position（2）下列關(guān)于zTree插件的主要特點(diǎn)說法有誤的是（C）。A.采用了延遲加載技術(shù)B.支持JSON數(shù)據(jù)C.支持XML數(shù)據(jù)D.支持靜態(tài)和Ajax異步加載節(jié)點(diǎn)數(shù)據(jù)（3）下列（D）不是NivoSlider插件的屬性。A.effectB.slicesC.animSpeedD.autoplay2.填空題（1）jQuery插件是一種用來提高網(wǎng)站開發(fā)效率的、已經(jīng)封裝好的JavaScript腳本庫(kù)，由于jQuery的開源特性，現(xiàn)在有很多第三方的jQuery插件可供開發(fā)人員直接使用。（2）jQuery插件的主要特點(diǎn)包括：提高Web網(wǎng)站的開發(fā)效率、高度集成，使用方便、根據(jù)自身需求進(jìn)行修改，增強(qiáng)擴(kuò)展性、界面美觀。（3）常用的第三方j(luò)Query插件包括：uploadify、zTree、NivoSlider、Pagination、BootstrapStarRating、EasyZoom、lazyload、NotesForLightBox、jCarousel、Password-Strength、ColorPicker、jQZoom。3.簡(jiǎn)答題（1）簡(jiǎn)述使用jQuery插件的優(yōu)點(diǎn)。提高Web網(wǎng)站的開發(fā)效率。高度集成，使用方便。根據(jù)自身需求進(jìn)行修改，增強(qiáng)擴(kuò)展性。界面美觀。（2）簡(jiǎn)述使用jQuery插件的主要步驟。參照：9.1.3如何調(diào)用第三方j(luò)Query插件（3）列舉常用的5種第三方j(luò)Query插件。uploadify、zTree、NivoSlider、Pagination、BootstrapStarRating。（4）使用uploadify插件時(shí)，如何限制同時(shí)上傳的文件個(gè)數(shù)？queueSizeLimit 限制每次選擇文件的個(gè)數(shù)。（5）使用NivoSlider插件時(shí)，如何設(shè)置縮略圖導(dǎo)航？參照：9.2.3NivoSlider插件（圖片切換）。（6）如何將Pagination插件的Prev按鈕和Next按鈕設(shè)置為中文顯示？prev_text “前一頁”分頁按鈕上顯示的文字。next_text “下一頁”分頁按鈕上顯示的文字。第十單元1.填空題（1）jQuery延時(shí)加載功能操作：window.setTimeout(function(){},1000);_。（2）移除單詞功能操作：el.html(el.html().replace(/word/ig,""));。（3）驗(yàn)證元素是否在jQuery對(duì)象集合中：if($('#id').length){}。2.簡(jiǎn)答題（1）jQuery中執(zhí)行效率最高的選擇器是哪種？ID選擇器（2）簡(jiǎn)述$(document).ready和$(window).load的區(qū)別。jQuery對(duì)于開發(fā)者來說有一個(gè)很誘人的東西，即可以把任何東西掛到$(document).ready下冒充事件，在大多數(shù)實(shí)例中都會(huì)發(fā)現(xiàn)這樣的情況。盡管$(document).ready確實(shí)很有用，它在頁面渲染時(shí)，其他元素還沒下載完成即可執(zhí)行，如果發(fā)現(xiàn)頁面一直是載入中的狀態(tài)，很有可能是$(document).ready函數(shù)引起的?？梢酝ㄟ^將jQuery函數(shù)綁定到$(window).load事件的方法來減少頁面載入時(shí)的CPU使用率，它會(huì)在所有的html（包括iframe）被下載完成后執(zhí)行。（3）如何緩存jQuery對(duì)象？參照：15．緩存jQuery對(duì)象（4）列舉3種常用的JS壓縮工具。使用Minify（和后端代碼集成）或者使用JSCompressor、YUICompressor或DeanEdwardsJSpacker等在線工具。（5）如何使用jQuery實(shí)現(xiàn)圖片的預(yù)加載？jQuery.preloadImages()（6）如何檢測(cè)瀏覽器是否為IE10瀏覽器？參照：6．檢測(cè)瀏覽器（7）如何切換ID與class？參照：20．ID與Class之間轉(zhuǎn)換（8）描述jQuery版本沖突的解決方案。參照：28．與其他JavaScript類庫(kù)沖突的解決方案第十一單元1.選擇題（1）下列（C）不是HTML5File對(duì)象的主要屬性。A.nameB.typeC.pathD.size（2）下列關(guān)于基于HTML5播放聲音的jQuery插件audioPlay方法參數(shù)說法有誤的是（C）。A.name用在頁面上同時(shí)播放多組元素時(shí)B.urlMp3mp3格式的音頻文件地址C.Clone是否拷貝一個(gè)聲源D.urlOggogg格式的音頻文件地址（3）下列（B）不是localStorage本地存儲(chǔ)的API。A.key(n)B.keys()C.getItem(key)D.removeItem(key)2.填空題（1）HTML5的新特性包括：兼容性、實(shí)用性、用戶優(yōu)先、化繁為簡(jiǎn)、語義化標(biāo)簽、視頻和音頻、Canvas繪圖、表單控件、本地存儲(chǔ)、WebWorkers、地理位置API、WebStorage、WebSocket、多任務(wù)處理、響應(yīng)式設(shè)計(jì)。（2）使用HTML5實(shí)現(xiàn)文件上傳需要使用到：HTMLFileAPI以及XMLHttpRequest對(duì)象。（3）WebStorage功能，是針對(duì)客戶端本地而言的。它包含兩種不同的存儲(chǔ)類型：sessionStorage和localStorage。3.簡(jiǎn)答題（1）簡(jiǎn)述HTML5的新特性。兼容性、實(shí)用性、用戶優(yōu)先、化繁為簡(jiǎn)、語義化標(biāo)簽、視頻和音頻、Canvas繪圖、表單控件、本地存儲(chǔ)、WebWorkers、地理位置API、WebStorage、WebSocket、多任務(wù)處理、響應(yīng)式設(shè)計(jì)。（2）如何使用jQuery+HTML5實(shí)現(xiàn)顯示上傳文件的進(jìn)度？參照：11.2.1顯示文件上傳的進(jìn)度條（3）簡(jiǎn)述HTML5中Canvas元素的主要作用。Canvas元素是HTML5中新增的一個(gè)重要元素，專門用來繪制圖形。在頁面上放置一個(gè)Canvas元素，就相當(dāng)于在頁面上放置了一塊“畫布”，可以在其中進(jìn)行圖形的描繪。（4）如何使用lo

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論