JavaScript部分

1、談?wù)勀銓jax的理解？(概念、特點、作用)
AJAX全稱為“Asynchronous JavaScript And XML”（異步JavaScript和XML） 是指一種創(chuàng)建交互式網(wǎng)頁應用的開發(fā)技術(shù)、改善用戶體驗，實現(xiàn)無刷新效果。

優(yōu)點

a、不需要插件支持
b、優(yōu)秀的用戶體驗
c、提高Web程序的性能
d、減輕服務(wù)器和帶寬的負擔

缺點

a、瀏覽器對XMLHttpRequest對象的支持度不足，幾乎所有瀏覽器現(xiàn)在都支持
b、破壞瀏覽器“前進”、“后退”按鈕的正常功能，可以通過簡單的插件彌補
c、對搜索引擎的支持不足

2、說說你對延遲對象deferred的理解?

deferred對象是從jQuery 1.5.0版本開始引入的一個新功能。
a、什么是deferred對象
開發(fā)網(wǎng)站的過程中，我們經(jīng)常遇到某些耗時很長的javascript操作。其中，既有異步的操作（比如ajax讀取服務(wù)器數(shù)據(jù)），也有同步的操作（比如遍歷一個大型數(shù)組），它們都不是立即能得到結(jié)果的。
通常的做法是，為它們指定回調(diào)函數(shù)（callback）。即事先規(guī)定，一旦它們運行結(jié)束，應該調(diào)用哪些函數(shù)。
但是，在回調(diào)函數(shù)方面，jQuery的功能非常弱。為了改變這一點，jQuery開發(fā)團隊就設(shè)計了deferred對象。
簡單說，deferred對象就是jQuery的回調(diào)函數(shù)解決方案。在英語中，defer的意思是"延遲"，所以deferred對象的含義就是"延遲"到未來某個點再執(zhí)行。
它解決了如何處理耗時操作的問題，對那些操作提供了更好的控制，以及統(tǒng)一的編程接口。
b、它的主要功能，可以歸結(jié)為四點：
(1)、實現(xiàn)鏈式操作
(2)、指定同一操作的多個回調(diào)函數(shù)
(3)、為多個操作指定回調(diào)函數(shù)
(4)、普通操作的回調(diào)函數(shù)接口

3、什么是跨域，如何實現(xiàn)跨域訪問?
跨域是指不同域名之間相互訪問。
JavaScript同源策略的限制，A域名下的JavaScript無法操作B或是C域名下的對象

實現(xiàn)：
(1)、JSONP跨域：利用script腳本允許引用不同域下的js實現(xiàn)的，將回調(diào)方法帶入服務(wù)器，返回結(jié)果時回調(diào)。
(2)、跨域資源共享（CORS）
跨域資源共享（CORS）是一種網(wǎng)絡(luò)瀏覽器的技術(shù)規(guī)范，它為Web服務(wù)器定義了一種方式，允許網(wǎng)頁從不同的域訪問其資源。
CORS與JSONP相比:
a、 JSONP只能實現(xiàn)GET請求，而CORS支持所有類型的HTTP請求。
b、 使用CORS，開發(fā)者可以使用普通的XMLHttpRequest發(fā)起請求和獲得數(shù)據(jù)，比起JSONP有更好的錯誤處理。
c、 JSONP主要被老的瀏覽器支持，它們往往不支持CORS，而絕大多數(shù)現(xiàn)代瀏覽器都已經(jīng)支持了CORS。

4、為什么要使用模板引擎？
a、模板引擎（這里特指用于Web開發(fā)的模板引擎）是為了使用戶界面與業(yè)務(wù)數(shù)據(jù)（內(nèi)容）分離而產(chǎn)生的，它可以生成特定格式的文檔，用于網(wǎng)站的模板引擎就會生成一個標準的HTML文檔。
b、在一些示例中javascript有大量的html字符串，html中有一些像onclick樣的javascript，這樣javascript中有html，html中有javascript，代碼的偶合度很高，不便于修改與維護，使用模板引擎可以解決問題。

5、JavaScript是一門什么樣的語言，它有哪些特點？
JavaScript 是一種腳本語言，官方名稱為 ECMAScript（因定義語言的標準為 ECMA-262）。
JS 的主要特點：
a、語法類似于常見的高級語言，如 C 和 Java；
b、腳本語言，不需要編譯就可以由解釋器直接運行；
c、 變量松散定義，屬于弱類型語言；
d、面向?qū)ο蟮摹?br /> JS 最初是為網(wǎng)頁設(shè)計而開發(fā)的，現(xiàn)在也是Web 開發(fā)的重要語言。它支持對瀏覽器（瀏覽器對象模型，BOM）和HTML 文檔（文檔對象模型，DOM）進行操作而使網(wǎng)頁呈現(xiàn)動態(tài)的交互特性。
嚴格的說，JS只是ECMAScript 的一種實現(xiàn)，是ECMAScript和BOM、DOM組成的一種Web 開發(fā)技術(shù)。

