1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)?

基本數(shù)據(jù)類型：Undefined、Null、Boolean、Number、String
值類型：數(shù)值、布爾值、null、undefined。
引用類型：對象、數(shù)組、函數(shù)。
堆棧數(shù)據(jù)結(jié)構(gòu)：是一種支持后進先出(LIFO)的集合,即后被插入的數(shù)據(jù),先被取出!
js數(shù)組中提供了以下幾個方法可以讓我們很方便實現(xiàn)堆棧：
shift:從數(shù)組中把第一個元素刪除，并返回這個元素的值。
unshift: 在數(shù)組的開頭添加一個或更多元素，并返回新的長度
push:在數(shù)組的中末尾添加元素，并返回新的長度
pop:從數(shù)組中把最后一個元素刪除，并返回這個元素的值。

2.聲明函數(shù)作用提升?聲明變量和聲明函數(shù)的提升有什么區(qū)別?

(1) 變量聲明提升：變量申明在進入執(zhí)行上下文就完成了。
只要變量在代碼中進行了聲明，無論它在哪個位置上進行聲明， js引擎都會將它的聲明放在范圍作用域的頂部；

(2) 函數(shù)聲明提升：執(zhí)行代碼之前會先讀取函數(shù)聲明，意味著可以把函數(shù)申明放在調(diào)用它的語句后面。
只要函數(shù)在代碼中進行了聲明，無論它在哪個位置上進行聲明， js引擎都會將它的聲明放在范圍作用域的頂部；

(3) 變量or函數(shù)聲明：函數(shù)聲明會覆蓋變量聲明，但不會覆蓋變量賦值。
同一個名稱標(biāo)識a，即有變量聲明var a，又有函數(shù)聲明function a() {}，不管二者聲明的順序，函數(shù)聲明會覆蓋變量聲明，也就是說，此時a的值是聲明的函數(shù)function a() {}。注意：如果在變量聲明的同時初始化a，或是之后對a進行賦值，此時a的值變量的值。eg: var a; var c = 1; a = 1; function a() { return true; } console.log(a);

3.判斷數(shù)據(jù)類型?

typeof返回的類型都是字符串形式，可以判斷function的類型；在判斷除Object類型的對象時比較方便。
判斷已知對象類型的方法： instanceof，后面一定要是對象類型，并且大小寫不能錯，該方法適合一些條件選擇或分支。

4.異步編程？

方法1：回調(diào)函數(shù)，優(yōu)點是簡單、容易理解和部署，缺點是不利于代碼的閱讀和維護，各個部分之間高度耦合（Coupling），流程會很混亂，而且每個任務(wù)只能指定一個回調(diào)函數(shù)。

方法2：時間監(jiān)聽，可以綁定多個事件，每個事件可以指定多個回調(diào)函數(shù)，而且可以“去耦合”（Decoupling），有利于實現(xiàn)模塊化。缺點是整個程序都要變成事件驅(qū)動型，運行流程會變得很不清晰。

方法3：發(fā)布/訂閱，性質(zhì)與“事件監(jiān)聽”類似，但是明顯優(yōu)于后者。

方法4：Promises對象，是CommonJS工作組提出的一種規(guī)范，目的是為異步編程提供統(tǒng)一接口。
簡單說，它的思想是，每一個異步任務(wù)返回一個Promise對象，該對象有一個then方法，允許指定回調(diào)函數(shù)。

5.事件流?事件捕獲？事件冒泡？

事件流：從頁面中接收事件的順序。也就是說當(dāng)一個事件產(chǎn)生時，這個事件的傳播過程，就是事件流。

IE中的事件流叫事件冒泡；事件冒泡：事件開始時由最具體的元素接收，然后逐級向上傳播到較為不具體的節(jié)點（文檔）。對于html來說，就是當(dāng)一個元素產(chǎn)生了一個事件，它會把這個事件傳遞給它的父元素，父元素接收到了之后，還要繼續(xù)傳遞給它的上一級元素，就這樣一直傳播到document對象（親測現(xiàn)在的瀏覽器到window對象，只有IE8及下不這樣

事件捕獲是不太具體的元素應(yīng)該更早接受到事件，而最具體的節(jié)點應(yīng)該最后接收到事件。他們的用意是在事件到達目標(biāo)之前就捕獲它；也就是跟冒泡的過程正好相反，以html的click事件為例，document對象（DOM級規(guī)范要求從document開始傳播，但是現(xiàn)在的瀏覽器是從window對象開始的）最先接收到click事件的然后事件沿著DOM樹依次向下傳播，一直傳播到事件的實際目標(biāo)；

6.如何清除一個定時器?

window.clearInterval();
window.clearTimeout();

7.如何添加一個dom對象到body中?innerHTML和innerText區(qū)別?

body.appendChild(dom元素)；
innerHTML:從對象的起始位置到終止位置的全部內(nèi)容,包括Html標(biāo)簽。
innerText:從起始位置到終止位置的內(nèi)容, 但它去除Html標(biāo)簽
分別簡述五個window對象、屬性

