2011 面試題

一、前端技術

  1、ajax原理

Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然後用javascript來操作DOM而更新頁面。這其中最關鍵的一步就是從服務器獲得請求數據。要清楚這個過程和原理，我們必須對 XMLHttpRequest有所瞭解。

XMLHttpRequest是ajax的核心機制，它是在IE5中首先引入的，是一種支持異步請求的技術。簡單的說，也就是javascript可以及時向服務器提出請求和處理響應，而不阻塞用戶。達到無刷新的效果。

所以我們先從XMLHttpRequest講起，來看看它的工作原理。

首先，我們先來看看XMLHttpRequest這個對象的屬性。

它的屬性有：

onreadystatechange 每次狀態改變所觸發事件的事件處理程序。

responseText     從服務器進程返回數據的字符串形式。

responseXML    從服務器進程返回的DOM兼容的文檔數據對象。

status           從服務器返回的數字代碼，比如常見的404（未找到）和200（已就緒）

status Text       伴隨狀態碼的字符串信息

readyState       對象狀態值

0 (未初始化) 對象已建立，但是尚未初始化（尚未調用open方法）

1 (初始化) 對象已建立，尚未調用send方法

2 (發送數據) send方法已調用，但是當前的狀態及http頭未知

3 (數據傳送中) 已接收部分數據，因爲響應及http頭不全，這時通過responseBody和responseText獲取部分數據會出現錯誤，

4 (完成) 數據接收完畢,此時可以通過通過responseXml和responseText獲取完整的迴應數據

 

2、ajax的優點

   Ajax的給我們帶來的好處大家基本上都深有體會，在這裏我只簡單的講幾點：

    1、最大的一點是頁面無刷新，在頁面內與服務器通信，給用戶的體驗非常好。

    2、使用異步方式與服務器通信，不需要打斷用戶的操作，具有更加迅速的響應能力。

　 3、可以把以前一些服務器負擔的工作轉嫁到客戶端，利用客戶端閒置的能力來處理，減輕服務器和帶寬的負擔，節約空間和寬帶租用成本。並且減輕服務器的負擔，ajax的原則是“按需取數據”，可以最大程度的減少冗餘請求，和響應對服務器造成的負擔。

    4、基於標準化的並被廣泛支持的技術，不需要下載插件或者小程序。

 

a.創建XMLHttpRequest對象

<mce:script language="javascript"><!-- var xmlHttp = null; try { // Firefox, Opera 8.0+, Safari 非IE瀏覽器 xmlHttp=new XMLHttpRequest(); } catch (e) { //IE瀏覽器 try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } // --></mce:script>

b、請求webServer

function makerequest(serverPage, objID) { //將要被替換的頁面位置obj var obj = document.getElementById(objID); //發出頁面（serverPage）請求 xmlhttp.open("GET", serverPage); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { //將服務器返回的信息替換到頁面位置obj obj.innerHTML = xmlhttp.responseText; } } xmlhttp.send(null); }

 

      2、ajax應用場景

場景1.數據驗證 在填寫表單內容時，需要保證數據的唯一性（例如新用戶註冊填寫的用戶名），因此必須對用戶輸入的內容進行數據驗證。

場景2.按需取數據 分類樹或者樹形結構在web應用系統中使用得非常廣泛，例如部門結構，文檔得分類結構常常使用樹形空間呈現。

場景3.自動更新頁面 在web應用中有很多數據的變化時十分迅速的，例如最新的熱點新聞，天氣預報以及聊天室內容等。在Ajax出現之前，用戶爲了即使瞭解相應的內容必須不斷刷新頁面，查看是否有新的內容變化，或者頁面本身實現定時刷新的功能（大多數聊天室頁面就是這樣做的）。

 

      3、js面向對象

 

      4、js作用域

// 一 js作用域例子 var scope = "global"; var scope2 = "global-scope2" var f1 = function(){ var scope = "function1"; var scope2 = "function1-scope2"; return (function(){ var scope = "function2"; return function(){ alert(scope); alert(scope2); } })(); } f1(); // 結果： function2 function1-scope2 // 說明： 全局作用域-> f1的作用域 ->f2的作用域-> f3的作用域。對於變量scope，先在f3作用域內找，沒找到，往外，在f2作用域裏找到，使用該值，所以打出的值爲 function2。對於scope2,先在f3找，沒找到，住外，在f2找，還是沒找到，再往外，在f1找，找到，使用該值，所以打出的值爲 function1-scope2。 // 二 js作用域特性 var a = 100; function testResult(){ var b = 2 * a; var a = 200; var c = a / 2; alert(b); alert(c); } testResult() // 結果： NaN 100 // 說明：當全局變量和局部變量同名的時候，全局變量是不會主用於同名局部變量的作用域的。也就是說var a=100是不會作用於testResult這個函數中的。

 

 

二、代碼能力

      1、冒泡算法

 

      2、例：如有AAABBBAAAisisisiAAACCC這樣一串字符，將前兩個AAA替換爲ZZZ

 

      3、寫個矩型類，再寫個彩色矩型類繼承上個矩型；

 

      4、

 

 

三、數據庫

      1、靜態列交叉表 + 動態列交叉表