6、JavaScript的數(shù)據(jù)類型有哪些？
基本數(shù)據(jù)類型：字符串 String、數(shù)字 Number、布爾Boolean
復合數(shù)據(jù)類型：數(shù)組 Array、對象 Object
特殊數(shù)據(jù)類型：Null 空對象、Undefined 未定義

7、已知ID的Input輸入框，如何獲取這個輸入框的輸入值？(不使用第三方框架)

document.getElementById("ID").value

8、根據(jù)你的理解,請簡述JavaScript腳本的執(zhí)行原理?
JavaScript是一種動態(tài)、弱類型、基于原型的語言，通過瀏覽器可以直接執(zhí)行。
當瀏覽器遇到<script> 標記的時候，瀏覽器會執(zhí)行之間的javascript代碼。嵌入的js代碼是順序執(zhí)行的，每個腳本定義的全局變量和函數(shù)，都可以被后面執(zhí)行的腳本所調(diào)用。 變量的調(diào)用，必須是前面已經(jīng)聲明，否則獲取的變量值是undefined。

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

（1）創(chuàng)建新節(jié)點

createDocumentFragment() //創(chuàng)建一個DOM片段
createElement() //創(chuàng)建一個具體的元素
createTextNode() //創(chuàng)建一個文本節(jié)點

（2）添加、移除、替換、插入

appendChild()
removeChild()
replaceChild()
insertBefore() //在已有的子節(jié)點前插入一個新的子節(jié)點

（3）查找

getElementsByTagName() //通過標簽名稱
getElementsByName() //通過元素的Name屬性的值(IE容錯能力較強，會得到一個數(shù)組，其中包括id等于name值的)
getElementById() //通過元素Id，唯一性

10、說說你對json的理解?

回答一：
a、JSON對象：以“{”開始，以“}”結(jié)束，里面則是一系列的鍵（key）值（value）對，鍵和值用“:”分開，每對鍵值對之間用“,”分開。參考以下語法結(jié)構(gòu)：{key1:value1,key2:value2,key3:value3…}其中鍵（key）是字符串，而值（value）可以是字符串，數(shù)值，true,false,null,對象或數(shù)組，也就是說某個鍵（key）的值（value）可以是一個數(shù)組，數(shù)組里面又是一些JSON對象，這種表示稍微復雜一些，但是參照這些理解可以很容易分辨出來。
b、JSON數(shù)組：以”[”開始，”]”結(jié)束，如同程序語言一樣，例如C#，Button[] btnArray,則BtnArray是一個Button類型的數(shù)組，里面就存放Button類型的對象，那么JSON數(shù)組也一樣，里面存放的也是JSON對象.

回答二：
a、JSON 指的是 JavaScript 對象表示法（JavaScript Object Notation）
b、JSON 是輕量級的文本數(shù)據(jù)交換格式，并不是編程語言
c、JSON 獨立于語言存在
d、JSON 具有自我描述性，更易理解
e、JSON 可以將 JavaScript 對象中表示的一組數(shù)據(jù)轉(zhuǎn)換為字符串，然后就可以在函數(shù)之間輕松地傳遞這個字符串，或者在異步應用程序中將字符串從 Web 客戶機傳遞給服務(wù)器端程序。這個字符串看起來有點兒古怪，但是JavaScript很容易解釋它，而且 JSON 可以表示比"名稱 / 值對"更復雜的結(jié)構(gòu)。例如，可以表示數(shù)組和復雜的對象，而不僅僅是鍵和值的簡單列表

回答三：
JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。
它是基于JavaScript的一個子集。數(shù)據(jù)格式簡單, 易于讀寫, 占用帶寬小.
json簡單說就是javascript中的對象和數(shù)組，所以這兩種結(jié)構(gòu)就是對象和數(shù)組兩種結(jié)構(gòu)，通過這兩種結(jié)構(gòu)可以表示各種復雜的結(jié)構(gòu)。
(1)、對象：對象在js中表示為“{}”括起來的內(nèi)容，數(shù)據(jù)結(jié)構(gòu)為 {key：value,key：value,...}的鍵值對的結(jié)構(gòu)，在面向?qū)ο蟮恼Z言中，key為對象的屬性，value為對應的屬性值，所以很容易理解，取值方法為 對象.key 獲取屬性值，這個屬性值的類型可以是 數(shù)字、字符串、數(shù)組、對象幾種。
(1)、數(shù)組：數(shù)組在js中是中括號“[]”括起來的內(nèi)容，數(shù)據(jù)結(jié)構(gòu)為 ["java","javascript","vb",...]，取值方式和所有語言中一樣，使用索引獲取，字段值的類型可以是數(shù)字、字符串、數(shù)組、對象幾種。
經(jīng)過對象、數(shù)組2種結(jié)構(gòu)就可以組合成復雜的數(shù)據(jù)結(jié)構(gòu)了。