成員對象
window.event window.document window.history
window.screen window.navigator window.external
Window對象的屬性如下：
window //窗戶自身
window.self //引用本窗戶window=window.self
window.name //為窗戶命名
window.defaultStatus //設(shè)定窗戶狀態(tài)欄信息
window.location //URL地址,配備布置這個屬性可以打開新的頁面

8.數(shù)據(jù)持久化技術(shù)(ajax)?簡述ajax流程

1)客戶端產(chǎn)生js的事件
2)創(chuàng)建XMLHttpRequest對象
3)對XMLHttpRequest進行配置
4)通過AJAX引擎發(fā)送異步請求
5)服務(wù)器端接收請求并且處理請求，返回html或者xml內(nèi)容
6)XML調(diào)用一個callback()處理響應(yīng)回來的內(nèi)容
7)頁面局部刷新

9.回調(diào)函數(shù)?

回調(diào)函數(shù)就是一個通過函數(shù)指針調(diào)用的函數(shù)。如果你把函數(shù)的指針（地址）作為參數(shù)傳遞給另一個函數(shù)，當(dāng)這個指針被用來調(diào)用其所指向的函數(shù)時，我們就說這是回調(diào)函數(shù)。回調(diào)函數(shù)不是由該函數(shù)的實現(xiàn)方直接調(diào)用，而是在特定的事件或條件發(fā)生時由另外的一方調(diào)用的，用于對該事件或條件進行響應(yīng)。

10.什么是閉包? 堆棧溢出有什么區(qū)別？ 內(nèi)存泄漏? 那些操作會造成內(nèi)存泄漏？怎么樣防止內(nèi)存泄漏？*

閉包：就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
堆棧溢出：就是不顧堆棧中分配的局部數(shù)據(jù)塊大小，向該數(shù)據(jù)塊寫入了過多的數(shù)據(jù)，導(dǎo)致數(shù)據(jù)越界，結(jié)果覆蓋了別的數(shù)據(jù)。經(jīng)常會在遞歸中發(fā)生。
內(nèi)存泄露是指：用動態(tài)存儲分配函數(shù)內(nèi)存空間，在使用完畢后未釋放，導(dǎo)致一直占據(jù)該內(nèi)存單元。直到程序結(jié)束。指任何對象在您不再擁有或需要它之后仍然存在。

造成內(nèi)存泄漏：
setTimeout 的第一個參數(shù)使用字符串而非函數(shù)的話，會引發(fā)內(nèi)存泄漏。
閉包、控制臺日志、循環(huán)（在兩個對象彼此引用且彼此保留時，就會產(chǎn)生一個循環(huán)）
防止內(nèi)存泄露：
1、不要動態(tài)綁定事件；
2、不要在動態(tài)添加，或者會被動態(tài)移除的dom上綁事件，用事件冒泡在父容器監(jiān)聽事件；
3、如果要違反上面的原則，必須提供destroy方法，保證移除dom后事件也被移除，這點可以參考Backbone的源代碼，做的比較好；
4、單例化，少創(chuàng)建dom，少綁事件。

11.平時工作中怎么樣進行數(shù)據(jù)交互?如果后臺沒有提供數(shù)據(jù)怎么樣進行開發(fā)?mock數(shù)據(jù)與后臺返回的格式不同意怎么辦?

由后臺編寫接口文檔、提供數(shù)據(jù)接口實、前臺通過ajax訪問實現(xiàn)數(shù)據(jù)交互；
在沒有數(shù)據(jù)的情況下尋找后臺提供靜態(tài)數(shù)據(jù)或者自己定義mock數(shù)據(jù)；
返回數(shù)據(jù)不統(tǒng)一時編寫映射文件 對數(shù)據(jù)進行映射。

12 簡述ajax執(zhí)行流程

基本步驟：
var xhr =null;//創(chuàng)建對象 
if(window.XMLHttpRequest){
       xhr = new XMLHttpRequest();
}else{
       xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open(“方式”,”地址”,”標(biāo)志位”);//初始化請求 
   xhr.setRequestHeader(“”,””);//設(shè)置http頭信息 
xhr.onreadystatechange =function(){}//指定回調(diào)函數(shù) 
xhr.send();//發(fā)送請求 

13.自執(zhí)行函數(shù)?用于什么場景？好處?

自執(zhí)行函數(shù):1、聲明一個匿名函數(shù)2、馬上調(diào)用這個匿名函數(shù)。
作用：創(chuàng)建一個獨立的作用域。

好處：防止變量彌散到全局，以免各種js庫沖突。隔離作用域避免污染，或者截斷作用域鏈，避免閉包造成引用變量無法釋放。利用立即執(zhí)行特性，返回需要的業(yè)務(wù)函數(shù)或?qū)ο螅苊饷看瓮ㄟ^條件判斷來處理

場景：一般用于框架、插件等場景

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

