ofo前端面試篇

今天參加了ofo的校招面試，自我感覺就是有一些東西是寫過但是沒存住，或者是說網上有現成的原始碼自己用的時候可能就是copy過來修改一下就直接用了。就答得感覺稀爛。不說了直接上題吧。

一、頁面元素垂直居中

對於行內元素

若該行內元素只有一行，且該行內元素父元素的高度一定，可以設定該行內元素的line-height屬性，屬性值為父元素的高度。

1.可以使用vertical-align:middle屬性實現垂直居中，但是讀過張鑫旭老師的部落格之後發現這個屬性是有一定侷限性的，它只適合inline或者inline-block這種屬性的元素(table中的td，或者說display:table-cell勉強也算)，也就是說如果你單純給乙個div新增vertical-align:middle是不起作用的。

2.對行內元素、塊級元素都有效。

使用彈性伸縮布局。 1、設定元素的position+margin屬性， 使用場景：針對靜態布局，要垂直居中元素的高、寬值確定時

首先，設定塊級元素div的父元素的 position:relative；

其次，設定塊級元素div的css position:absolute;top:50%;left:50%;

最後，設定該塊級元素div的外邊距：margin-top: -(height/2);

margin-left:-(width/2)(我回答的就是這個方法，因為這個我用的最多)

同樣設定父元素div的position:relative; 其次設定塊級元素div的css

position:absolute;top:50%;left:50%;

設定該塊級元素div的transform：transform:translate(-50%,50%);

設定父元素的css屬性 display:flex; justify-content:center;

從選擇器權重優先順序我們可以知道

內聯》id選擇器》class選擇器=偽類選擇器》標籤選擇器

但是 !important這個屬性，如果說有內聯與 !important兩個同時存在，那麼他們的權重 !important是最高的

instanceof、constructor、函式

function

isarray
(o)

//1 對比去重

array.prototype.rm = function
()             }
if (!temp) 
}return arr;
}//2 遍歷去重
array.prototype.rm2 = function
()         return arr;
}//3 排序去重
array.prototype.rm3 = function
() );
var arr = [this[0]];
for (var i = 1; i < this.length; i++) 
}return arr;
}//4 es6 set方法   
array.prototype.rm4 = function
() //5 indexof
array.prototype.rm5 = function
()     return arr;
}

前端面試總結篇（初級）

除了這兩個，關於es6的常用還有箭頭函式 模板字串 變數的解構賦值等 所謂的跨域問題是由於瀏覽器的同源策略限制的，當協議網域名稱埠號不同即為跨域，對於協議和埠來說，前端不能解決。解決跨域的幾種方式 1 資訊，伺服器收到請求，需要請求者繼續執行操作 101，公升級為websocket協議 2 成功，操...

騰訊前端面試篇（二）

這一面問的問題不多，問了一下網路相關的問題，還問了幾個智力題，其他都為機試！來來來，廢話不說，乾貨搞起來！1.從輸入url到頁面載入發生了什麼？答案 1 瀏覽器的位址列輸入url並按下回車。2 瀏覽器查詢當前url是否存在快取，並比較快取是否過期。3 dns解析url對應的ip。4 根據ip建立tc...

前端面試 前端面試總結2018 07

2周面試了11家公司吧，具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望，蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面，二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...