11、ionic和angularjs的區(qū)別?
a、ionic是一個用來開發(fā)混合手機應用的，開源的，免費的代碼庫?？梢詢?yōu)化html、css和js的性能，構(gòu)建高效的應用程序，而且還可以用于構(gòu)建Sass和AngularJS的優(yōu)化。
b、AngularJS通過新的屬性和表達式擴展了HTML。AngularJS可以構(gòu)建一個單一頁面應用程序（SPAs：Single Page Applications）。
c、Ionic是一個混合APP開發(fā)工具，它以AngularJS為中間腳本工具(稱為庫，似乎又不恰當)，所以，你如果要使用Ionic開發(fā)APP，就必須了解AngularJS。

12、談?wù)勀銓﹂]包的理解?
(1)、使用閉包主要是為了設(shè)計私有的方法和變量。閉包的優(yōu)點是可以避免全局變量的污染，缺點是閉包會常駐內(nèi)存，會增大內(nèi)存使用量，使用不當很容易造成內(nèi)存泄露。
(2)、閉包有三個特性：
a、函數(shù)嵌套函數(shù)
b、函數(shù)內(nèi)部可以引用外部的參數(shù)和變量
c、參數(shù)和變量不會被垃圾回收機制回收

13、談?wù)勀鉚his對象的理解?

回答一：
(1)、js的this指向是不確定的，也就是說是可以動態(tài)改變的。call/apply 就是用于改變this指向的函數(shù)，這樣設(shè)計可以讓代碼更加靈活，復用性更高
(2)、this 一般情況下，都是指向函數(shù)的擁有者。
(3)、在函數(shù)自執(zhí)行里，this 指向的是 window 對象。
擴展：關(guān)于this，還有一個地方比較讓人模糊的是在dom事件里，通常有如下3種情況：
a、使用標簽屬性注冊事件，此時this指向的是window對象。
b、對與a，要讓this指向input，可以將this作為參數(shù)傳遞。
c、使用addEventListener等注冊事件。此時this也是指向 input。

回答二：

(1)、處于全局作用域下的this：

this;/*window*/
var a = {name: this}/*window*/
var b = [this];/*window*/

在全局作用域下，this默認指向window對象。

(2)、處在函數(shù)中的this，又分為以下幾種情況：

a、一般定義的函數(shù)，然后一般的執(zhí)行：

var a = function(){
console.log(this);
}
a();/*window*/

this還是默認指向window。

b、一般定義，用new調(diào)用執(zhí)行：

var a = function(){
console.log(this);
}
new a();/*新建的空對象*/

這時候讓this指向新建的空對象，我們才可以給空對象初始化自有變量

c、作為對象屬性的函數(shù)，調(diào)用時：

var a = {
f:function(){
console.log(this)
}
}
a.f();/*a對象*/

這時候this指向調(diào)用f函數(shù)的a對象。

(3)、通過call()和apply()來改變this的默認引用：

var b = {id: 'b'};
var a = {
f:function(){
console.log(this)
　}
}
a.f.call(b);/*window*/

所有函數(shù)對象都有的call方法和apply方法，它們的用法大體相似，f.call(b);的意思 是，執(zhí)行f函數(shù)，并將f函數(shù)執(zhí)行期活動對象里的this指向b對象，這樣標示符解析時，this就會是b對象了。不過調(diào)用函數(shù)是要傳參的。所以，f.call(b, x, y); f.apply(b, [x, y]);好吧，以上就是用call方法執(zhí)行f函數(shù)，與用apply方法執(zhí)行f函數(shù)時傳參方式，它們之間的差異，大家一目了然：apply通過數(shù)組的方式傳遞參數(shù)，call通過一個個的形參傳遞參數(shù)。

(4)、一些函數(shù)特殊執(zhí)行情況this的指向問題：

a、setTimeout()和setInverval():

var a = function(){
console.log(this);
}
setTimeout(a,0);/*window*/

setInterval()類似。

