標籤：表格 erro err 引入 圖片 local 符號 web頁面 delegate
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按鈕；
? 安全問題；
HTML5.與JQUERY與AJAX常見面試題
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