HTML是一種基本的WEB網(wǎng)頁設(shè)計語言，XHTML是一個基于XML的標(biāo)記語言。
1.XHTML 元素必須被正確地嵌套。
2.XHTML 元素必須被關(guān)閉。
3.標(biāo)簽名必須用小寫字母。
4.空標(biāo)簽也必須被關(guān)閉。
5.XHTML 文檔必須擁有根元素。

15. 什么是構(gòu)造函數(shù)？與普通函數(shù)有什么區(qū)別?

構(gòu)造函數(shù)：是一種特殊的方法、主要用來創(chuàng)建對象時初始化對象，總與new運算符一起使用，創(chuàng)建對象的語句中構(gòu)造函數(shù)的函數(shù)名必須與類名完全相同。
與普通函數(shù)相比只能由new關(guān)鍵字調(diào)用，構(gòu)造函數(shù)是類的標(biāo)示

16. 通過new創(chuàng)建一個對象的時候，函數(shù)內(nèi)部有哪些改變

function Person(){}
Person.prototype.friend = [];
Person.prototype.name = '';
// var a = new Person();
// a.friend[0] = '王琦';
// a.name = '程嬌';
// var b = new Person();
// b.friend？
// b.name?

1、創(chuàng)建一個空對象，并且 this 變量引用該對象，同時還繼承了該函數(shù)的原型。
2、屬性和方法被加入到 this 引用的對象中。
3、新創(chuàng)建的對象由 this 所引用，并且最后隱式的返回 this 。

17.事件委托？有什么好處?

（1）利用冒泡的原理，把事件加到父級上，觸發(fā)執(zhí)行效果
（2）好處：新添加的元素還會有之前的事件；提高性能。

18.window.onload ==? DOMContentLoaded ?

一般情況下，DOMContentLoaded事件要在window.onload之前執(zhí)行，當(dāng)DOM樹構(gòu)建完成的時候就會執(zhí)行DOMContentLoaded事件，而window.onload是在頁面載入完成的時候，才執(zhí)行，這其中包括圖片等元素。大多數(shù)時候我們只是想在DOM樹構(gòu)建完成后，綁定事件到元素，我們并不需要圖片元素，加上有時候加載外域圖片的速度非常緩慢。

19.節(jié)點類型?判斷當(dāng)前節(jié)點類型?

1. 元素節(jié)點
2. 屬性節(jié)點
3. 文本節(jié)點
8. 注釋節(jié)點
9. 文檔節(jié)點
通過nodeObject.nodeType判斷節(jié)點類型：其中，nodeObject 為DOM節(jié)點（節(jié)點對象）。該屬性返回以數(shù)字表示的節(jié)點類型，例如，元素節(jié)點返回 1，屬性節(jié)點返回 2 。

20.如何合并兩個數(shù)組？數(shù)組刪除一個元素?

//三種方法。
 （1）var arr1=[1,2,3];
               var arr2=[4,5,6];
               arr1 = arr1.concat(arr2);
               console.log(arr1); 
 （2）var arr1=[1,2,3];
               var arr2=[4,5,6];
               Array.prototype.push.apply(arr1,arr2);
               console.log(arr1);
 （3）var arr1=[1,2,3];
               var arr2=[4,5,6];
               for (var i=0; i < arr2.length; i++) {
                   arr1.push( arr2[i] );
               }
               console.log(arr1);   

21.強制轉(zhuǎn)換 顯式轉(zhuǎn)換 隱式轉(zhuǎn)換?

//強制類型轉(zhuǎn)換：
Boolean(0)                // => false - 零
           Boolean(new object())   // => true - 對象
               Number(undefined)       // =>   NaN
               Number(null)              // => 0
               String(null)              // => "null"
parseInt( )
parseFloat( )
JSON.parse( )
JSON.stringify ( )

隱式類型轉(zhuǎn)換：
在使用算術(shù)運算符時，運算符兩邊的數(shù)據(jù)類型可以是任意的，比如，一個字符串可以和數(shù)字相加。之所以不同的數(shù)據(jù)類型之間可以做運算，是因為JavaScript引擎在運算之前會悄悄的把他們進行了隱式類型轉(zhuǎn)換的
（例如：x+"" //等價于String(x)
+x //等價于Number(x)
x-0 //同上
!!x //等價于Boolean(x),是雙嘆號）

顯式轉(zhuǎn)換：
如果程序要求一定要將某一類型的數(shù)據(jù)轉(zhuǎn)換為另一種類型，則可以利用強制類型轉(zhuǎn)換運算符進行轉(zhuǎn)換，這種強制轉(zhuǎn)換過程稱為顯示轉(zhuǎn)換。
顯示轉(zhuǎn)換是你定義讓這個值類型轉(zhuǎn)換成你要用的值類型，是底到高的轉(zhuǎn)換。例 int 到float就可以直接轉(zhuǎn)，int i=5,想把他轉(zhuǎn)換成char類型，就用顯式轉(zhuǎn)換（char）i

22. Jq中如何實現(xiàn)多庫并存?

Noconfict 多庫共存就是“$ ”符號的沖突。