b、dom模型中觸發(fā)事件的回調(diào)方法執(zhí)行中活動對象里的this指向該dom對象。

14、JavaScript對象的幾種創(chuàng)建方式?
(1) var obj = new Object();
(1) 工廠模式

function Parent(){
var Child = new Object();
Child.name="欲淚成雪";
Child.age="20";
return Child;
};
var x = Parent();

引用該對象的時候，這里使用的是 var x = Parent()而不是 var x = new Parent();因為后者會可能出現(xiàn)很多問題（前者也成為工廠經(jīng)典方式,后者稱之為混合工廠方式），不推薦使用new的方式使用該對象

(2)構(gòu)造函數(shù)方式

function Parent(){
　　this.name="欲淚成雪";
　　this.age="20";
};
var x =new Parent();

(3) 原型模式

function Parent(){
};
Parent.prototype.name="欲淚成雪";
Parent.prototype.age="20";
var x =new Parent();

(4)混合的構(gòu)造函數(shù)，原型方式（推薦）

function Parent(){
　　this.name="欲淚成雪";
　　this.age=22;
};
Parent.prototype.lev=function(){
　　return this.name;
};
var x =new Parent();

(5)動態(tài)原型方式

function Parent(){
　　this.name="欲淚成雪";
　　this.age=22;
;
if(typeof Parent._lev=="undefined"){
Parent.prototype.lev=function(){
　　return this.name;
}
Parent._lev=true;
}
};
var x =new Parent();

15、get和post的區(qū)別,何時使用post?
(1)、get 是從服務(wù)器上獲取數(shù)據(jù)，post 是向服務(wù)器傳送數(shù)據(jù)。 get 請求返回 request - URI 所指出的任意信息。
Post 請求用來發(fā)送電子郵件、新聞或發(fā)送能由交互用戶填寫的表格。這是唯一需要在請求中發(fā)送body的請求。使用Post請求時需要在報文首部 Content - Length 字段中指出body的長度。
(2)、get 是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中，值和表單內(nèi)各個字段一一對應，在URL中可以看到。post是通過HTTP post機制，將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址，用戶看不到這個過程。
(3)、對于 get 方式，服務(wù)器端用Request.QueryString獲取變量的值，對于 post 方式，服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。
(4)、get 傳送的數(shù)據(jù)量較小，不能大于2KB。post 傳送的數(shù)據(jù)量較大，一般被默認為不受限制。但理論上，IIS4中最大量為80KB，IIS5中為100KB。 用IIS過濾器的只接受get參數(shù)，所以一般大型搜索引擎都是用get方式。
(5)get安全性非常低，post 安全性相對較高。如果這些數(shù)據(jù)是中文數(shù)據(jù)而且是
非敏感數(shù)據(jù)，那么使用get；如果用戶輸入的數(shù)據(jù)不是中文字符而且包含敏感數(shù)據(jù)，那么還是使用 post 為好。

16、null和undefined的區(qū)別？
(1)、null是一個表示"無"的對象，轉(zhuǎn)為數(shù)值時為0；undefined是一個表示"無"的原始值，轉(zhuǎn)為數(shù)值時為NaN。當聲明的變量還未被初始化時，變量的默認值為undefined。
(2)、null用來表示尚未存在的對象，常用來表示函數(shù)企圖返回一個不存在的對象。
(3)、undefined表示"缺少值"，就是此處應該有一個值，但是還沒有定義。典型用法是：
a、變量被聲明了，但沒有賦值時，就等于undefined。
b、調(diào)用函數(shù)時，應該提供的參數(shù)沒有提供，該參數(shù)等于undefined。
c、對象沒有賦值的屬性，該屬性的值為undefined。
d、函數(shù)沒有返回值時，默認返回undefined。
(4)、null表示"沒有對象"，即該處不應該有值。典型用法是：
a、作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對象。
b、作為對象原型鏈的終點。

17、請寫出js內(nèi)存泄漏的問題?

回答一：
(1)、IE7/8 DOM對象或者ActiveX對象循環(huán)引用導致內(nèi)存泄漏
a、多個對象循環(huán)引用
b、循環(huán)引用自己
(2)、基礎(chǔ)的DOM泄漏
當原有的DOM被移除時，子結(jié)點引用沒有被移除則無法回收。
(3)、timer定時器泄漏
這個時候你無法回收buggyObject,解決辦法，先停止timer然后再回收
回答二：
內(nèi)存泄漏指任何對象在您不再擁有或需要它之后仍然存在。
垃圾回收器定期掃描對象，并計算引用了每個對象的其他對象的數(shù)量。如果一個對象的引用數(shù)量為 0（沒有其他對象引用過該對象），或?qū)υ搶ο蟮奈┮灰檬茄h(huán)的，那么該對象的內(nèi)存即可回收。
setTimeout 的第一個參數(shù)使用字符串而非函數(shù)的話，會引發(fā)內(nèi)存泄漏。
閉包、控制臺日志、循環(huán)（在兩個對象彼此引用且彼此保留時，就會產(chǎn)生一個循環(huán)）也會引發(fā)內(nèi)存泄漏問題。

