摘要：題目來源前端實習生面試總結最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄下來進行一個總結，同樣也希望對正在準備面實習生的童鞋們有所幫助最后一個參數是做什么用的答規定事件是冒泡還是捕獲。

最近一直在多看基礎的書多碼代碼準備找實習，在網上也搜羅了不少面經，現在把搜羅到的實習生面試題自己整理一下。

題目來源：前端實習生面試總結
最近開始了幾次面試，雖然還不知道結果如何，但是還是要記錄下來進行一個總結，同樣也希望對正在準備面實習生的童鞋們有所幫助~

addEventListener最后一個參數是做什么用的？
答：規定事件是冒泡還是捕獲。false表示在冒泡階段調用事件處理程序，true表示在捕獲階段調用事件處理程序。（removeEventListener()一樣的）

什么是冒泡，什么是捕獲 ？

答：冒泡是當一個元素觸發了一個事件之后就會像上層傳遞直至document（由最具體的元素接受，然后逐級向上傳播到較為不具體的節點（文檔））。捕獲是不太具體的節點（文件document）更早接收到事件，而具體的節點最后接收到事件。

所有的事件都可以冒泡么？
答：不是，blur、focus、load、unload、abort不可冒泡（每個 event 都有一個event.bubbles屬性，可以知道它可否冒泡。詳情可看瀏覽器中有哪些事件會冒泡？）

怎么取消事件冒泡
答：我這兒的答案錯了，謝謝大神指正，大家不要搞混啦
eve.preventDefault(取消事件默認行為，若cancelable是true，則可以使用這個方法，cancelable屬性表明是否可以取消事件的默認行為).eve.stopPropagation()用于取消事件的進一步捕獲或冒泡，bubbles為true時，可以使用這個方法。

怎么判斷是不是數組

答：a instanceof Array Array.isArray(a) 他問我還有么~
所以我說試一下Array的內置函數，可以使用是Array不可以則不是，其實還有 Object.prototype.toString.call(a)=== "[object Array]"

怎么把一個類數組對象轉化為數組
答：Array.prototype.slice.call(arrayLike)；

講一下繼承
答：繼承是代碼重用的一種形式，可以顯著得減少軟件開發成本。在JavaScript中，繼承有三種方法：類式繼承（主要）、原型式繼承（主要）和摻元類。
類式繼承：首先要創建一個構造函數，在構造函數中調用超類的構造函數，并把參數傳遞給它。下一步再設置原型鏈，手工將子類的 prototype 設置為超類的一個實例（Author.prototype = new Person()），然后把子類的 prototype 的 constructor 屬性重新設為子類（Author.prototype.constructor = Author）。
原型式繼承：不需要用類來定義對象的結構，只需要直接創建一個原型對象，這個對象隨后可以被新的對象重用。主要是對超類進行一個淺負責或者說是克隆，這個克隆函數如下

functon clone(o){
    function F(){}
    F.prototype = o;
    return new F();
}

克隆超類后，就可以重定義該克隆中的方法和屬性，可以修改超類中提供的默認值，也可以添加新的屬性和方法 。但是這個方法對于從原型對象繼承而來的成員，其讀和寫具有內在的不對等性。具體請參照JavaScript 繼承

Array都有哪些方法呀？
答：concat,join,pop,push,reverse,shift,slice,sort,splice,unshift.（《JavaScript語言精粹》一書中總結了數組、函數、數字、正則表達式、字符串常用的方法）

sort方法工作原理是什么樣的？
答：默認的比較函數把要排序的元素都視為字符串，在比較數字都時候，會把數字都轉化為字符串再進行比較。

那如果想要sort排序數字怎么辦？
答： n.sort(function (a,b) {return a-b;}) 升序

String有哪些方法呀？
答：concat charAt slice substr substring 等等（其實現在覺得應該加一句說string是基本數據類型，沒有方法，string的方法是String構造函數創建的引用類型的方法~）

