個推面試總結

　　今天是2017年11月11日，9號投的簡歷，昨天中午收到電話通知。下午去參加宣講會，但去的有點遲了，因此在另外一個教室等筆試，結果宣講完了以後hr過來講：早上電話通知的不用筆試，直接面試。而後就過去等面試了，等到別人筆試完了都沒輪到我，有點尷尬。到我以後，也沒面試多久。先問了何時接觸前端，爲何喜歡前端等等。

　　接下來就手寫了個題： var a = {x:1}; var b = {x:1}; a == b; a === b; ,問那兩個結果?如何使之相等？

var a = {x:1};
var b = {x:1};
document.writeln(a == b);　　//false
document.writeln(a === b);　//false
for (let i in a) {
    if(typeof a[i] !== 'function'){
        a = i + ": " + a[i];　　//不肯定是否是這樣寫。。。
    }
}
for (let i in b) {
    if(typeof b[i] !== 'function'){
        b = i + ": " + b[i];
    }
}
document.writeln(a == b);　　//true
document.writeln(a === b);　//true

 writeln( ) 方法與 write( ) 方法幾乎同樣，差異僅在因而前者將在所提供的任何字符串後添加一個換行符。在 HTML 中，這一般只會在後面產生一個空格(多複製幾個就看出來了，少了不明顯)；不過若是使用了 <PRE> 和 <XMP> 標識，這個換行符會被解釋，且在瀏覽器中顯示。

　　如何遍歷？

//遍歷對象
var a = {x:1,y:2,z:3};
for (var i in a ) {
    if(typeof a[i] !== 'function') {
     document.writeln(i + ":" + a[i] );  //x:1 y:2 z:3 
    }
}
//Object.keys()  會把全部屬性名做爲一個數組集合輸出
document.writeln(Object.keys(a));        //x,y,z
//Object.values() 會把全部屬性值做爲一個數組集合輸出
document.writeln(Object.values(a));    //1,2,3

 

http狀態碼： 1xx 表示消息（臨時響應）　　2xx 表示成功　　3xx 表示重定向　　4xx 表示請求錯誤　　5xx 表示服務器端錯誤

　　200　OK 表示請求成功，一切正常。

　　301　Moved Permanently　　重定向（永久移動），客戶請求的文檔在其餘地方，新的URL在Location頭中給出，瀏覽器應該自動地訪問新的URL。

　　302　Found　　臨時重定向，相似於301，但新的URL應該被視爲臨時性的替代，而不是永久性的。

　　304　Not Modified　　客戶端有緩衝的文檔併發出了一個條件性的請求。服務器告訴客戶，原來緩衝的文檔還能夠繼續使用。

　　400　Bad Request　　請求出現語法錯誤。

　　403　Forbidden　　資源不可用。

　　404　Not Found　　沒法找到指定位置的資源。

　　405　Method Not Allowed　　請求方法（GET,POST,HEAD,DELETE,PUT,TRACE等）對指定的資源不適用。

　　500　Internal Server Error　　服務器遇到了意料不到的狀況，不能完成客戶的請求。

　　501    Not Implemented　　服務器不支持實現請求所須要的功能。

　　503　Service Unavailable　　因爲臨時的服務器維護或者過載，服務器當前沒法處理請求。（臨時的）

 

瞭解瀏覽器存儲嗎（cookie，localstorage，sessionstorage）？哪一個更不安全點？

　　cookie安全性問題

還有什麼不記得了...

 

 

下面是segmentdefault上澹臺宇鵬分享的面試經驗：

• 框架angular，有用到angular的一些什麼功能
• flex佈局兼容性
• 數組去重方法

　　ES6去重

var　arr = [1,1,'1','1',null,null,undefined,undefined,NaN,NaN];
var newArr = Array.from(new Set(arr));
console.log(newArr);

• 跨域問題
• 本地存儲，cookie安全性（問過了）
• 怎麼定義聲明一個JSON
• 阻止冒泡中stopPropagation，preventDefault和return false區別

1.event.stopPropagation()方法

這是阻止事件的冒泡方法，不讓事件向documen上蔓延，可是默認事件任然會執行，當你掉用這個方法的時候，若是點擊一個鏈接，這個鏈接仍然會被打開，

2.event.preventDefault()方法

這是阻止默認事件的方法，調用此方法是，鏈接不會被打開，可是會發生冒泡，冒泡會傳遞到上一層的父元素；

3.return false  ；

這個方法比較暴力，他會同事阻止事件冒泡也會阻止默認事件；寫上此代碼，鏈接不會被打開，事件也不會傳遞到上一層的父元素；能夠理解爲return false就等於同時調用了event.stopPropagation()和event.preventDefault()

• 你知道哪些js事件
• 事件委託
• 一道css float題目，呈現什麼效果

<style>
.float-box.left{
    float:left;
}
.float-box.right{
    float:right;
}
</style>

<div class="float-box">
    <div class="left">靠左邊浮動</div>
    <div class="right">靠右邊浮動</div>
</div>
<div class="bottom-box">
    <div>底部box</div>
</div>

• 冒泡排序；數組鏈表
• 媒體查詢；響應式佈局；職業規劃；何時接觸前端的；
• 會問項目中某個東西具體是怎麼實現的
• 有什麼問題要問咱們的嗎
• 一塊磚頭能幹什麼