摘要：隨機數(shù)參數(shù)中設(shè)置等。有哪幾種導(dǎo)航鉤子三種，第一種是全局導(dǎo)航鉤子，作用跳轉(zhuǎn)前進行判斷攔截。在階段，實例的數(shù)據(jù)對象有了，還沒有。載入前后在階段，實例的和都初始化了，但還是掛載之前為虛擬的節(jié)點，還未替換。更新前后當變化時，會觸發(fā)和方法。

最近面試了 很多1-2年的前端，網(wǎng)上手機了一些 問題和答案，發(fā)出來 希望能幫助到大家~

CSS篇

IOS手機瀏覽器字體齒輪

修改-webkit-font-smoothing屬性

結(jié)果是：-webkit-font-smoothing: none: 無抗鋸齒-webkit-font-smoothing: antialiased | subpixel-antialiased | default: 灰度平滑

怎么讓Chrome支持小于12px 的文字？

我們的做法是：

針對谷歌瀏覽器內(nèi)核，加webkit前綴，用transform:scale()這個屬性進行縮放！ p span {font-size:10px;-webkit-transform:scale(0.8);display:block;}

CSS預(yù)處理器(Sass/Less/Postcss)

CSS預(yù)處理器的原理: 是將類 CSS 語言通過 Webpack 編譯 轉(zhuǎn)成瀏覽器可讀的真正 CSS。

在這層編譯之上，便可以賦予 CSS 更多更強大的功能，常用功能:

嵌套 變量 循環(huán)語句 條件語句 自動前綴 單位轉(zhuǎn)換 mixin復(fù)用

JS

網(wǎng)站js和css如何壓縮？有哪些方法？

概念性知識點：

http請求問題，HTTP請求信息由那3部分組成？

請求方法URI協(xié)議/版本 （例如：GET/haorooms.jspHTTP/1.1）

請求頭(Request Header)（例如：Accept:image/gif.image/jpeg./ Accept-Language:zh-cn Connection:Keep-Alive Host:localhost等等）

請求正文

前端性能優(yōu)化問題，你是如何處理前端性能問題的？

www.haorooms.com/post/web_xn… 及 前端性能優(yōu)化補充篇

寫出最簡單的去重方式

es6的new Set()方式

let array=[0,3,4,5,3,4,7,8,2,2,5,4,6,7,8,0,2,0,90];[...new Set(array)]

es5的Array filter()

[1,3,4,5,1,2,3,3,4,8,90,3,0,5,4,0].filter(function(elem,index,Array){ return index === Array.indexOf(elem);})

谷歌瀏覽器運行下面代碼，并解釋！

[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })

運行上面代碼之后，會發(fā)現(xiàn)HTML層都被使用不同的顏色添加了一個高亮的邊框。為什么會這樣呢？

如何處理緩存？如何清除緩存。

ajax隨機數(shù)、ajax參數(shù)、meta中設(shè)置等?？梢钥聪挛覍懙?js清除瀏覽器緩存的幾種方法

Websocket

Websocket 是一個 持久化的協(xié)議， 基于 http ， 服務(wù)端可以 主動 push

兼容：

FLASH Socket
長輪詢： 定時發(fā)送 ajax
long poll： 發(fā)送 --> 有消息時再 response

new WebSocket(url)

ws.onerror = fn
ws.onclose = fn
ws.onopen = fn
ws.onmessage = fn
ws.send()

跨域

JSONP: 利用