18、哪些地方會出現(xiàn)css阻塞，哪些地方會出現(xiàn)js阻塞？
js的阻塞特性：所有瀏覽器在下載JS的時候，會阻止一切其他活動，比如其他資源的下載，內(nèi)容的呈現(xiàn)等等。直到JS下載、解析、執(zhí)行完畢后才開始繼續(xù)并行下載其他資源并呈現(xiàn)內(nèi)容。為了提高用戶體驗，新一代瀏覽器都支持并行下載JS，但是JS下載仍然會阻塞其它資源的下載（例如.圖片，css文件等）。
由于瀏覽器為了防止出現(xiàn)JS修改DOM樹，需要重新構(gòu)建DOM樹的情況，所以就會阻塞其他的下載和呈現(xiàn)。
嵌入JS會阻塞所有內(nèi)容的呈現(xiàn)，而外部JS只會阻塞其后內(nèi)容的顯示，2種方式都會阻塞其后資源的下載。也就是說外部樣式不會阻塞外部腳本的加載，但會阻塞外部腳本的執(zhí)行。
CSS怎么會阻塞加載？CSS本來是可以并行下載的，在什么情況下會出現(xiàn)阻塞加載了(在測試觀察中，IE6下CSS都是阻塞加載）
當CSS后面跟著嵌入的JS的時候，該CSS就會出現(xiàn)阻塞后面資源下載的情況。而當把嵌入JS放到CSS前面，就不會出現(xiàn)阻塞的情況了。
根本原因：因為瀏覽器會維持html中css和js的順序，樣式表必須在嵌入的JS執(zhí)行前先加載、解析完。而嵌入的JS會阻塞后面的資源加載，所以就會出現(xiàn)上面CSS阻塞下載的情況。
JS應該放在什么位置？
(1)、放在底部，雖然放在底部照樣會阻塞所有呈現(xiàn)，但不會阻塞資源下載。
(2)、如果嵌入JS放在head中，請把嵌入JS放在CSS頭部。
(3)、使用defer（只支持IE）
(4)、不要在嵌入的JS中調(diào)用運行時間較長的函數(shù)，如果一定要用，可以用`setTimeout`來調(diào)用
Javascript無阻塞加載具體方式
將腳本放在底部。<link>還是放在head中，用以保證在js加載前，能加載出正常顯示的頁面。<script>標簽放在</body>前。
成組腳本：由于每個<script>標簽下載時阻塞頁面解析過程，所以限制頁面的<script>總數(shù)也可以改善性能。適用于內(nèi)聯(lián)腳本和外部腳本。
非阻塞腳本：等頁面完成加載后，再加載js代碼。也就是，在window.onload事件發(fā)出后開始下載代碼。
（1）defer屬性：支持IE4和fierfox3.5更高版本瀏覽器
（2）動態(tài)腳本元素：文檔對象模型（DOM）允許你使用js動態(tài)創(chuàng)建HTML的幾乎全部文檔內(nèi)容。代碼如下：

<script>
var script=document.createElement("script");
script.type="text/javascript";
script.src="file.js";
document.getElementsByTagName("head")[0].appendChild(script);
</script>

此技術(shù)的重點在于：無論在何處啟動下載，文件額下載和運行都不會阻塞其他頁面處理過程。即使在head里（除了用于下載文件的http鏈接）。

19、對比Flash與ajax哪個好,在使用中如何取舍？
Ajax的優(yōu)勢：
(1)、可搜索性
普通的文本網(wǎng)頁會更有利于SEO。文本內(nèi)容是搜索引擎容易檢索的，而繁瑣的swf字節(jié)碼卻是搜索引擎不愿觸及的。雖然Google等一些大型的搜索引擎可以檢索SWF內(nèi)部的內(nèi)容，但是仍然有很多麻煩存在。
(2)、開放性
Flash常年以來被Macromedia看的很死。包括Flex、FMS等輔佐技術(shù)一直都需要昂貴的安裝、維護費用。而JS則沒有這樣的麻煩。沒有人愿意承擔法律和版權(quán)的風險。
費用
Flash開發(fā)是很昂貴的，因為FlashIDE等環(huán)境都是要收費的．而Ajax則不同．雖然有一些便宜的生成swf的工具，但是他們的工能實在無法滿足復雜需求。
(3)、易用性
Ajax程序有更好的易用性。由于中間有一層Flashplayer代理層，因此許多輔助功能無法被Flash靈活利用。而且Flash在一些方面有著不好的口碑。比如彈出廣告、比如惡意代碼。
（awflasher.com個人認為這八成是亂上xx網(wǎng)站造成的）
(4)、易于開發(fā)
人們開發(fā)復雜的Ajax和Flash應用程序時，都會借助一些高級的開發(fā)工具。普遍來說，Ajax的開發(fā)包比Flash簡便、容易。
Flash的優(yōu)勢：
(1)、多媒體處理
Flash在音頻、視頻等多媒體領(lǐng)域相比HTML有絕對的優(yōu)勢?，F(xiàn)在幾乎所有的網(wǎng)站都包含有Flash內(nèi)容。
(2)、兼容性
兼容性好：由于通過了唯一的FlashPlayer“代理”。人們不必像調(diào)試JS那樣，在不同的瀏覽器中調(diào)試程序。
(3)、矢量圖型
這是Flash最大的優(yōu)勢，同樣處在這一領(lǐng)域的SVG、Canvas element以及Direct完全不能與Flash相比。
(4)、客戶端資源調(diào)度
Flash能夠更容易的調(diào)用瀏覽器以外的外部資源。比如攝像頭、麥克風等。然而這是普通的HTML無法完成的。但是這也許是一個缺點（為什么呢？）

Ajax的劣勢：
(1)、它可能破壞瀏覽器的后退功能
(2)、使用動態(tài)頁面更新使得用戶難于將某個特定的狀態(tài)保存到收藏夾中 ，不過這些都有相關(guān)方法解決。
Flash的劣勢：
(1)、二進制格式
(2)、格式私有
(3)、flash 文件經(jīng)常會很大，用戶第一次使用的時候需要忍耐較長的等待時間
(4)/性能問題
ajax與flash各有利弊，到底哪個好，這取決于你的需求

20、請你解釋一下事件冒泡機制?
a、在一個對象上觸發(fā)某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那么此事件就會調(diào)用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理（父級對象所有同類事件都將被激活），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。
b、冒泡型事件：事件按照從最特定的事件目標到最不特定的事件目標(document對象)的順序觸發(fā)
c、js冒泡機制是指如果某元素定義了事件A，如click事件，如果觸發(fā)了事件之后，沒有阻止冒泡事件，那么事件將向父級元素傳播，觸發(fā)父類的click函數(shù)。

//阻止冒泡時間方法，兼容ie(e.cancleBubble)和ff(e.stopProgation)
function stopBubble(e){
var evt = e||window.event;
evt.stopPropagation?evt.stopPropagation():(evt.cancelBubble=true);//阻止冒泡
evt.preventDefault

21、請你說說split()與join() 函數(shù)的區(qū)別?

前者是切割成數(shù)組的形式，后者是將數(shù)組轉(zhuǎn)換成字符串

Join 函數(shù)獲取一批字符串，然后用分隔符字符串將它們聯(lián)接起來，從而返回一個字符串。Split 函數(shù)獲取一個字符串，然后在分隔符處將其斷開，從而返回一批字符串。但是，這兩個函數(shù)之間的主要區(qū)別在于 Join 可以使用任何分隔符字符串將多個字符串連接起來，而 Split 只能使用一個字符分隔符將字符串斷開。
簡單地說，如果你用split，是把一串字符（根據(jù)某個分隔符）分成若干個元素存放在一個數(shù)組里。而Join是把數(shù)組中的字符串連成一個長串，可以大體上認為是split的逆操作。

22、說說你對Promise的理解?
ES6 原生提供了 Promise 對象。
所謂 Promise，就是一個對象，用來傳遞異步操作的消息。它代表了某個未來才會知道結(jié)果的事件（通常是一個異步操作），并且這個事件提供統(tǒng)一的 API，可供進一步處理。
Promise 對象有以下兩個特點。
(1)、對象的狀態(tài)不受外界影響。Promise 對象代表一個異步操作，有三種狀態(tài)：Pending（進行中）、Resolved（已完成，又稱 Fulfilled）和 Rejected（已失敗）。只有異步操作的結(jié)果，可以決定當前是哪一種狀態(tài)，任何其他操作都無法改變這個狀態(tài)。這也是 Promise 這個名字的由來，它的英語意思就是「承諾」，表示其他手段無法改變。
(2)、一旦狀態(tài)改變，就不會再變，任何時候都可以得到這個結(jié)果。Promise 對象的狀態(tài)改變，只有兩種可能：從 Pending 變?yōu)?Resolved 和從 Pending 變?yōu)?Rejected。只要這兩種情況發(fā)生，狀態(tài)就凝固了，不會再變了，會一直保持這個結(jié)果。就算改變已經(jīng)發(fā)生了，你再對 Promise 對象添加回調(diào)函數(shù)，也會立即得到這個結(jié)果。這與事件（Event）完全不同，事件的特點是，如果你錯過了它，再去監(jiān)聽，是得不到結(jié)果的。

