面試碰到的部分問題

1.em、rem、px的區別
https://www.runoob.com/w3cnote/px-em-rem-different.html
一、概念
px：絕對單位，頁面按精確像素展現。
em：相對單位，基準點爲父節點字體的大小，若是自身定義了font-size按自身來計算（瀏覽器默認字體是16px），整個頁面內1em不是一個固定的值。
rem：相對單位，可理解爲」root em」, 相對根節點html的字體大小來計算，CSS3新加屬性，chrome/firefox/IE9+支持。
二、特色
PX特色：
1. IE沒法調整那些使用px做爲單位的字體大小；
2. 國外的大部分網站可以調整的緣由在於其使用了em或rem做爲字體單位；
3. Firefox可以調整px和em，rem，可是96%以上的中國網民使用IE瀏覽器(或內核)。
EM特色 ：
1. em的值並非固定的；
2. em會繼承父級元素的字體大小。
rem特色：
rem是CSS3新增的一個相對單位（root em，根em），這個單位引發了普遍關注。區別在於使用rem爲元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。
這個單位可謂集相對大小和絕對大小的優勢於一身，經過它既能夠作到只修改根元素就成比例地調整全部字體大小，又能夠避免字體大小逐層複合的連鎖反應。
目前，除了IE8及更早版本外，全部瀏覽器均已支持rem。對於不支持它的瀏覽器，應對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。
擴展資料
選擇使用什麼字體單位主要由項目來決定，若是你的用戶羣都使用最新版的瀏覽器，那推薦使用rem，若是要考慮兼容性，那就使用px,或者二者同時使用。
不管是臺式仍是移動端開發，二者其實均可以使用，只不過em須要注意繼承關係，而且須要修改多個內容，而rem偏偏相反，因此rem更適合移動式開發。
也就是說，em是以自身父容器爲參考對象的，而rem直接以HTML爲參考對象的，在多層嵌套的狀況下使用em很容易出現問題。

總結：

 

尺寸：px、rem、em
px像素，相對長度單位，相對於顯示器分辨率而言的，相對。顯示器分辨率的像素點
em 一樣是相對長度單位，相對於當前對象內文本的字體尺寸。如果相對於當前對行內文本的字體尺寸未被人爲設置，就是相對於瀏覽器默認字體尺寸。
rem 一樣是相對尺寸單位，相對的目標是html根元素。

 

em、px、rem：都是相對長度單位，px:相對於屏幕分辨率；em是相對與當前行內文本的字體尺寸，未被定義時，相對於瀏覽器默認字體尺寸；rem是相對html根元素的尺寸。

 

vw表明視窗（viewport）的寬度爲1%，若是視窗寬度爲1000px，那麼50vw=500px。相對於視窗寬度。1vw等於1%的視窗寬度。
vh表明窗口高度的百分比，若是視窗高度800px 那麼50vh=400px。

 

em、rem、px、vh、vw。的區別及相同。

 

2.seo優化方式，vue如何作seo優化
（1）ssr,即單頁面後臺渲染
（2）vue-meta-info 與prerender-spa-plugin 預渲染
（3）nuxt
（4）phantomjs
3.es6 pomise的使用方式及返回值（定時器爲 0時數據返回方式）

4.js的冒泡事件及捕獲事件
https://blog.csdn.net/jiang7701037/article/details/81481550
5.http狀態有哪幾種？
http狀態返回代碼 1xx（臨時響應）
表示臨時響應並須要請求者繼續執行操做的狀態代碼。

http狀態返回代碼 代碼 說明
100 （繼續） 請求者應當繼續提出請求。 服務器返回此代碼表示已收到請求的第一部分，正在等待其他部分。
101 （切換協議） 請求者已要求服務器切換協議，服務器已確認並準備切換。

http狀態返回代碼 2xx （成功）
表示成功處理了請求的狀態代碼。

http狀態返回代碼 代碼 說明
200 （成功） 服務器已成功處理了請求。 一般，這表示服務器提供了請求的網頁。
201 （已建立） 請求成功而且服務器建立了新的資源。
202 （已接受） 服務器已接受請求，但還沒有處理。
203 （非受權信息） 服務器已成功處理了請求，但返回的信息可能來自另外一來源。
204 （無內容） 服務器成功處理了請求，但沒有返回任何內容。
205 （重置內容） 服務器成功處理了請求，但沒有返回任何內容。
206 （部份內容） 服務器成功處理了部分 GET 請求。

http狀態返回代碼 3xx （重定向）
表示要完成請求，須要進一步操做。 一般，這些狀態代碼用來重定向。

http狀態返回代碼 代碼 說明
300 （多種選擇） 針對請求，服務器可執行多種操做。 服務器可根據請求者 (user agent) 選擇一項操做，或提供操做列表供請求者選擇。
301 （永久移動） 請求的網頁已永久移動到新位置。 服務器返回此響應（對 GET 或 HEAD 請求的響應）時，會自動將請求者轉到新位置。
302 （臨時移動） 服務器目前從不一樣位置的網頁響應請求，但請求者應繼續使用原有位置來進行之後的請求。
303 （查看其餘位置） 請求者應當對不一樣的位置使用單獨的 GET 請求來檢索響應時，服務器返回此代碼。

304 （未修改） 自從上次請求後，請求的網頁未修改過。 服務器返回此響應時，不會返回網頁內容。
305 （使用代理） 請求者只能使用代理訪問請求的網頁。 若是服務器返回此響應，還表示請求者應使用代理。
307 （臨時重定向） 服務器目前從不一樣位置的網頁響應請求，但請求者應繼續使用原有位置來進行之後的請求。
6.畫一個紅色指標圖形要如何作
7.解釋jsonp的原理，以及爲何不是真正的ajax
Jsonp並非一種數據格式，而json是一種數據格式，jsonp是用來解決跨域獲取數據的一種解決方案，具體是經過動態建立script標籤，而後經過標籤的src屬性獲取js文件中的js腳本，該腳本的內容是一個函數調用，參數就是服務器返回的數據，爲了處理這些返回的數據，須要事先在頁面定義好回調函數，本質上使用的並非ajax技術

8.什麼是節流和去抖？
https://www.jianshu.com/p/cad9e3e779e2

9.前端常見的瀏覽器兼容性問題及解決方案
https://blog.csdn.net/wanmeiyinyue315/article/details/79654984
10.由["1","2","3"].map(parseInt)引出的問題
https://blog.csdn.net/qq_38401285/article/details/85311629