前端社招第一次面試問到的題【面試通過，工資5k】
1、px跟em的區(qū)別？
答：px就是一個(gè)絕對像素單位，是固定值，而em是相對單位值，如果自身定義了font-size，則em會根據(jù)font-sizefont-size的大小變化而變化
2、get跟post請求的區(qū)別？
答：①首先我們要看看是基于什么前提，如果沒有什么前提，不適用任何規(guī)范，只考慮語法和理論上的HTTP協(xié)議，get和post請求基本就沒有什么區(qū)別，只有名字不一樣罷了；
②如果是基于RFC規(guī)范的
【在理論上】get跟post雖然具有相同語法，但是有不同的語義，get是用來獲取數(shù)據(jù)的，post是用來發(fā)送數(shù)據(jù)，post是用來發(fā)送數(shù)據(jù)的，其他方面沒有區(qū)別。
【在實(shí)現(xiàn)上】各種瀏覽器就是這個(gè)規(guī)范的實(shí)現(xiàn)者，常見的有這些不同
1）get的數(shù)據(jù)在url中是可見的，post請求是不顯示在url中；
2）get請求對長度是有限制的，post請求長度是無限的；
3）get請求的數(shù)據(jù)可以收藏為書簽，post請求到的數(shù)據(jù)不可收藏為書簽；
4）get請求后，按后退和刷新按鈕無影響，post數(shù)據(jù)如果這樣做就會被沖洗提交數(shù)據(jù)進(jìn)而刷新頁面；
5）get的編碼類型只有application/x-www-form-url一種，post的編碼類型有多種，比如 encodeapplication/x-www-form-urlencoded和 multipart/form-data
3、js中的漸進(jìn)增強(qiáng)和優(yōu)雅降級是什么？
漸進(jìn)增強(qiáng)：針對低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功能，然后再針對高級瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)；
優(yōu)雅降級：寫一些css和HTML代碼時(shí)做一些處理，確保不再低級瀏覽器不兼容時(shí)，也能達(dá)到原來的效果
4、jq中的取消事件跟打開事件是什么？
off 跟 on
5、如何優(yōu)化前端頁面？
答：①頁面級別的優(yōu)化：
1）CSS中的spriter精靈圖，可以直接從網(wǎng)上下載，減少了圖片的請求；
2）使用CDN
3）壓縮合并代碼
4）使用DNS預(yù)解析
②代碼級別的優(yōu)化：
1）減少dom操作
2）異步加載避免阻塞
3）事件代理
4）使用requestAnimationFrame代替setTimeout和setInterval
5）圖片懶加載等
6、什么是面向?qū)ο螅?br />
答：面向?qū)ο缶秃帽劝衙恳患|西看成一個(gè)對象，代碼主要是通過class來實(shí)現(xiàn)對象的功能。
7、Vue的原理有哪些？
答：響應(yīng)式原理、MVVM原理、v-model數(shù)據(jù)綁定原理
8、Vuex的狀態(tài)有哪些？
答：5個(gè)。state、getters、mutation、actions、module。
9、Cookie跟Session的區(qū)別是什么？
答：1）Cookie的登錄信息是存放在瀏覽器客戶端；Session的登錄信息是存在服務(wù)器端；
2）Cookie的登錄信息在一定的時(shí)間內(nèi)關(guān)閉瀏覽器后再打開是有效的，而Session的登錄信息在關(guān)閉瀏覽器后就失效了；
3）Cookie的存放大小有限制，只有4k；而Session的存儲大小沒有限制；
4）Cookie比較安全，Session安全性較差
10、圖片的壓縮原理是什么？
答：就是把圖片的十六進(jìn)制轉(zhuǎn)化為二進(jìn)制，減少了圖片的內(nèi)存，達(dá)到壓縮的目的。
11、Vue中的data為什么是一個(gè)函數(shù)而不是對象？
答：如果data是object對象的話，每次用的都是同一個(gè)內(nèi)存空間，組件復(fù)用的時(shí)候狀態(tài)都是一樣的，這樣不利于頁面的渲染。
12、什么是MVVM原理？
答：M模型 ， V視圖， VM視圖模型，三大部分
13、為什么要初始化css樣式？
答：因?yàn)椴煌瑸g覽器本身就存在差異，各自的margin和padding等值代銷都不一樣，我們需要清除掉，防止頁面混亂。
14、你有了解過websocket嗎？
答：詳情請看HTML5的api部分，網(wǎng)址https://www.runoob.com/html/html5-websocket.html，此部分知識是為了解決ajax請求速度過慢的問題。實(shí)際開發(fā)都是用websocket.，很少用ajax，websocket用法跟ajax差不了多少。
本站文章版權(quán)歸原作者及原出處所有 。內(nèi)容為作者個(gè)人觀點(diǎn)， 并不代表本站贊同其觀點(diǎn)和對其真實(shí)性負(fù)責(zé)，本站只提供參考并不構(gòu)成任何投資及應(yīng)用建議。本站是一個(gè)個(gè)人學(xué)習(xí)交流的平臺，網(wǎng)站上部分文章為轉(zhuǎn)載，并不用于任何商業(yè)目的，我們已經(jīng)盡可能的對作者和來源進(jìn)行了通告，但是能力有限或疏忽，造成漏登，請及時(shí)聯(lián)系我們，我們將根據(jù)著作權(quán)人的要求，立即更正或者刪除有關(guān)內(nèi)容。本站擁有對此聲明的最終解釋權(quán)。