有了 Promise 對象，就可以將異步操作以同步操作的流程表達出來，避免了層層嵌套的回調(diào)函數(shù)。此外，Promise 對象提供統(tǒng)一的接口，使得控制異步操作更加容易。

Promise 也有一些缺點。首先，無法取消 Promise，一旦新建它就會立即執(zhí)行，無法中途取消。其次，如果不設(shè)置回調(diào)函數(shù)，Promise 內(nèi)部拋出的錯誤，不會反應到外部。第三，當處于 Pending 狀態(tài)時，無法得知目前進展到哪一個階段（剛剛開始還是即將完成）。

23、談?wù)勀銓avascript垃圾回收機制的理解？

(1)、標記清除（mark and sweep）
這是`JavaScript`最常見的垃圾回收方式，當變量進入執(zhí)行環(huán)境的時候，比如函數(shù)中聲明一個變量，垃圾回收器將其標記為“進入環(huán)境”，當變量離開環(huán)境的時候（函數(shù)執(zhí)行結(jié)束）將其標記為“離開環(huán)境”。
垃圾回收器會在運行的時候給存儲在內(nèi)存中的所有變量加上標記，然后去掉環(huán)境中的變量以及被環(huán)境中變量所引用的變量（閉包），在這些完成之后仍存在標記的就是要刪除的變量了

