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

1. 
   
   1. JavaScript :
      • addEventListener最後一個引數是做什麼用的    答：規定事件是冒泡還是捕獲。false是冒泡，true是捕獲
      • 什麼是冒泡，什麼是捕獲    答：當一個元素觸發了一個事件之後就會像上層傳遞直至body，document。捕獲是從最不具體的傳至最具體的
      • 所有的事件都可以冒泡麼    答：不是，blur focus change不可冒泡
      • 怎麼取消事件冒泡    答：eve.preventDefault(阻止事件預設行為)
        （這都沒答上來，我一定是個逗比）
      • 怎麼判斷是不是陣列    答：a instanceof Array  Array.isArray(a)  他問我還有麼~ 所以我說試一下Array的內建函式，可以使用是Array不可以則不是，其實還有 Object.prototype.toString === '[object Array]'
      • 怎麼把一個類陣列物件轉化為陣列    答：Array.prototype.slice.call()；
      • 講一下繼承：巴拉巴拉的講了一大堆（因為他看了我的部落格）
   2. CSS：
      • 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  通過相加計算大的優先順序高，值相等的話後宣告的優先順序高。
   3. 演算法（一個都沒答上來）：
      • 優先佇列
      • 堆
      • 快速排序
   4. • 專案
        • css3翻書是怎麼做的呀？    巴拉巴拉講了一堆
        • 你這個翻頁有個bug呀，什麼原因怎麼改呀？    z-index的問題，怎麼改布吉島~
        • canvas繪圖怎麼做的呀？    巴拉巴拉講了一堆
        • 你這個繪製有bug呀，什麼原因怎麼改呀？    滾動條的問題，怎麼改又布吉島。。。（加上滾動條的距離，面試官告訴我的~）
      • 版本控制
        • 瞭解版本控制器麼？    瞭解一些github
        • 基本操作會麼？    我都用的windows的圖形介面進行操作的（面試官心中可能有一萬隻草泥馬在奔騰....）
        • github的工作原理是什麼呀？    我把我的程式碼上傳到github的倉庫上，然後別人可以下載進行程式碼新增然後上傳更新倉庫，我可以再下載更新過的繼續進行新增修改
        • 那如果你們兩個修改同一份程式碼發生衝突怎麼辦？    我知道的方法只有回滾，就是和隊友交流看誰的程式碼更重要，然後進行一個回滾操作。
        • 只能這樣麼，必須有一個人犧牲麼？    我瞭解到github的功能其實非常強大，所以肯定有更好的方法嗎，只是我現在對github的使用僅限於自己程式碼的儲存以及一些小的修改，所以並不瞭解更好的方法。。。。
      • JavaScript
        • Array都有哪些方法呀？    join slice splice reverse sort foreach every等迭代方法  暫時只能想起這些
        • sort方法工作原理是什麼樣的？    我不知道怎麼講他的工作原理，只知道他在排序上的問題巴拉巴拉的講了一下。。。
        • 那如果想要sort排序數字怎麼辦？   function(a,b){return b-a;}這樣是降序
        • String有哪些方法呀？   concat  charAt slice substr substring 等等（其實現在覺得應該加一句說string是基本資料型別，沒有方法，string的方法是String建構函式建立的引用型別的方法~）
        • 那replace方法怎麼用的呀？    我很認真的答成了splice的用法。。。。（兩個引數   1.RegExp物件或者是字串2.字串或者函式  然後替換可以用正則進行全域性替換。。。。）
      • css
        • 一個div怎麼垂直居中呀？   餓了麼說過了~
        • css3你常用的屬性有什麼呀？    動畫的transform transmation  border-radious box-sizing box-shadow 
      • 其他
        • 你常用的程式碼編寫工具是什麼？    sublime text
        • 你要修改很多相同的地方怎麼辦？    選中一個 按Ctrl+D 選取多個 然後一起改
        • photoshop怎麼樣？    可以進行簡單的psd頁面圖的ps 不會人物風景的美化
        • 想要匯出一個檔案提及比較小的png怎麼做    儲存為web所用格式。。。（應該不對~）
   5. • 專案（這裡聊了很久）
        • 給我介紹一下你都做過哪些專案吧？    巴拉巴拉一堆沒有什麼特定答案~
        • 你是怎麼進行團隊專案的合作呢？    巴拉巴拉一堆沒有什麼特定答案~
        • 你現在在學些什麼呀？    Linux下Qt開發~~巴拉巴拉~
        • 做前端有用不到C++，你學他有什麼用呀？    我不只是一個寫前端的，我還是一個程式設計師，C和C++是這些語言的基礎，所以巴拉巴拉~
        • 你最滿意的C++程式講一下？    Qt呀，類呀~什麼的~
      • CSS
        • 很長一段話要進行擷取，超過之後是三個點怎麼做？    不考慮相容的話CSS3有 text-overflow：ellipsis   然後或者overfloww:hidden 再在邊框前側加入一個三個點的span
                                                                                                         或者用偽元素：after{content:"..."}之類的吧
        • 時間太久不記得了~~~
      • JavaScript
        • 滑鼠滑過一個元素出現一個彈出層    就dom 0級來舉例子的話是 onmouseover dispaly:block
        • 滑鼠滑的快不讓他出現怎麼辦    設定一個setTimeout 當滑鼠在上面停留的時間小於設定的時間的話他還沒有出來事件就被取消掉了
        • 那setTimeout應該設定多久的時間呢?    這個我不知道有什麼約定俗成的時間設定，如果是我的話，應該回去試一下，看那個時間合適
        • 現在我想要這個元素在頁面下方是彈出層在上方顯示，元素在上方時彈出層在下方顯示？    判斷元素距離頁面底端的位置，位置大於彈出層的高度的話就在下方彈出，否則在上方彈出
        • 如果我現在想把他做成一個工具給別人用要怎麼做？    呃~首先使用模組化，注意不要和其他的方法什麼的有衝突，然後子啊裡面設定方法出入所需的引數，比如那個元素，什麼事件，彈出層的大小等等
        • 那想做一個好的工具引數肯定很多，你怎麼能方便別人使用呢？畢竟引數這麼多別人會記不住的    呃~我可能會設定成一個物件，傳入物件的屬性，這樣就方便記住了。
      • 其他
        • 你覺得淘寶首頁有哪些技術優勢？     頁面很大，要承載的東西也很多，但是可以讓使用者清晰明瞭的找到想要找的東西證明佈局做的非常好，然後裡面包括圖片輪播呀箇中點選事件呀什麼的事件也很多，所以避免事件衝突也很膩害~
        • 那你覺的你用多久可以寫出淘寶首頁？    呃~一個星期吧（這個可真的不知道什麼樣的答案合適）
        • 你為什麼想來淘寶技術部？    因為技術牛，而且有很多大牛在這個團隊裡，如果我有機會的成為其中一員的話就業可以學到更多的東西啦~
        • 你覺得你有什麼優勢可以來淘寶技術部？    嘿嘿，就不告訴你我是怎麼答得~~
   6. • position 定位
      • dom操作元素
      • 兩列布局
      • inline-block空隙怎麼解決
      • 事件代理
      • 什麼是冒泡什麼是捕獲
      • BFC，haslayout是什麼，怎麼觸發
      • C++
      • jQuery取到的元素和原生Js取到的元素有什麼區別
   • CSS
     • 如何平鋪一張背景圖？    css方法：設定一張圖片 {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1;}
                   
                                            js方法： 判斷瀏覽器高度，設定圖片的高度
     • 如果讓圖片按比例放大縮小呢？    用Js來判斷寬高，然後按比例放大（面試官說螢幕壁板都是橫屏，所以width設定為100%就可以了）
     • Doctype的作用
     • 漸進增強 優雅降級
     • css hack
     • 條件註釋
     • dispaly的值
     • css3動畫的效能優化你知道什麼？   我只答了最好不要使用all
     • 什麼是語義化
     • html5 語義化的標籤
   • JavaScript
     • 響應式    我只答了@media 
     • setTimeout 和setInterval的區別
     • setTimeout時間設為0是否立即執行，為什麼？
     • 建構函式的執行機制
     • this的繫結
     • call()和apply()的區別
     • Js繼承有哪些？原型繼承是什麼樣的
     • 解釋一下模組化，舉例模組化的方法
     • GET和POST的區別
     • 函式宣告和函式字面量的區別
     • jQuery的聯級有什麼好處
   • 其他
   • http狀態碼都知道那些
   • 陣列去重
   • 怎麼構造一棵樹
   • 十進位制數判斷有多少位二進位制碼
   • 效能優化了解多少

後面的問題答案基本網上都有，偷個懶先不寫了。如果還有後續的話我會繼續補充的~同樣附上我的github地址，裡面是我的一些專案以及自己的簡歷(不要玩兒壞呦~)https://xiaoruo.github.io/