方法一： 利用jQuery的實用函數(shù)$.noConflict();這個函數(shù)歸還$的名稱控制權(quán)給另一個庫，因此可以在頁面上使用其他庫。這時，我們可以用"jQuery "這個名稱調(diào)用jQuery的功能。 $.noConflict();
jQuery('#id').hide();
.....
//或者給jQuery一個別名
var $j=jQuery
$j('#id').hide();
.....

方法二： (function($){})(jQuery)

方法三： jQuery(function($){})
通過傳遞一個函數(shù)作為jQuery的參數(shù)，因此把這個函數(shù)聲明為就緒函數(shù)。 我們聲明$為就緒函數(shù)的參數(shù)，因為jQuery總是吧jQuery對象的引用作為第一個參數(shù)傳遞，所以就保證了函數(shù)的執(zhí)行。

23.Jq中g(shù)et和eq有什么區(qū)別？

get() :取得其中一個匹配的元素。num表示取得第幾個匹配的元素，get多針對集合元素，返回的是DOM對象組成的數(shù)組 eq():獲取第N個元素，下標(biāo)都是從0開始，返回的是一個JQuery對象

24.如何通過原生js 判斷一個元素當(dāng)前是顯示還是隱藏狀態(tài)?

if( document.getElementById("div").css("display")==='none')
if( document.getElementById("div").css("display")==='block')
$("#div").is(":hidden"); // 判斷是否隱藏
$("#div").is(":visible")

25.Jq如何判斷元素顯示隱藏？

//第一種：使用CSS屬性 
var display =$('#id').css('display'); 
if(display == 'none'){    alert("我是隱藏的！"); }
//第二種：使用jquery內(nèi)置選擇器 
<div id="test"> <p>僅僅是測試所用</p> </div>
if($("#test").is(":hidden")){        $("#test").show();    //如果元素為隱藏,則將它顯現(xiàn) }else{       $("#test").hide();     //如果元素為顯現(xiàn),則將其隱藏 }
//第三種：jQuery判斷元素是否顯示 是否隱藏
var node=$('#id');
if(node.is(':hidden')){　　//如果node是隱藏的則顯示node元素，否則隱藏
　　node.show();　
}else{
　　node.hide();
}

26.移動端上什么是點擊穿透?

點擊穿透現(xiàn)象有3種：
點擊穿透問題：點擊蒙層（mask）上的關(guān)閉按鈕，蒙層消失后發(fā)現(xiàn)觸發(fā)了按鈕下面元素的click事件跨頁面點擊穿透問題：如果按鈕下面恰好是一個有href屬性的a標(biāo)簽，那么頁面就會發(fā)生跳轉(zhuǎn)另一種跨頁面點擊穿透問題：這次沒有mask了，直接點擊頁內(nèi)按鈕跳轉(zhuǎn)至新頁，然后發(fā)現(xiàn)新頁面中對應(yīng)位置元素的click事件被觸發(fā)了

解決方案：
1、只用touch
最簡單的解決方案，完美解決點擊穿透問題
把頁面內(nèi)所有click全部換成touch事件（ touchstart 、’touchend’、’tap’）

2、只用click
下下策，因為會帶來300ms延遲，頁面內(nèi)任何一個自定義交互都將增加300毫秒延遲

3、tap后延遲350ms再隱藏mask
改動最小，缺點是隱藏mask變慢了，350ms還是能感覺到慢的

4、pointer-events
比較麻煩且有缺陷， 不建議使用mask隱藏后，給按鈕下面元素添上 pointer-events: none; 樣式，讓click穿過去，350ms后去掉這個樣式，恢復(fù)響應(yīng)缺陷是mask消失后的的350ms內(nèi)，用戶可以看到按鈕下面的元素點著沒反應(yīng)，如果用戶手速很快的話一定會發(fā)現(xiàn)

27.Jq綁定事件的幾種方式？on bind ?

jQuery中提供了四種事件監(jiān)聽方式，分別是bind、live、delegate、on，對應(yīng)的解除監(jiān)聽的函數(shù)分別是unbind、die、undelegate、off

Bind( )是使用頻率較高的一種，作用就是在選擇到的元素上綁定特定事件類型的監(jiān)聽函數(shù);

Live( )可以對后生成的元素也可以綁定相應(yīng)的事件,處理機制就是把事件綁定在DOM樹的根節(jié)點上，而不是直接綁定在某個元素上;

Delegate( )采用了事件委托的概念，不是直接為子元素綁定事件，而是為其父元素（或祖先元素也可）綁定事件，當(dāng)在div內(nèi)任意元素上點擊時，事件會一層層從event target向上冒泡，直至到達你為其綁定事件的元素；

on( )方法可以綁定動態(tài)添加到頁面元素的事件，on()方法綁定事件可以提升效率；

28.Jq中如何將一個jq對象轉(zhuǎn)化為dom對象？

方法一：
jQuery對象是一個數(shù)據(jù)對象，可以通過[index]的方法，來得到相應(yīng)的DOM對象。
如：var $v =$("#v") ; //jQuery對象
var v=$v[0]; //DOM對象
alert(v.checked) //檢測這個checkbox是否被選中

方法二：
jQuery本身提供，通過.get(index)方法，得到相應(yīng)的DOM對象
如：var $v=$("#v"); //jQuery對象
var v=$v.get(0); //DOM對象
alert(v.checked) //檢測這個checkbox是否被選中

29.Jq中有幾種選擇器?分別是什么?

層疊選擇器、基本過濾選擇器、內(nèi)容過濾選擇器、可視化過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單元素選擇器、表單元素過濾選擇器

30.Jq中怎么樣編寫插件?

//第一種是類級別的插件開發(fā)：
//1.1 添加一個新的全局函數(shù) 添加一個全局函數(shù)，我們只需如下定義： 
jQuery.foo = function() {
     alert('This is a test. This is only a test.');  };   

//1.2 增加多個全局函數(shù) 添加多個全局函數(shù)，可采用如下定義： 
jQuery.foo = function() {
       alert('This is a test. This is only a test.');  };  
jQuery.bar = function(param) {
      alert('This function takes a parameter, which is "' + param + '".');  };   調(diào)用時和一個函數(shù)的一樣的:jQuery.foo();jQuery.bar();或者$.foo();$.bar('bar');
//1.3 使用jQuery.extend(object);　 
jQuery.extend({
      foo: function() {
          alert('This is a test. This is only a test.');
        },
      bar: function(param) {
          alert('This function takes a parameter, which is "' + param +'".');
        }
     }); 
//1.4 使用命名空間
// 雖然在jQuery命名空間中，我們禁止使用了大量的javaScript函數(shù)名和變量名。
// 但是仍然不可避免某些函數(shù)或變量名將于其他jQuery插件沖突，因此我們習(xí)慣將一些方法
// 封裝到另一個自定義的命名空間。
jQuery.myPlugin = {         
foo:function() {         
  alert('This is a test. This is only a test.');         
 },         
 bar:function(param) {         
  alert('This function takes a parameter, which is "' + param + '".');   
 }        
}; 
//采用命名空間的函數(shù)仍然是全局函數(shù)，調(diào)用時采用的方法： 
$.myPlugin.foo();        
$.myPlugin.bar('baz');
//通過這個技巧（使用獨立的插件名），我們可以避免命名空間內(nèi)函數(shù)的沖突。

//第二種是對象級別的插件開發(fā)
//形式1： 
(function($){    
  $.fn.extend({    
   pluginName:function(opt,callback){    
             // Our plugin implementation code goes here.      
   }    
  })    
})(jQuery);  

//形式2：
(function($) {      
   $.fn.pluginName = function() {    
        // Our plugin implementation code goes here.    
   };     
})(jQuery);
//形參是$，函數(shù)定義完成之后,把jQuery這個實參傳遞進去.立即調(diào)用執(zhí)行。
//這樣的好處是,我們在寫jQuery插件時,也可以使用$這個別名,而不會與prototype引起沖突

31.$('div+.ab')和$('.ab+div') 哪個效率高？

$('div+.ab')效率高

32.$.map和$.each有什么區(qū)別

map()方法主要用來遍歷操作數(shù)組和對象，會返回一個新的數(shù)組。$.map()方法適用于將數(shù)組或?qū)ο竺總€項目新陣列映射到一個新數(shù)組的函數(shù)；
each()主要用于遍歷jquery對象，返回的是原來的數(shù)組，并不會新創(chuàng)建一個數(shù)組。

