阿里巴巴實習生第一輪面試經歷

剛開始就是自我介紹，實話說因為我沒有準備，在懵逼的情況下當時根本就不知道該說什麼，搞笑的是直接跟面試官說了，我不知道怎麼介紹，真是被自己蠢哭，還好面試官人比較好，說就簡單說下名字和經歷就ok了，然後我就順著我從開始參加培訓接觸到這一塊的東西開始，一直講到開培訓，接項目的事情

之後就問到了就業網的事情，問我當初是用了什麼技術，我就說是jquery和bootstrap，然後就著這個來問了。以下是我記得的一些問題，時間部分先後，我記不得太清楚了

• 請問BFC是什麼？

• 答：是margin的一個重疊問題，比如上一個div的margin-bottom和和下一個div的margin-top會重疊
• 繼續問怎麼避免這個問題呢
• 答：使用border？
• 父子div呢，會出現這個問題嗎？
• 答：會的，會繼承，解決辦法跟上一個一樣

• width設置100px，在不同的瀏覽器上表現的是一樣的嗎？比如我設置了padding，會有什麼變化嗎

• 答：其實我就是知道了他要問ie盒子模型和w3c盒子模型的區別了，就說了ie盒子模型是包括padding和border的，而w3c盒子模型就不包括
• 繼續問怎麼解決這個問題呢
• 答：使用box-sizing: border-box;

• 如果要包括padding和border呢
• 使用box-sizing: content-box

• 簡單說一下css的浮動

• 有relative，absolute,fixed,static,其中前面三個都是脫離文檔流的，relative是相對自己定位，absolute是相對有定位的父級定位，

• 問：你提到了文檔流，脫離文檔流有什麼好處呢，
• 答：不佔據位置了，不會把其他元素擠過去

• 繼續問：那麼absolute除了脫離文檔流外還有什麼特殊的好處嗎
• 不知道T.T

• 如何針對css寫兼容，比如我設置了一個width只想在ie8上生效，不想在ie9上生效

• 他應該是想問css hack，遺憾的是我並不知道

• 如何實現jquery的選擇器

• 這個我沒有看過jquery的源碼，就根據自己的想法說了一下，將參數分離開來，然後判斷是id，還是類，還是標籤，最後得到合適的返回

• 繼續問如果參數是#a,.b,c怎麼得到正確的結果先的到#a的，再在裡面找到.b的，然後再在裡面找到c的

• querySelector和getElementsBy有什麼區別

• 返回值不同，一個返回的是元素列表，一個是包括了文本節點，屬性節點的

• 兼容性不一樣，getElementsByClassName只支持ie9以上，而querySelector支持ie8以上
• 參數不一樣

• jquery裡面的鏈式調用是怎麼實現的

• 在給對象的原型添加一個方法，然後return 那個被拓展了的對象

• 問:那個對象還是原來的那個對象嗎？:)
• 這是說了個應該是吧，想一巴掌拍死我自己

• 不用js的事件監聽函數addEventListener如何實現事件監聽

• 使用訂閱，發布模式，先註冊一個事件，然後再在需要的時候去調用它

• 註冊的事件放在哪裡了呢？我說放在一個變數裡面了，其實不確定

• 繼續問：那麼那個變數的數據結構是什麼呢不知道了?

• react做過商業項目嗎？還是只做了個demo

• 做了個作品去參賽，得了二等獎

• 簡單說一下react的那些特性吧
• 太緊張了也沒說出來?，扯了一些他就直接沒問了，好吧

• css的兼容能舉個例子嗎？

• 以前寫過placeholder在ie上不顯示，是用js完成的（牛頭不對馬嘴）
• 純粹用css實現兼容呢（這裡應該是問css hack，?但是當時並不知道這個）

• flex布局你有過了解嗎

• 太久了沒怎麼用了，就記不太清，就亂扯了一堆blabla的

推薦閱讀：