(2)、引用計數(shù)(reference counting)
在低版本`IE`中經(jīng)常會出現(xiàn)內(nèi)存泄露，很多時候就是因為其采用引用計數(shù)方式進行垃圾回收。引用計數(shù)的策略是跟蹤記錄每個值被使用的次數(shù)，當聲明了一個 變量并將一個引用類型賦值給該變量的時候這個值的引用次數(shù)就加1，如果該變量的值變成了另外一個，則這個值得引用次數(shù)減1，當這個值的引用次數(shù)變?yōu)?的時 候，說明沒有變量在使用，這個值沒法被訪問了，因此可以將其占用的空間回收，這樣垃圾回收器會在運行的時候清理掉引用次數(shù)為0的值占用的空間。
在IE中雖然`JavaScript`對象通過標記清除的方式進行垃圾回收，但BOM與DOM對象卻是通過引用計數(shù)回收垃圾的，也就是說只要涉及BOM及DOM就會出現(xiàn)循環(huán)引用問題。

24、說說你對原型（prototype）理解?
JavaScript是一種通過原型實現(xiàn)繼承的語言與別的高級語言是有區(qū)別的，像java，C#是通過類型決定繼承關(guān)系的，JavaScript是的動態(tài)的弱類型語言，總之可以認為JavaScript中所有都是對象，在JavaScript中，原型也是一個對象，通過原型可以實現(xiàn)對象的屬性繼承，JavaScript的對象中都包含了一個" prototype"內(nèi)部屬性，這個屬性所對應的就是該對象的原型。

"prototype"作為對象的內(nèi)部屬性，是不能被直接訪問的。所以為了方便查看一個對象的原型，F(xiàn)irefox和Chrome內(nèi)核的JavaScript引擎中提供了"__proto__"這個非標準的訪問器（ECMA新標準中引入了標準對象原型訪問器"Object.getPrototype(object)"）。

原型的主要作用就是為了實現(xiàn)繼承與擴展對象。

25、typeof與instanceof的區(qū)別是什么？
在 JavaScript 中，判斷一個變量的類型可以用typeof
(1)、數(shù)字類型， typeof 返回的值是 number。比如說：typeof(1)，返回值是number
(2)、字符串類型， typeof 返回的值是 string。比如typeof("123")返回值是string。
(3)、布爾類型， typeof 返回的值是 boolean 。比如typeof(true)返回值是boolean。
(4)、對象、數(shù)組、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。
(5)、函數(shù)類型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。
(6)、不存在的變量、函數(shù)或者undefined，將返回undefined。比如：typeof(abc)、typeof(undefined)都返回undefined。
在 JavaScript 中,instanceof用于判斷某個對象是否被另一個函數(shù)構(gòu)造。
使用 typeof 運算符時采用引用類型存儲值會出現(xiàn)一個問題，無論引用的是什么類型的對象，它都返回 "object"。ECMAScript 引入了另一個 Java 運算符 instanceof 來解決這個問題。instanceof 運算符與 typeof 運算符相似，用于識別正在處理的對象的類型。與 typeof 方法不同的是，instanceof 方法要求開發(fā)者明確地確認對象為某特定類型。