33.編寫一個 getElementsByClassName 封裝函數(shù)?

<body>   
<input type="submit" id = "sub" class="ss confirm btn" value="提交"/>   
<script> window.onload = function(){ 
//方法一         
    var Opt = document.getElementById('sub');
    var getClass = function(className,tagName){
        if(document.getElementsByTagName){
            var Inp = document.getElementsByTagName(tagName);
            for(var i=0; i<Inp.length; i++){
                if((new RegExp('(\\s|^)' +className +'(\\s|$)')).test(Inp[i].className)){
                      return Inp[i];
                    }
                }
            }else if(document.getElementsByClassName){
                return document.getElementsByClassName(className);
        }
    }                 
//方法二
    var aa = getClass("confirm", "input");
        function getClass(className, targetName){
            var ele = [];
            var all = document.getElementsByTagName(targetName || "*");
            for(var i=0; i<all.length; i++){
                if(all[i].className.match(new RegExp('(\\s|^)'+confirm+'(\\s|$)'))){    
                    ele[ele.length] = all[i];
                }
            }
            return ele;
        }
//方法三
    function getObjsByClass(tagName, className){
           if(document.getElementsByClassName){
               alert("document.getElementsByClassName");
               return document.getElementsByClassName(className);
           }else{
               var el = [];
               var _el = document.getElementsByTagName(tagName);
               for(var i=0; i<_el.length; i++){
                   if(_el[i].className.indexOf(className) > -1){
                       alert(_el[i]);
                       el[_el.length] = _el[i];
                   }
               }
               alert(el);
               return el;
           }
       }
   }
 </script>
