1. HTML5
1.1.簡要描述 HTML5中的本地存儲
參考答案：
很多時候我們會存儲用戶本地信息到電腦上，例如：比方說用戶有一個填充了一半的長
表格，然后突然網絡連接斷開了，這樣用戶希望你能存儲這些信息到本地，當網絡恢復的時
他想獲取這些信息然后發送到服務器進行存儲。
現代瀏覽器擁有的存儲被叫做“Local Storage”，用於存儲這些信息。
1.2.簡要描述 HTML5中 Canvas的作用
參考答案：
Canvas是 HTML5出現的新標簽，擁有自己的屬性、方法和事件，其中就有繪圖的方
J ava Sc ri pt 能夠調用它在網頁上完成繪圖。
Canvas也是 HTML5中最強大的特性之一，允許開發者使用動態和交互式可視化方法
在 Web上實現桌面應用程序的功能。
1.3. HTML5有哪些不同類型的存儲？
參考答案：
HTML5支持本地存儲，在之前的版本中是通過 Cookie實現的。 HTML5本地存儲速
度快而安全。
有兩種不同的對象可用來存儲數據：
localStorage：適用於長期存儲數據，瀏覽器關閉后數據不丟失； sessionStorage：存儲的數據在瀏覽器關閉后自動刪除。
1.4.除了音頻和視頻， HTML5還支持其他什么新的媒體元素？
參考答案：
HTML5對媒體支持很強，除了 audio和 video外，還提供：
<embed>：作為外部應用的容器； <track>：定義媒體的文本跟蹤； <source>：多種媒體源的支持。
1.5. HTM L5應用緩存是什么
參考答案：
常用於實現用戶的離線瀏覽。如果網絡連接不可用，頁面應該來自瀏覽器緩存，離線應用緩存可以幫助你達到這個目的。
應用緩存可以幫助你指定哪些文件需要緩存，哪些不需要。
1.6.什么是 Web Worker？為什么我們需要他們？
參考答案：
查看如下代碼（模擬會執行上百萬次的繁重代碼）：
function test( ) {
for(i=0;i< 10000000000; i++){
x=x+i;
}
}
如果上述代碼在 HTML按鈕點擊以后執行，這種執行是同步的，即，瀏覽器必須等到此執行完畢之后才能進行其他操作。因為此操作耗時較長，那么這個操作會導致瀏覽器凍結並且沒有響應，而且屏幕還會出現異常信息。
如果可以將這些繁重的代碼移動到 Javascript文件中，並采用異步的方式運行，就可以解決這個問題。 這就是 web worker的作用。 Web Worker用於異步執行 JavaScript文件，提高瀏覽器的敏捷度。
1.7. HTM L5應用程序緩存和瀏覽器緩存有什么區別
參考答案：
應用程序緩存是 HTM L5的重要特性之一，提供了離線使用功能，讓應用程序可以獲取本地的網站內容，例如 HTML、 CSS、圖片以及 Javascript。這個特性可以提高網站性能，它的實現借助於 manifest文件，代碼如下：
<!doctype html>
<html manifest="example. appcache"> ....
JQU E RY而3
</html>
與傳統瀏覽器緩存相比，它不強制用戶訪問的網站內容被緩存。
1.8.簡要描述 HTML5中新增的表單元素
參考答案：
datalist，datetime， output， date， month，week，time，color， number， range，
email， url， search等。
2.jquery
2.1. body中的 onload()函數和 jQuery中的$(document).ready()有什么區別
參考答案：
onload（）和 document.ready（）的區別如下：
可以在頁面中使用多個document.ready()，但只能使用一次onload()； document.ready()函數在頁面 DOM元素加載完成以后就會被調用，
onload()函數則要在所有的關聯資源（包括圖像，音頻）加載完畢才會調用。
2.2. jQue ry中有哪幾種類型的選擇器
參考答案：
有3種類型的選擇器，如下：
基本選擇器：直接根據 id， css類名，元素名返回 dom元素；
層次選擇器：也叫做路徑選擇器，可以根據路徑層次來選擇相應的dom元素；
過濾選擇器：在前面的基礎上過濾相關條件，得到匹配的 dom元素。
2.3.jQuery的美元符號$有什么作用？
參考答案：
美元符號$是'jQuery'的別名，它是jQuery選擇器，查看如下代碼：
$ (document) .ready(function( ) { } ) ;
4
也可以用 jQue ry來替代
jQuery(document) .ready(function( ) { }) ;
2.4.jQuery中的 Delegate（）函數有什么作用？
參考答案：
delegate()會在以下兩個情況下使用到：
當需要給父元素其下的子元素添加事件時，代碼如下：
Html代碼
$ ("ul") .delegate("li", "click", function() { $ (this) .hide() ;
});
當元素在當前頁面中不可用時，可以使用 delegate()
3. AJAX
3.1.請寫出至少5種常見的 http狀態碼以及代表的意義
參考答案：
5種常見的 http狀態碼以及代表的意義如下：
200（ OK）：請求已成功，請求所希望的響應頭或數據體將隨此響應返回。
303（ See Other）：告知客戶端使用另一個 URL來獲取資源。
400（ Bad Request）：請求格式錯誤。1)語義有誤，當前請求無法被服務器
理解。除非進行修改，否則客戶端不應該重復提交這個請求；2)請求參數有誤。 404（ Not Found）：請求失敗，請求所希望得到的資源未被在服務器上發現。 500（ Internal Server Error）：服務器遇到了一個未曾預料的狀況，導致了它
無法完成對請求的處理。
3.2.簡要描述你對 AJAX的理解
參考答案：
AJAX的全稱是“Asynchronous JavaScript and XML”，即異步的 JavaScript和XM L。 它是指一種創建交互式網頁應用的網頁開發技術，可以實現頁面的異步請求和局部刷新。
5
AJAX包含下列技術：
基於 web標准 XHTML+CSS的表示
使用 DOM（ Document ObjectModel）進行動態顯示及交互 使用 XML和 XSLT進行數據交換及相關操作
使用 XMLHttpRequest進行異步數據查詢、檢索
3.3.請介紹一下 XMLHttprequest對象
參考答案：
AJAX的核心是 JavaScript對象XmlHttpRequest。 該對象在 Internet Explorer5中
首次引入，它是一種支持異步請求的技術。簡而言之，Xml HttpRequest可以使用 JavaScript
向服務器提出請求並處理響應，而不阻塞用戶。通過 XMLHttpRequest對象， Web開發
人員可以在頁面加載以后進行頁面的局部更新。
3.4. AJAX應用和傳統 Web應用有什么不同
參考答案：
在傳統的 Javascript編程中，如果想得到服務器端數據庫或文件上的信息，或者發送
客戶端信息到服務器，需要建立一個 HTM L form然后 GET或者 POST數據到服務器端。
用戶需要點擊“Submit”按鈕來發送或者接受數據信息，然后等待服務器響應請求，頁面
重新加載。因為服務器每次都會返回一個新的頁面， 所以傳統的 web應用有可能很慢而且
用戶交互較差。
使用 AJAX技術， 就可以使 Javascript通過 XMLHttpRequest對象直接與服務器進
行交互。通過 HTTP Request， 一個web頁面可以發送一個請求到 web服務器並且接受
web服務器返回的信息(不用重新加載頁面)，展示給用戶的還是同一個頁面，但是只實現頁
面的局部刷新，從而提高體驗度。
3.5.介紹一下 XM LHttpRequest對象的常用方法和屬性
參考答案：
open(“method”,” URL”) ：建立對服務器的調用，第一個參數是 HTTP
請求方式（可以為 GET， POST或任何服務器所支持的您想調用的方式）， 第
二個參數是請求頁面的 URL；
send()方法：發送具體請求；
abort()方法：停止當前請求；
readyState屬性：請求的狀態，有5個可取值（ 0=未初始化，1=正在加載，
},error: function( ) {window.alert( "系統錯誤" ) ;}6
2=以加載，3=交互中，4=完成）；
responseText屬性：服務器的響應，表示為一個串； reponseXML屬性：服務器的響應，表示為XML； status屬性：服務器的 HTTP狀態碼。
3.6.簡述 AJAX的交互模型，以及同步和異步的區別
參考答案：
AJAX主要用於實現從服務器獲取數據並局部刷新頁面。其交互模型為， AJAX在瀏覽器端引入一個執行引擎，它一邊接收 user的請求，一邊傳送數據給服務器，並把服務器端返回的結果展現給 u se r。
同步：腳本會停留並等待服務器發送回復然后繼續。
異步：腳本不停留並處理可能的回復。
3.7.現需要使用 jQuery代碼實現 ajax請求，詳細信息如下：
請求的 url ： carinfo.do
發送方式： post
發送數據： id為 s1的文本框的值
返回數據： json格式
請求成功：將返回數據寫入id為 s2的文本框中請求失敗：彈出文本“系統錯誤”
請提供代碼實現上述功能。
參考答案：
$.ajax({
url: "carinfo. do",
type: "post" ,
data:$ ("#s1") .val() ,
dataType: "j son" ,
success:function(resText) {
$ ("#s2") .val(resText) ;
});
3.8. AJAX都有哪些優點和缺點
參考答案：
優點：
頁面局部刷新，提高用戶體驗度；
使用異步方式與服務器通信，具有更加迅速的響應能力；
減輕服務器負擔；
基於標准化的並被廣泛支持的技術，不需要下載插件或者小程序。
缺點：
不支持瀏覽器 back按鈕；
安全問題；