前端開發(fā)的面試題

時間：2025-11-17 14:21:24 晶敏網頁設計

前端開發(fā)的面試題

　　當我們在一個新環(huán)境中，時常要進行自我介紹，自我介紹是讓陌生人彼此認識的好方法。那么自我介紹有什么格式呢？以下是小編幫大家整理的前端開發(fā)的面試題，希望對大家有所幫助。

前端開發(fā)的面試題

　　web前端面試題

　　以下是收集一些面試中經常會遇到的經典面試題以及自己面試過程中無法解決的問題，通過對知識的整理以及經驗的總結，重新鞏固自身的前端基礎知識。

　　1.對WEB標準以及W3C的理解與認識

　　標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維護、改版方便，不需要變動頁面內容、提供打印版本而不需要復制內容、提高網站易用性;

　　2.xhtml和html有什么區(qū)別

　　HTML是一種基本的WEB網頁設計語言，XHTML是一個基于XML的置標語言

　　最主要的不同：

　　XHTML 元素必須被正確地嵌套。

　　XHTML 元素必須被關閉。

　　標簽名必須用小寫字母。

　　XHTML 文檔必須擁有根元素。

　　3.Doctype? 嚴格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?

　　用于聲明文檔使用那種規(guī)范(html/Xhtml)一般為嚴格過度基于框架的html文檔

　　加入XMl聲明可觸發(fā)，解析方式更改為IE5.5 擁有IE5.5的bug

　　4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?

　　塊級元素：div p h1 h2 h3 h4 form ul

　　行內元素: a b br i span input select

　　Css盒模型:內容，border ,margin，padding

　　5.CSS引入的方式有哪些? link和@import的區(qū)別是?

　　內聯(lián) 內嵌外鏈導入

　　區(qū)別：同時加載

　　前者無兼容性，后者CSS2.1以下瀏覽器不支持

　　Link 支持使用javascript改變樣式，后者不可

　　6.CSS選擇符有哪些?哪些屬性可以繼承?優(yōu)先級算法如何計算?內聯(lián)和important哪個優(yōu)先級高?

　　標簽選擇符類選擇符 id選擇符

　　繼承不如指定 Id>class>標簽選擇

　　后者優(yōu)先級高

　　7.前端頁面有哪三層構成，分別是什么?作用是什么?

　　結構層 Html 表示層 CSS 行為層 js

　　8.css的基本語句構成是?

　　選擇器{屬性1:值1;屬性2:值2;……}

　　9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?