那replace方法怎么用的呀？
答： string.repalce(searchValue,replaceValue)，對string進行查找和替換操作并返回一個新的字符串，參數searchValue可以是字符串或正則表達式對象，如果它是一個字符串，那么searchValue只會在第一次出現的地方被替換。如果searchValue是一個正則表達式并且帶有g標識，則會替換所有匹配。

鼠標滑過一個元素出現一個彈出層
答：就dom 0級來舉例子的話是 onmouseover dispaly:block

鼠標滑的快不讓他出現怎么辦
答：設置一個setTimeout 當鼠標在上面停留的時間小于設定的時間的話他還沒有出來事件就被取消掉了

那setTimeout應該設置多久的時間呢? 這個我不知道有什么約定俗成的時間設置，如果是我的話，應該回去試一下，看那個時間合適

現在我想要這個元素在頁面下方是彈出層在上方顯示，元素在上方時彈出層在下方顯示？ 判斷元素距離頁面底端的位置，位置大于彈出層的高度的話就在下方彈出，否則在上方彈出

如果我現在想把他做成一個工具給別人用要怎么做？ 呃~首先使用模塊化，注意不要和其他的方法什么的有沖突，然后子啊里面設置方法出入所需的參數，比如那個元素，什么事件，彈出層的大小等等

那想做一個好的工具參數肯定很多，你怎么能方便別人使用呢？畢竟參數這么多別人會記不住的 呃~我可能會設置成一個對象，傳入對象的屬性，這樣就方便記住了。

事件代理
答：詳情見JavaScript 事件代理和委托

什么是冒泡什么是捕獲
答：詳情見JavaScript 事件代理和委托

C++

jQuery取到的元素和原生Js取到的元素有什么區別
jQuery獲取到的元素返回的是一個jQuery對象，它是一個類數組對象，屬性0,1,2...中存著查找到的DOM對象，這個jQuery對象有length屬性，表示查到的DOM的數量。js取到的元素是DOM元素。

Doctype的作用
答：是聲明文檔的解析類型（document.compatMode），指示web瀏覽器關于頁面使用哪個HTML版本進行編寫的指令，避免瀏覽器的怪異模式。詳情見：關于DOCTYPE

響應式 我只答了@media

setTimeout 和setInterval的區別
詳情見：setTimeout() 和 setInterval()

setTimeout時間設為0是否立即執行，為什么？
不一定，因為JavaScript是一個單線程的解釋器，因此一定時間內只能執行一段代碼。為了控制要執行的代碼，就有一個JavaScript任務隊列。setTimeout時間設為0，是告訴JavaScript在0毫秒后把當前任務添加到任務隊列中。如果隊列是空的，則添加的代碼會立即執行；如果隊列不是空的，則它要等前面的代碼執行完后再執行。

構造函數的運行機制

this的綁定

call()和apply()的區別

Js繼承有哪些？原型繼承是什么樣的

解釋一下模塊化，舉例模塊化的方法

GET和POST的區別

函數聲明和函數字面量的區別

jQuery的聯級有什么好處

漸進增強 優雅降級

float高度塌陷解決方案：
clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden;}(給自己挖了個坑after是偽元素不是偽類，我說錯了~)

line-height像素單位和百分比的單位的計算方法： length 設置固定的行間距。單位em，px，pt等等。百分比%
，基于當前字體尺寸的百分比行間距。（我覺得我答得是對的，但是他有重復了一遍：我說的是line-height）

