web前端面試題及答案

引導語：瞭解一些面試題及答案，可以幫助自己順利通過面試哦。以下是小編為大家整理的web前端面試題及答案，供各位參考。

1、怎樣添加、移除、移動、複製、創建和查找節點？

創建新節點：

creatDocumentFragment()，創建一個DOM片段。

creatElement()，創建一個具體的元素。

creatTextNode()，創建一個文本節點。

添加、移除、替換、插入：

appendChild()，添加。

removeChild()，移除。

replaceChild()，替換。

Before()，插入。

查找：

getElementsByTagName()，通過標簽名稱。

getElementsByName()，通過元素的Name屬性的值。

getElementById()，通過元素id，唯一性。

2、JS中什麼是偽數組？如何將偽數組轉化為標準數組？

偽數組（類數組）：無法直接調用數組方法或期望length屬性有什麼特殊的行為。但仍可以對真正數組遍歷方法來遍歷它們。典型的是函數的arguement參數，還有像調用getElementsByTagName()、dNodes()之類的`，它們都返回NodeList對象，都屬於偽數組。可以用(fakeArray)將數組轉化為真正的Array對象。

　3、JS中callee和caller的作用。

caller是返回一個對函數的引用，該函數調用了當前函數；

callee是返回正在被執行的函數，也就是所指定的function對象的正文。

　4、請説出三種減低頁面加載時間的方法。

1.壓縮CSS、JS文件。

2.合併JS、CSS文件，減少HTTP請求。

3.外部JS、CSS文件放最底下。

4.減少DOM的操作，儘可能用變量替代不必要的DOM操作。

　5、為什麼用多個域名來存儲網絡資源會更有效？

確保用户在不同地區用最快的速度打開網站，其中某個域名崩潰，用户也能通過其他域名訪問網站。

6、如何消除一個數組裏面重復的元素？

indexOf():返回某個指定的字符串值在字符串中首次出現的位置，對大小寫敏感，若沒有，則返回-1。

　7、寫一個function，清除字符串前後的空格（兼容所有的瀏覽器）。

8、統計字符串中字母個數或統計最多字母數。

At(i)：返回指定位置的字符，i在0~th之間，如果i不在0~th之間，該方法返回一個空字符串。

　9、截取字符串"abcdefg"中的"egf"。

　10、實現一個函數clone，可以對JS中的5種主要的數據類型（包括Number、String、Object、Array、Boolean）進行值複製。

　11、JS中如何檢測一個變量是string類型？

typeof(obj)=="string";

tructor==string;

　12、寫出三個使用this的典型應用。

事件：onclick this，發生事件的對象；

構造函數：this，new出來的object；

call/apply：改變this；

13、網頁中實現一個計算當年還剩多少時間的倒計時程序，要求網頁上實時動態顯示“xx年還剩xx天xx時xx分xx秒”。