　　Ie(Ie內核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

　　10.寫出幾種IE6 BUG的解決方法

　　1.雙邊距BUG float引起的使用display

　　2.3像素問題使用float引起的使用dislpay:inline -3px

　　3.超鏈接hover 點擊后失效使用正確的書寫順序 link visited hover active

　　4.Ie z-index問題給父級添加position:relative

　　5.Png 透明使用js代碼改

　　6.Min-height 最小高度 !Important 解決’

　　7.select 在ie6下遮蓋使用iframe嵌套

　　8.為什么沒有辦法定義1px左右的寬度容器(IE6默認的行高造成的，使用over:hidden,zoom:0.08 line-height:1px)

　　11.標簽上title與alt屬性的區(qū)別是什么?

　　Alt 當圖片不顯示是用文字代表。

　　Title 為該屬性提供信息

　　12.描述css reset的作用和用途。

　　Reset重置瀏覽器的css默認屬性瀏覽器的品種不同，樣式不同，然后重置，讓他們統(tǒng)一

　　13.解釋css sprites，如何使用。

　　Css 精靈把一堆小的圖片整合到一張大的圖片上，減輕服務器對圖片的請求數量

　　14.瀏覽器標準模式和怪異模式之間的區(qū)別是什么?

　　盒子模型渲染模式的不同

　　使用 window.top.document.compatMode 可顯示為什么模式

　　15.你如何對網站的文件和資源進行優(yōu)化?期待的解決方案包括：

　　文件合并

　　文件最小化/文件壓縮

　　使用CDN托管

　　緩存的使用

　　16.什么是語義化的HTML?

　　直觀的認識標簽對于搜索引擎的抓取有好處

　　17.清除浮動的幾種方式，各自的優(yōu)缺點

　　1.使用空標簽清除浮動 clear:both(理論上能清楚任何標簽，增加無意義的標簽)

　　2.使用overflow:auto(空標簽元素清除浮動而不得不增加無意代碼的弊端,,使用zoom:1用于兼容IE)

　　3.是用afert偽元素清除浮動(用于非IE瀏覽器)

　　Javascript

　　1.javascript的typeof返回哪些數據類型

　　Object number function boolean underfind

　　2.例舉3種強制類型轉換和2種隱式類型轉換?

　　強制(parseInt,parseFloat,number)

　　隱式(== – ===)

　　3.split() join() 的區(qū)別

　　前者是切割成數組的形式，后者是將數組轉換成字符串

　　4.數組方法pop() push() unshift() shift()

　　Push()尾部添加 pop()尾部刪除

　　Unshift()頭部添加 shift()頭部刪除

　　5.事件綁定和普通事件有什么區(qū)別

　　6.IE和DOM事件流的區(qū)別

　　1.執(zhí)行順序不一樣、

　　2.參數不一樣

　　3.事件加不加on

　　4.this指向問題

　　7.IE和標準下有哪些兼容性的寫法

　　Var ev = ev || window.event

　　document.documentElement.clientWidth || document.body.clientWidth

　　Var target = ev.srcElement||ev.target

　　8.ajax請求的時候get 和post方式的區(qū)別

　　一個在url后面一個放在虛擬載體里面

　　有大小限制

　　安全問題

　　應用不同一個是論壇等只需要請求的，一個是類似修改密碼的

　　9.call和apply的區(qū)別

　　Object.call(this,obj1,obj2,obj3)

　　Object.apply(this,arguments)

　　10.ajax請求時，如何解釋json數據

　　使用eval parse 鑒于安全性考慮使用parse更靠譜

　　11.b繼承a的方法

　　12.寫一個獲取非行間樣式的函數

　　function getStyle(obj,attr,value)

　　{

　　if(!value)

　　{

　　if(obj.currentStyle)

　　{

　　return obj.currentStyle(attr)

　　}

　　else

　　{

　　obj.getComputedStyle(attr,false)

　　}

　　else

　　{

　　obj.style[attr]=value

　　}

　　13.事件委托是什么

　　讓利用事件冒泡的原理，讓自己的所觸發(fā)的事件，讓他的父元素代替執(zhí)行!

　　14.閉包是什么，有什么特性，對頁面有什么影響

　　閉包就是能夠讀取其他函數內部變量的函數。

　　15.如何阻止事件冒泡和默認事件

　　canceBubble return false

　　16.添加刪除替換插入到某個接點的方法

　　obj.appendChidl()

　　obj.innersetBefore

　　obj.replaceChild

　　obj.removeChild

　　17.解釋jsonp的原理，以及為什么不是真正的ajax

　　動態(tài)創(chuàng)建script標簽，回調函數

　　Ajax是頁面無刷新請求數據操作

　　18.javascript的本地對象，內置對象和宿主對象

　　本地對象為array obj regexp等可以new實例化

　　內置對象為gload Math 等不可以實例化的

　　宿主為瀏覽器自帶的document,window 等

　　19.document load 和document ready的區(qū)別

　　Document.onload 是在結構和樣式加載完才執(zhí)行js

　　Document.ready原生種沒有這個方法，jquery中有 $().ready(function)

　　20.”==”和“===”的不同

　　前者會自動轉換類型

　　后者不會

　　21.javascript的同源策略

　　一段腳本只能讀取來自于同一來源的窗口和文檔的屬性，這里的同一來源指的是主機名、協(xié)議和端口號的組合

　　22.編寫一個數組去重的方法

　　function oSort(arr)

　　{

　　var result ={};

　　var newArr=[];

　　for(var i=0;i

　　{

　　if(!result[arr])

　　{

　　newArr.push(arr)

　　result[arr]=1

　　}

　　return newArr

　　}

　　前端面試常見問題

　　1. 常用那幾種瀏覽器測試？有哪些內核(Layout Engine)?

　　(Q1) 瀏覽器：IE，Chrome，FireFox，Safari，Opera。

　　(Q2) 內核：Trident，Gecko，Presto，Webkit。

　　2. 說下行內元素和塊級元素的區(qū)別？行內塊元素的兼容性使用？（IE8 以下）

　　(Q1) 行內元素：會在水平方向排列，不能包含塊級元素，設置width無效，height無效(可以設置line-height)，margin上下無效，padding上下無效。

　　塊級元素：各占據一行，垂直方向排列。從新行開始結束接著一個斷行。

　　(Q2) 兼容性：display:inline-block;*display:inline;*zoom:1;

　　3. 清除浮動有哪些方式？比較好的方式是哪一種？

　　(Q1)

　�。�1）父級div定義height。

　　（2）結尾處加空div標簽clear:both。

　　（3）父級div定義偽類:after和zoom。

　�。�4）父級div定義overflow:hidden。

　�。�5）父級div定義overflow:auto。

　　（6）父級div也浮動，需要定義寬度。

　　（7）父級div定義display:table。

　�。�8）結尾處加br標簽clear:both。

　　(Q2) 比較八好的是第3種方式，好多網站都這么用。

　　4. box-sizing常用的屬性有哪些？分別有什么作用？

　　(Q1)box-sizing: content-box|border-box|inherit;

　　(Q2)content-box:寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框(元素默認效果)。

　　border-box:元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。

　　5. Doctype作用？標準模式與兼容模式各有什么區(qū)別?

　　(Q1) 告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。

　　(Q2) 標準模式的排版和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。

　　6. HTML5 為什么只需要寫？

　　HTML5不基于 SGML，因此不需要對DTD進行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應該的方式來運行）。

　　而HTML4.01基于SGML,所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。

　　7. 頁面導入樣式時，使用link和@import有什么區(qū)別？

　　（1）link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS;

　�。�2）頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;

　　（3）import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題。

　　8. 介紹一下你對瀏覽器內核的理解？

　　主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和js引擎。

　　渲染引擎：負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。

　　瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。

　　JS引擎則：解析和執(zhí)行javascript來實現網頁的動態(tài)效果。

　　最開始渲染引擎和JS引擎并沒有區(qū)分的很明確，后來JS引擎越來越獨立，內核就傾向于只指渲染引擎。

　　9. html5有哪些新特性？如何處理HTML5新標簽的瀏覽器兼容問題？如何區(qū)分 HTML 和 HTML5？

　　(Q1)

　　HTML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。

　　(1)繪畫 canvas;

　　(2)用于媒介回放的 video 和 audio 元素;

　　(3)本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失;

　　(4)sessionStorage 的數據在瀏覽器關閉后自動刪除;

　　(5)語意化更好的內容元素，比如 article、footer、header、nav、section;

　　(6)表單控件，calendar、date、time、email、url、search;

　　(7)新的技術webworker, websocket, Geolocation;

　　(Q2)

　　IE8/IE7/IE6支持通過document.createElement方法產生的標簽，

　　可以利用這一特性讓這些瀏覽器支持HTML5新標簽，

　　瀏覽器支持新標簽后，還需要添加標簽默認的樣式。

　　當然也可以直接使用成熟的框架、比如html5shim，

　　10. 簡述一下你對HTML語義化的理解？

　　用正確的標簽做正確的事情。

　　html語義化讓頁面的內容結構化，結構更清晰，便于對瀏覽器、搜索引擎解析;

　　即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;

　　搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重，利于seo;

　　使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。

　　JavaScript

　　1. 介紹js的基本數據類型

　　Undefined、Null、Boolean、Number、String

　　2. js有哪些內置對象？

　　數據封裝類對象：Object、Array、Boolean、Number 和 String

　　其他對象：Function、Arguments、Math、Date、RegExp、Error

　　3. this對象的理解

　　this總是指向函數的直接調用者（而非間接調用者）；

　　如果有new關鍵字，this指向new出來的那個對象；

　　在事件中，this指向觸發(fā)這個事件的對象，特殊的是，IE中的attachEvent中的this總是指向全局對象Window。

　　4. eval是做什么的？

　　它的功能是把對應的字符串解析成JS代碼并運行；

　　應該避免使用eval，不安全，非常耗性能（2次，一次解析成js語句，一次執(zhí)行）。

　　由JSON字符串轉換為JSON對象的時候可以用eval，var obj =eval((+ str +))。

　　5. DOM怎樣添加、移除、移動、復制、創(chuàng)建和查找節(jié)點

　　/pic/p>

　　createDocumentFragment() /pic/p>

　　createElement() /pic/p>

　　createTextNode() /pic/p>

　　/pic/p>

　　appendChild()

　　removeChild()

　　replaceChild()

　　Before() /pic/p>

　　/pic/p>

　　getElementsByTagName() /pic/p>

　　getElementsByName() /pic/p>

　　getElementById() /pic/p>

　　6. null和undefined的區(qū)別？

　　null是一個表示"無"的對象，轉為數值時為0；undefined是一個表示"無"的原始值，轉為數值時為NaN。

　　undefined：

　　（1）變量被聲明了，但沒有賦值時，就等于undefined。

　　（2) 調用函數時，應該提供的參數沒有提供，該參數等于undefined。

　　（3）對象沒有賦值的屬性，該屬性的值為undefined。

　�。�4）函數沒有返回值時，默認返回undefined。

　　null：

　　（1）作為函數的參數，表示該函數的參數不是對象。

　�。�2）作為對象原型鏈的終點。

　　7. new操作符具體干了什么呢?

　　（1）創(chuàng)建一個空對象，并且 this 變量引用該對象，同時還繼承了該函數的原型。

　�。�2）屬性和方法被加入到 this 引用的對象中。

　�。�3）新創(chuàng)建的對象由 this 所引用，并且最后隱式的返回 this 。

　　8. JSON 的了解？

　　JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它是基于JavaScript的一個子集。數據格式簡單, 易于讀寫, 占用帶寬小。

　　格式：采用鍵值對，例如：{age:12, name:back}

　　9. call() 和 apply() 的區(qū)別和作用？

　　apply()函數有兩個參數：第一個參數是上下文，第二個參數是參數組成的數組。如果上下文是null，則使用全局對象代替。

　　如：function.apply(this,[1,2,3]);

　　call()的第一個參數是上下文，后續(xù)是實例傳入的參數序列。

　　如：function.call(this,1,2,3);

　　10. 如何獲取UA？

　　function whatBrowser() {

　　document.Browser.Name.value=navigator.appName;

　　document.Browser.Version.value=navigator.appVersion;

　　document.Browser.Code.value=navigator.appCodeName;

　　document.Browser.Agent.value=navigator.userAgent;

　　}

　　其他

　　1. HTTP狀態(tài)碼知道哪些？

　　100 Continue 繼續(xù)，一般在發(fā)送post請求時，已發(fā)送了http header之后服務端將返回此信息，表示確認，之后發(fā)送具體參數信息

　　200 OK 正常返回信息

　　201 Created 請求成功并且服務器創(chuàng)建了新的資源

　　202 Accepted 服務器已接受請求，但尚未處理

　　301 Moved Permanently 請求的網頁已永久移動到新位置。

　　302 Found 臨時性重定向。

　　303 See Other 臨時性重定向，且總是使用 GET 請求新的 URI。

　　304 Not Modified 自從上次請求后，請求的網頁未修改過。

　　400 Bad Request 服務器無法理解請求的格式，客戶端不應當嘗試再次使用相同的內容發(fā)起請求。

　　401 Unauthorized 請求未授權。

　　403 Forbidden 禁止訪問。

　　404 Not Found 找不到如何與 URI 相匹配的資源。

　　500 Internal Server Error 最常見的服務器端錯誤。

　　503 Service Unavailable 服務器端暫時無法處理請求（可能是過載或維護）。

　　2. 你有哪些性能優(yōu)化的方法？

　�。�1）減少http請求次數：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網頁Gzip，CDN托管，data緩存，圖片服務器。

　　（2）前端模板 JS+數據，減少由于HTML標簽導致的帶寬浪費，前端用變量保存ajax請求結果，每次操作本地變量，不用請求，減少請求次數

　�。�3）用innerHTML代替DOM操作，減少DOM操作次數，優(yōu)化javascript性能。

　�。�4）當需要設置的樣式很多時設置className而不是直接操作style。

　�。�5）少用全局變量、緩存DOM節(jié)點查找的結果。減少IO讀取操作。

　　（6）避免使用CSS Expression（css表達式)又稱Dynamic properties(動態(tài)屬性)。

　�。�7）圖片預加載，將樣式表放在頂部，將腳本放在底部加上時間戳。

　　3. 什么叫優(yōu)雅降級和漸進增強？

　　優(yōu)雅降級：web站點在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工作。

　　由于IE獨特的盒模型布局問題，針對不同版本的IE的hack實踐過優(yōu)雅降級了,為那些無法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效。

　　漸進增強：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害于基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時，它們會自動地呈現出來并發(fā)揮作用。

　　4. 哪些常見操作會造成內存泄漏？

　　內存泄漏指任何對象在您不再擁有或需要它之后仍然存在。

　　垃圾回收器定期掃描對象，并計算引用了每個對象的其他對象的數量。如果一個對象的引用數量為 0（沒有其他對象引用過該對象），或對該對象的惟一引用是循環(huán)的，那么該對象的內存即可回收。

　　setTimeout 的第一個參數使用字符串而非函數的話，會引發(fā)內存泄漏。

　　閉包、控制臺日志、循環(huán)（在兩個對象彼此引用且彼此保留時，就會產生一個循環(huán)）。

　　5. 線程與進程的區(qū)別

　　一個程序至少有一個進程,一個進程至少有一個線程。

　　線程的劃分尺度小于進程，使得多線程程序的并發(fā)性高。

　　另外，進程在執(zhí)行過程中擁有獨立的內存單元，而多個線程共享內存，從而極大地提高了程序的運行效率。

　　線程在執(zhí)行過程中與進程還是有區(qū)別的。每個獨立的線程有一個程序運行的入口、順序執(zhí)行序列和程序的出口。但是線程不能夠獨立執(zhí)行，必須依存在應用程序中，由應用程序提供多個線程執(zhí)行控制。

　　從邏輯角度來看，多線程的意義在于一個應用程序中，有多個執(zhí)行部分可以同時執(zhí)行。但操作系統(tǒng)并沒有將多個線程看做多個獨立的應用，來實現進程的調度和管理以及資源分配。這就是進程和線程的重要區(qū)別。

　　前端面試筆試題

　　1.XHTML和HTML有什么區(qū)別

　　HTML是一種基本的WEB網頁設計語言，XHTML是一個基于XML的置標語言

　　最主要的不同：

　　XHTML 元素必須被正確地嵌套。

　　XHTML 元素必須被關閉。

　　標簽名必須用小寫字母。

　　XHTML 文檔必須擁有根元素。

　　2.前端頁面有哪三層構成，分別是什么?作用是什么?

　　結構層 Html 表示層 CSS 行為層 js;

　　3.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?

　　Ie(Ie內核) 火狐（Gecko）谷歌（webkit,Blink） opera(Presto),Safari(wbkit)

　　4.什么是語義化的HTML?

　　直觀的認識標簽對于搜索引擎的抓取有好處，用正確的標簽做正確的事情！

　　html語義化就是讓頁面的內容結構化，便于對瀏覽器、搜索引擎解析；

　　在沒有樣式CCS情況下也以一種文檔格式顯示，并且是容易閱讀的。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重，利于 SEO。

　　使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。

　　5.HTML5 為什么只需要寫 !DOCTYPE HTML？

　　HTML5 不基于 SGML，因此不需要對DTD進行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應該的方式來運行）；而HTML4.01基于SGML,所以需要對DTD進行引用，才能告知瀏覽器文檔所使用的文檔類型。

　　6.Doctype作用？標準模式與兼容模式各有什么區(qū)別?

　　!DOCTYPE聲明位于位于HTML文檔中的第一行，處于html 標簽之前。告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。

　　標準模式的排版和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。

　　7.html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區(qū)分 HTML 和

　　HTML5？

　　HTML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。

　　繪畫 canvas

　　用于媒介回放的 video 和 audio 元素

　　本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失；

　　sessionStorage 的數據在瀏覽器關閉后自動刪除

　　語意化更好的內容元素，比如 article、footer、header、nav、section

　　表單控件，calendar、date、time、email、url、search

　　新的技術webworker, websockt, Geolocation

　　移除的元素

　　純表現的元素：basefont，big，center，font, s，strike，tt，u；

　　對可用性產生負面影響的元素：frame，frameset，noframes；

　　支持HTML5新標簽：

　　IE8/IE7/IE6支持通過document.createElement方法產生的標簽，

　　可以利用這一特性讓這些瀏覽器支持HTML5新標簽，

　　瀏覽器支持新標簽后，還需要添加標簽默認的樣式：

　　8.請描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？

　　cookie在瀏覽器和服務器間來回傳遞。 sessionStorage和localStorage不會

　　sessionStorage和localStorage的存儲空間更大；

　　sessionStorage和localStorage有更多豐富易用的接口；

　　sessionStorage和localStorage各自獨立的存儲空間；

　　9.如何實現瀏覽器內多個標簽頁之間的通信?

　　調用localstorge、cookies等本地存儲方式

　　web前端面試題及答案

　　1、怎樣添加、移除、移動、復制、創(chuàng)建和查找節(jié)點？

　　創(chuàng)建新節(jié)點：

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

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

　　creatTextNode()，創(chuàng)建一個文本節(jié)點。

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

　　appendChild()，添加。

　　removeChild()，移除。

　　replaceChild()，替換。

　　Before()，插入。

　　查找：

　　getElementsByTagName()，通過標簽名稱。

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

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

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

　　偽數組（類數組）：無法直接調用數組方法或期望length屬性有什么特殊的行為。但仍可以對真正數組遍歷方法來遍歷它們。典型的是函數的arguement參數，還有像調用getElementsByTagName()、document.childNodes()之類的，它們都返回NodeList對象，都屬于偽數組�？梢杂肁rray.prototype.slice.call(fakeArray)將數組轉化為真正的Array對象。

　　3、JS中callee和caller的作用。

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

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

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

　　1.壓縮CSS、JS文件。

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

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

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

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

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

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

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