</body>

34.簡述下工作流程

我在之前的公司工作流程大概是這樣的：公司定稿會結(jié)束以后，會進行簡單的技術(shù)研討，然后我們前端會進行先期的技術(shù)準(zhǔn)備。前端切圖人員會進行psd設(shè)計稿切圖，并且將css文件進行整合。我們主要編寫JS部分，其中包括搭建前端框架（大項目），編寫js業(yè)務(wù)和數(shù)據(jù)持久化操作，我們也會編寫js插件并且進行封裝方便使用，還有就是編寫JS前端組建和JS測試單元，最后將完成的JS部分與切圖人員提供的HTML頁面進行整合。最后對完成的頁面進行功能測試、頁面兼容、產(chǎn)品還原。然后對產(chǎn)品進行封存，提交測試。如果出現(xiàn)BUG會返回給我們開發(fā)人員進行修改，再提交測試，最后測試成功，進行版本封存。等到程序全部上線的時候進行線上測試。

35.一般使用什么版本控制工具?svn如何對文件加鎖

svn加鎖目的：為了避免多個人同一時間對同一個文件改動的相互覆蓋，版本控制系統(tǒng)就必須有一套沖突處理機制。

svn加鎖兩種策略：樂觀加鎖：所有簽出的文件都是可讀寫的，對文件的修改不必獲得文件的鎖，當(dāng)你修改完文件簽入時，會首先要求你更新本地文件，版本控制系統(tǒng)不會覆蓋你的本地修改，而是會讓你自己合并沖突后簽入。

嚴(yán)格加鎖：所有簽出的文件都是只讀的，任何對文件的修改必須要獲得文件的鎖，如果其他人沒有擁有該文件的鎖，那么版本控制系統(tǒng)就會授權(quán)給你文件的鎖，并將文件設(shè)置為可編輯的。

svn兩種加鎖步驟：樂觀加鎖：選擇你想要獲取鎖定的文件，然后右鍵菜單點擊TortoiseSVN 選取獲取鎖定。

嚴(yán)格加鎖：在想要采取嚴(yán)格加鎖的文件或目錄上點擊右鍵，使用TortoiseSVN 屬性菜單，點擊新建屬性，選擇需要鎖定。

36. git 和 svn的區(qū)別?

SVN是集中式版本控制系統(tǒng)，版本庫是集中放在中央服務(wù)器的，而干活的時候，用的都是自己的電腦，所以首先要從中央服務(wù)器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服務(wù)器。集中式版本控制系統(tǒng)是必須聯(lián)網(wǎng)才能工作，如果在局域網(wǎng)還可以，帶寬夠大，速度夠快，如果在互聯(lián)網(wǎng)下，如果網(wǎng)速慢的話，就納悶了。

Git是分布式版本控制系統(tǒng)，那么它就沒有中央服務(wù)器的，每個人的電腦就是一個完整的版本庫，這樣，工作的時候就不需要聯(lián)網(wǎng)了，因為版本都是在自己的電腦上。既然每個人的電腦都有一個完整的版本庫，那多個人如何協(xié)作呢？比如說自己在電腦上改了文件A，其他人也在電腦上改了文件A，這時，你們兩之間只需把各自的修改推送給對方，就可以互相看到對方的修改了。

37. jquery和zepto有什么區(qū)別?

1.針對移動端程序，Zepto有一些基本的觸摸事件可以用來做觸摸屏交互（tap事件、swipe事件），Zepto是不支持IE瀏覽器的，這不是Zepto的開發(fā)者Thomas Fucks在跨瀏覽器問題上犯了迷糊，而是經(jīng)過了認(rèn)真考慮后為了降低文件尺寸而做出的決定，就像jQuery的團隊在2.0版中不再支持舊版的IE（6 7 8）一樣。因為Zepto使用jQuery句法，所以它在文檔中建議把jQuery作為IE上的后備庫。那樣程序仍能在IE中，而其他瀏覽器則能享受到Zepto在文件大小上的優(yōu)勢，然而它們兩個的API不是完全兼容的，所以使用這種方法時一定要小心，并要做充分的測試。

2.Dom操作的區(qū)別：添加id時jQuery不會生效而Zepto會生效。

3.zepto主要用在移動設(shè)備上，只支持較新的瀏覽器，好處是代碼量比較小，性能也較好。
jquery主要是兼容性好，可以跑在各種pc，移動上，好處是兼容各種瀏覽器，缺點是代碼量大，同時考慮兼容，性能也不夠好。

38. $(function(){})和window.onload 和 $(document).ready(function(){})

window.onload:用于當(dāng)頁面的所有元素，包括外部引用文件，圖片等都加載完畢時運行函數(shù)內(nèi)的函數(shù)。load方法只能執(zhí)行一次，如果在js文件里寫了多個，只能執(zhí)行最后一個。

