前端社招第一次面試問到的題【面試通過，工資5k】
1、px跟em的區別？
答：px就是一個絕對像素單位，是固定值，而em是相對單位值，如果自身定義了font-size，則em會根據font-sizefont-size的大小變化而變化
2、get跟post請求的區別？
答：①首先我們要看看是基於什麼前提，如果沒有什麼前提，不適用任何規範，只考慮語法和理論上的HTTP協議，get和post請求基本就沒有什麼區別，只有名字不一樣罷了；
②如果是基於RFC規範的
【在理論上】get跟post雖然具有相同語法，但是有不同的語義，get是用來獲取數據的，post是用來發送數據，post是用來發送數據的，其他方面沒有區別。
【在實現上】各種瀏覽器就是這個規範的實現者，常見的有這些不同
1）get的數據在url中是可見的，post請求是不顯示在url中；
2）get請求對長度是有限制的，post請求長度是無限的；
3）get請求的數據可以收藏爲書籤，post請求到的數據不可收藏爲書籤；
4）get請求後，按後退和刷新按鈕無影響，post數據如果這樣做就會被沖洗提交數據進而刷新頁面；
5）get的編碼類型只有application/x-www-form-url一種，post的編碼類型有多種，比如 encodeapplication/x-www-form-urlencoded和 multipart/form-data
3、js中的漸進增強和優雅降級是什麼？
漸進增強：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗；
優雅降級：寫一些css和HTML代碼時做一些處理，確保不再低級瀏覽器不兼容時，也能達到原來的效果
4、jq中的取消事件跟打開事件是什麼？
off 跟 on
5、如何優化前端頁面？
答：①頁面級別的優化：
1）CSS中的spriter精靈圖，可以直接從網上下載，減少了圖片的請求；
2）使用CDN
3）壓縮合並代碼
4）使用DNS預解析
②代碼級別的優化：
1）減少dom操作
2）異步加載避免阻塞
3）事件代理
4）使用requestAnimationFrame代替setTimeout和setInterval
5）圖片懶加載等
6、什麼是面向對象？
答：面向對象就好比把每一件東西看成一個對象，代碼主要是通過class來實現對象的功能。
7、Vue的原理有哪些？
答：響應式原理、MVVM原理、v-model數據綁定原理
8、Vuex的狀態有哪些？
答：5個。state、getters、mutation、actions、module。
9、Cookie跟Session的區別是什麼？
答：1）Cookie的登錄信息是存放在瀏覽器客戶端；Session的登錄信息是存在服務器端；
2）Cookie的登錄信息在一定的時間內關閉瀏覽器後再打開是有效的，而Session的登錄信息在關閉瀏覽器後就失效了；
3）Cookie的存放大小有限制，只有4k；而Session的存儲大小沒有限制；
4）Cookie比較安全，Session安全性較差
10、圖片的壓縮原理是什麼？
答：就是把圖片的十六進制轉化爲二進制，減少了圖片的內存，達到壓縮的目的。
11、Vue中的data爲什麼是一個函數而不是對象？
答：如果data是object對象的話，每次用的都是同一個內存空間，組件複用的時候狀態都是一樣的，這樣不利於頁面的渲染。
12、什麼是MVVM原理？
答：M模型 ， V視圖， VM視圖模型，三大部分
13、爲什麼要初始化css樣式？
答：因爲不同瀏覽器本身就存在差異，各自的margin和padding等值代銷都不一樣，我們需要清除掉，防止頁面混亂。
14、你有了解過websocket嗎？
答：詳情請看HTML5的api部分，網址https://www.runoob.com/html/html5-websocket.html，此部分知識是爲了解決ajax請求速度過慢的問題。實際開發都是用websocket.，很少用ajax，websocket用法跟ajax差不了多少。