一個ul里有若干個li，想要每個li都有一個border-bottom，最后一個li不想要boder-bottom要怎么做：(ul:last-child{border-bottom:none;}或者給最后一個li加一個class選擇器設置border:none;(他說還有，查了一下什么加載jQuery可之類的~)

css 選擇器過長怎么判斷他的優先級：行內樣式1000 -- id100 -- 類、偽類、屬性選擇器10 --
類型選擇器、偽元素選擇器1 通過相加計算大的優先級高，值相等的話后聲明的優先級高。

一個div怎么垂直居中呀？ 餓了么說過了~

css3你常用的屬性有什么呀？ 動畫的transform transmation border-radious box-sizing box-shadow

很長一段話要進行截取，超過之后是三個點怎么做？ 不考慮兼容的話CSS3有 text-overflow：ellipsis 然后或者overfloww:hidden 再在邊框前側加入一個三個點的span 或者用偽元素：after{content:"..."}之類的吧

position 定位

dom操作元素

兩列布局

inline-block空隙怎么解決

如何平鋪一張背景圖？ css方法：設置一張圖片 {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1;} js方法： 判斷瀏覽器高度，設置圖片的高度

如果讓圖片按比例放大縮小呢？ 用Js來判斷寬高，然后按比例放大（面試官說屏幕壁板都是橫屏，所以width設置為100%就可以了）

css hack

條件注釋

dispaly的值

css3動畫的性能優化你知道什么？ 我只答了最好不要使用all

BFC，haslayout是什么，怎么觸發

什么是語義化

html5 語義化的標簽

http狀態碼都知道那些

優先隊列

堆

快速排序

數組去重

怎么構造一棵樹

十進制數判斷有多少位二進制碼

css3翻書是怎么做的呀？ 巴拉巴拉講了一堆

你這個翻頁有個bug呀，什么原因怎么改呀？ z-index的問題，怎么改布吉島~

canvas繪圖怎么做的呀？ 巴拉巴拉講了一堆

你這個繪制有bug呀，什么原因怎么改呀？ 滾動條的問題，怎么改又布吉島。。。（加上滾動條的距離，面試官告訴我的~）

了解版本控制器么？ 了解一些github

基本操作會么？ 我都用的windows的圖形界面進行操作的（面試官心中可能有一萬只草泥馬在奔騰....）

github的工作原理是什么呀？
我把我的代碼上傳到github的倉庫上，然后別人可以下載進行代碼添加然后上傳更新倉庫，我可以再下載更新過的繼續進行添加修改

那如果你們兩個修改同一份代碼發生沖突怎么辦？ 我知道的方法只有回滾，就是和隊友交流看誰的代碼更重要，然后進行一個回滾操作。

只能這樣么，必須有一個人犧牲么？
我了解到github的功能其實非常強大，所以肯定有更好的方法嗎，只是我現在對github的使用僅限于自己代碼的存儲以及一些小的修改，所以并不了解更好的方法。。。。

你常用的代碼編寫工具是什么？ sublime text

你要修改很多相同的地方怎么辦？ 選中一個 按Ctrl+D 選取多個 然后一起改

photoshop怎么樣？ 可以進行簡單的psd頁面圖的ps 不會人物風景的美化

想要導出一個文件提及比較小的png怎么做 存儲為web所用格式。。。（應該不對~）

性能優化了解多少

給我介紹一下你都做過哪些項目吧？ 巴拉巴拉一堆沒有什么特定答案~

你是怎么進行團隊項目的合作呢？ 巴拉巴拉一堆沒有什么特定答案~

你現在在學些什么呀？ Linux下Qt開發~~巴拉巴拉~

做前端有用不到C++，你學他有什么用呀？ 我不只是一個寫前端的，我還是一個程序員，C和C++是這些語言的基礎，所以巴拉巴拉~

你最滿意的C++程序講一下？ Qt呀，類呀~什么的~

你覺得淘寶首頁有哪些技術優勢？
頁面很大，要承載的東西也很多，但是可以讓用戶清晰明了的找到想要找的東西證明布局做的非常好，然后里面包括圖片輪播呀個中點擊事件呀什么的事件也很多，所以避免事件沖突也很膩害~

那你覺的你用多久可以寫出淘寶首頁？ 呃~一個星期吧（這個可真的不知道什么樣的答案合適）

你為什么想來淘寶技術部？ 因為技術牛，而且有很多大牛在這個團隊里，如果我有機會的成為其中一員的話就業可以學到更多的東西啦~

你覺得你有什么優勢可以來淘寶技術部？ 嘿嘿，就不告訴你我是怎么答得~~