$(document).ready(function(){})和$(function(){})都是用于當(dāng)頁面的標(biāo)準(zhǔn)DOM元素被解析成DOM樹后就執(zhí)行內(nèi)部函數(shù)。這個函數(shù)是可以在js文件里多次編寫的，對于多人共同編寫的js就有很大的優(yōu)勢，因為所有行為函數(shù)都會執(zhí)行到。而且$(document).ready()函數(shù)在HMTL結(jié)構(gòu)加載完后就可以執(zhí)行，不需要等大型文件加載或者不存在的連接等耗時工作完成才執(zhí)行，效率高。

39. Jq中 attr 和 prop 有什么區(qū)別

對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
對于HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。

40. 簡述下 this 和定義屬性和方法的時候有什么區(qū)別?Prototype？

this表示當(dāng)前對象，如果在全局作用范圍內(nèi)使用this，則指代當(dāng)前頁面對象window； 如果在函數(shù)中使用this，則this指代什么是根據(jù)運行時此函數(shù)在什么對象上被調(diào)用。 我們還可以使用apply和call兩個全局方法來改變函數(shù)中this的具體指向。

prototype本質(zhì)上還是一個JavaScript對象。 并且每個函數(shù)都有一個默認(rèn)的prototype屬性。

在prototype上定義的屬性方法為所有實例共享，所有實例皆引用到同一個對象，單一實例對原型上的屬性進行修改，也會影響到所有其他實例。

41. 什么是預(yù)編譯語音|預(yù)編譯處理器?

Sass是一種CSS預(yù)處理器語言，通過編程方式生成CSS代碼。因為可編程，所以操控靈活性自由度高，方便實現(xiàn)一些直接編寫CSS代碼較困難的代碼。

同時，因為Sass是生成CSS的語言，所以寫出來的Sass文件是不能直接用的，必須經(jīng)過編譯器編譯成CSS文件才能使用。

CSS 預(yù)處理器是一種語言用來為 CSS 增加一些編程的的特性，無需考慮瀏覽器的兼容性問題，例如你可以在 CSS 中使用變量、簡單的程序邏輯、函數(shù)等等在編程語言中的一些基本技巧，可以讓你的 CSS 更見簡潔，適應(yīng)性更強，代碼更直觀等諸多好處。最常用的css預(yù)處理器有sass、less css、 stylus。

42.ajax 和 jsonp ？

ajax和jsonp的區(qū)別：
相同點：都是請求一個url
不同點：ajax的核心是通過xmlHttpRequest獲取內(nèi)容
jsonp的核心則是動態(tài)添加<script>標(biāo)簽來調(diào)用服務(wù)器 提供的js腳本。

43.ajax執(zhí)行流程？

1. 創(chuàng)建XMLHttpRequest對象,也就是創(chuàng)建一個異步調(diào)用對象
2. 創(chuàng)建一個新的HTTP請求,并指定該HTTP請求的方法、URL及驗證信息
3. 設(shè)置響應(yīng)HTTP請求狀態(tài)變化的函數(shù)
4. 發(fā)送HTTP請求
5. 獲取異步調(diào)用返回的數(shù)據(jù)
6. 使用JavaScript和DOM實現(xiàn)局部刷新

44.xhr對象 status ? readystate?

status是XMLHttpRequest對象的一個屬性，表示響應(yīng)的HTTP狀態(tài)碼。
readyState是XMLHttpRequest對象的一個屬性，用來標(biāo)識當(dāng)前XMLHttpRequest對象處于什么狀態(tài)。

45.readystate 0~4

0：未初始化狀態(tài)：此時，已經(jīng)創(chuàng)建了一個XMLHttpRequest對象
1： 準(zhǔn)備發(fā)送狀態(tài)：此時，已經(jīng)調(diào)用了XMLHttpRequest對象的open方法，并且XMLHttpRequest對象已經(jīng)準(zhǔn)備好將一個請求發(fā)送到服務(wù)器端
2：已經(jīng)發(fā)送狀態(tài)：此時，已經(jīng)通過send方法把一個請求發(fā)送到服務(wù)器端，但是還沒有收到一個響應(yīng)
3：正在接收狀態(tài)：此時，已經(jīng)接收到HTTP響應(yīng)頭部信息，但是消息體部分還沒有完全接收到
4：完成響應(yīng)狀態(tài)：此時，已經(jīng)完成了HTTP響應(yīng)的接收

46.說出幾個http協(xié)議狀態(tài)碼?

200, 201, 302, 304, 400, 404, 500

200：請求成功
201：請求成功并且服務(wù)器創(chuàng)建了新的資源
302：服務(wù)器目前從不同位置的網(wǎng)頁響應(yīng)請求，但請求者應(yīng)繼續(xù)使用原有位置來響應(yīng)以后的請求。
304：自從上次請求后，請求的網(wǎng)頁未修改過。服務(wù)器返回此響應(yīng)時，不會返回網(wǎng)頁內(nèi)容。
400：服務(wù)器不理解請求的語法。
404：請求的資源（網(wǎng)頁等）不存在
500： 內(nèi)部服務(wù)器錯誤