26、說說你對node.js的理解?
a、Node.js 是一個基于Google Chrome V8 引擎的 JavaScript 運行環(huán)境。Node.js 使用了一個事件驅(qū)動、非阻塞式 I/O 的模型，使其輕量又高效。Node.js 的包管理器 npm，是全球最大的開源庫生態(tài)系統(tǒng)。
b、能方便地搭建響應速度快、易于擴展的網(wǎng)絡(luò)應用，Node.js 使用事件驅(qū)動， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設(shè)備上運行的數(shù)據(jù)密集型的實時應用。
c、簡單說Node.js就是運行在服務(wù)器端的JavaScript，是現(xiàn)在流行的語言中能同時運行在前端與后臺的程序語言

27、NPM(包管理器)作用是什么?
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
a、允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
b、允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
c、允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。

28、請簡要說說你對Javascript面向?qū)ο蟮睦斫?#63;
為了說明 JavaScript 是一門徹底的面向?qū)ο蟮恼Z言，首先有必要從面向?qū)ο蟮母拍钪?, 探討一下面向?qū)ο笾械膸讉€概念：
a、一切事物皆對象
b、對象具有封裝和繼承特性
c、對象與對象之間使用消息通信，各自存在信息隱藏
以這三點做為依據(jù)，C++ 是半面向?qū)ο蟀朊嫦蜻^程語言，因為，雖然他實現(xiàn)了類的封裝、繼承和多態(tài)，但存在非對象性質(zhì)的全局函數(shù)和變量。Java、C# 是完全的面向?qū)ο笳Z言，它們通過類的形式組織函數(shù)和變量，使之不能脫離對象存在。但這里函數(shù)本身是一個過程，只是依附在某個類上。
然而，面向?qū)ο髢H僅是一個概念或者編程思想而已，它不應該依賴于某個語言存在。比如 Java 采用面向?qū)ο笏枷霕?gòu)造其語言，它實現(xiàn)了類、繼承、派生、多態(tài)、接口等機制。但是這些機制，只是實現(xiàn)面向?qū)ο缶幊痰囊环N手段，而非必須。換言之，一門語言可以根據(jù)其自身特性選擇合適的方式來實現(xiàn)面向?qū)ο?。所以，由于大多?shù)程序員首先學習或者使用的是類似 Java、C++ 等高級編譯型語言（Java 雖然是半編譯半解釋，但一般做為編譯型來講解），因而先入為主地接受了“類”這個面向?qū)ο髮崿F(xiàn)方式，從而在學習腳本語言的時候，習慣性地用類式面向?qū)ο笳Z言中的概念來判斷該語言是否是面向?qū)ο笳Z言，或者是否具備面向?qū)ο筇匦?。這也是阻礙程序員深入學習并掌握 JavaScript 的重要原因之一。
實際上，JavaScript 語言是通過一種叫做 原型（prototype）的方式來實現(xiàn)面向?qū)ο缶幊痰摹?/strong>下面就來討論 基于類的（class-based）面向?qū)ο蠛?基于原型的 (prototype-based) 面向?qū)ο筮@兩種方式在構(gòu)造客觀世界的方式上的差別。

//最常用的兩種寫法
(function(){ /* code */ }()); // 老師推薦寫法
(function(){ /* code */ })(); // 當然這種也可以

// 括號和JS的一些操作符（如 = && || ,等）可以在函數(shù)表達式和函數(shù)聲明上消除歧義
// 如下代碼中，解析器已經(jīng)知道一個是表達式了，于是也會把另一個默認為表達式
// 但是兩者交換則會報錯
var i = function(){ return 10; }();
true && function(){ /* code */ }();
0, function(){ /* code */ }();

// 如果你不怕代碼晦澀難讀，也可以選擇一元運算符
!function(){ /* code */ }();
~function(){ /* code */ }();
-function(){ /* code */ }();
+function(){ /* code */ }();

// 你也可以這樣
new function(){ /* code */ }
new function(){ /* code */ }() // 帶參

return $.each(this, function(index, obj) {
   $("<span/>").html("+").css("cursor", "pointer").click(function() {
    $(obj).width($(obj).width() + length);
   }).insertAfter(obj);
  });