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

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

CSS篇

IOS手機瀏覽器字體齒輪

修改-webkit-font-smoothing屬性

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

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

我們的做法是：

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

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

CSS預處理器的原理: 是將類 CSS 語言通過 Webpack 編譯 轉成瀏覽器可讀的真正 CSS。

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

嵌套 變量 循環語句 條件語句 自動前綴 單位轉換 mixin復用

JS

網站js和css如何壓縮？有哪些方法？

概念性知識點：

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

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

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

請求正文

前端性能優化問題，你是如何處理前端性能問題的？

www.haorooms.com/post/web_xn… 及 前端性能優化補充篇

寫出最簡單的去重方式

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) })

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

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

ajax隨機數、ajax參數、meta中設置等。可以看下我寫的 js清除瀏覽器緩存的幾種方法

Websocket

Websocket 是一個 持久化的協議， 基于 http ， 服務端可以 主動 push

兼容：

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

new WebSocket(url)

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

跨域

JSONP: 利用