47.上一個項目是什么？主要負責(zé)哪些？購物車流程?支付功能?

主要負責(zé)哪些就講主要做哪些功能模塊：

1）商品模塊:
1、商品列表：商品排序 商品篩選 商品過濾 商品查詢 商品推薦
2、商品詳情:類型推薦 商品簡介 商品詳情 商品評價 售后維護

2)購物車模塊：商品編號、數(shù)量、價格、總額、運費、運輸選項、運費總計、從購物車刪除選項、更新數(shù)量、結(jié)賬、繼續(xù)購物、商品描述、庫存信息

48.sessionStorage和localstroage與cookie之間有什么關(guān)聯(lián), cookie最大存放多少字節(jié)

三者共同點：都是保存在瀏覽器端，且同源的。

區(qū)別:
1、cookie在瀏覽器和服務(wù)器間來回傳遞。而sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存

2、存儲大小限制也不同，cookie數(shù)據(jù)不能超過4k，sessionStorage和localStorage 但比cookie大得多，可以達到5M

3、數(shù)據(jù)有效期不同，sessionStorage：僅在當(dāng)前瀏覽器窗口關(guān)閉前有效，自然也就不可能持久保持；localStorage：始終有效，窗口或瀏覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)；cookie只在設(shè)置的cookie過期時間之前一直有效，即使窗口或瀏覽器關(guān)閉

4、作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面(即數(shù)據(jù)不共享)；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的( 即數(shù)據(jù)共享 )。

49.ajax中 get 和 post 有什么區(qū)別?

get和post都是數(shù)據(jù)提交的方式。
get的數(shù)據(jù)是通過網(wǎng)址問號后邊拼接的字符串進行傳遞的。post是通過一個HTTP包體進行傳遞數(shù)據(jù)的。
get的傳輸量是有限制的，post是沒有限制的。
get的安全性可能沒有post高，所以我們一般用get來獲取數(shù)據(jù)，post一般用來修改數(shù)據(jù)。

50.Gc機制是什么？為什么閉包不會被回收變量和函數(shù)？

1、Gc垃圾回收機制;
2、外部變量沒釋放，所以指向的大函數(shù)內(nèi)的小函數(shù)也釋放不了

51.簡述下你理解的面向?qū)ο螅?/strong>

//判斷基本數(shù)據(jù)類型；var a=[];typeof a輸出object；
//本來判斷一個對象類型用typeof是最好的，不過對于Array類型是不適用的，
//可以使用 instanceof操作符：
       var arrayStr=new Array("1","2","3","4","5");    
       alert(arrayStr instanceof Array); 
//當(dāng)然以上在一個簡單的頁面布局里面是沒有問題的，如果是復(fù)雜頁面情況，
//入獲取的是frame內(nèi)部的Array對象，可以用這個函數(shù)判斷：
       function isArray(obj) {      
          return Object.prototype.toString.call(obj) === '[object Array]';       
       }

//1、設(shè)置事件監(jiān)聽。
//2、回調(diào)函數(shù)：
function fn1(){
       console.log("執(zhí)行fn1");
       fn2();
}
function fn2(){
       console.log("執(zhí)行fn2");
       fn3();
}
function fn3(){
       console.log("執(zhí)行fn3");
       mou();
}
function mou(){
       console.log("執(zhí)行某個函數(shù)");
}
fn1();

//變量作用域：一個變量的作用域是程序源代碼中定義這個變量的區(qū)域。全局變量擁有全局作用域，
//在js代碼中任何地方都是有定義的。在函數(shù)內(nèi)聲明的變量只在函數(shù)體內(nèi)有定義，它們是局部變量，
//作用域是局部性的。函數(shù)參數(shù)也是局部變量，它們只在函數(shù)體內(nèi)有定義。
var a = "";
window.b=''”;
function(e) {
       var c= "";
       d="";
       e="";
}
function go() {
       console.info(this);//window
       return function() {
               console.info(this); // window
               return {
                b:function(){
                       console.info(this); //b的父對象
                   }
            }
       }
}
go()().b();

function ab() {
         this.say = ""; } 
ab.constructor = {} ab.name = ''; 
var c = new ab(); 
//構(gòu)造函數(shù)默認(rèn)指向函數(shù)本身,ab是一個類,它的構(gòu)造函數(shù)是它本身，
//然后ab.constructor={};ab的構(gòu)造函數(shù)就指向{}了，c是ab的實例化對象，c的構(gòu)造函數(shù)就是{}
//通過使用new的時候,創(chuàng)建對象發(fā)生了那些改變? 當(dāng)使用new操作時，會馬上開辟一個塊內(nèi)存，
//創(chuàng)建一個空對象，并將this指向這個對象。接著，執(zhí)行構(gòu)造函數(shù)ab()，對這個空對象進行構(gòu)造
//（構(gòu)造函數(shù)里有什么屬性和方法都一一給這個空白對象裝配上去，這就是為何它叫構(gòu)造函數(shù)了）。