前端面試題小結(jié)

fuchenxuan 發(fā)布于2019-08-23 15:43 / 3091人閱讀

摘要：如何解決不同終端的適配問題彈性盒子，非常不錯的選擇的運行流程生命周期生命周期優(yōu)化解釋中虛擬存在的好處為什么可以解決跨域問題地址欄輸入流程總結(jié)初級階段是會用。

前幾天也是有人問我的一些問題，我覺得還是挺有了解價值的，也是一些平時開發(fā)可能比較會忽略的問題。別的不多說，直接開門見山：

1.post和get的區(qū)別？

我們都知道GET和POST是HTTP請求的兩種基本方法。我相信如果有人問到你這個問題，可能很多人都能說出一二。如果面試你去說一些‘標(biāo)準(zhǔn)答案’，你會發(fā)現(xiàn)面試官會微笑，究竟是為什么呢？其實他們之間最大的區(qū)別是：1.Get產(chǎn)生一個數(shù)據(jù)包，post會產(chǎn)生兩個數(shù)據(jù)包。詳細(xì)的意思就是：對于get來說，瀏覽器會把http header和data 發(fā)送出去，服務(wù)器響應(yīng)。post：瀏覽器會先把header發(fā)送出去，服務(wù)器響應(yīng)100 continue，再把data發(fā)送出去，服務(wù)器響應(yīng)。

2.前端圖片上傳需要注意什么？

我們都知道圖片是二進制的，如果每次圖片的下載始終都要向服務(wù)器發(fā)出請求，要是圖片的下載不用向服務(wù)器發(fā)出請求，而可以隨著 HTML 的下載同時下載到本地那就太好了，而 base64 正好能解決這個問題。具體圖片怎么轉(zhuǎn)base64其實網(wǎng)上也有很多方式可以去看看。

3.如果你1s點擊按鈕100下，我們該怎么處理(優(yōu)化)？

這個問題也就是關(guān)乎到防抖和節(jié)流，防抖：立即執(zhí)行版和非立即執(zhí)行版。
立即執(zhí)行版：觸發(fā)事件后函數(shù)會立即執(zhí)行，然后 n 秒內(nèi)不觸發(fā)事件才能繼續(xù)執(zhí)行函數(shù)的效果
非立即執(zhí)行版：觸發(fā)事件后函數(shù)不會立即執(zhí)行，而是在 n 秒后執(zhí)行，如果在 n 秒內(nèi)又觸發(fā)了事件，則會重新計算函數(shù)執(zhí)行時間。
節(jié)流：連續(xù)觸發(fā)事件但是在 n 秒中只執(zhí)行一次函數(shù)。相當(dāng)于就是一個閥門，到時間才會打開，我不管你怎么操作。具體實現(xiàn)可以搜索一些網(wǎng)上資源進行學(xué)習(xí)。

4.j實現(xiàn)文件拷貝

本人聽了之后也是有點蒙蔽，因為確實也用過，可以說少之又少。這個問題大家也是可以去關(guān)注一下。

5.如何解決不同終端的適配問題

彈性盒子(flex)，非常不錯的選擇

6.*redux的運行流程 7.*react生命周期 8.*生命周期優(yōu)化 9.*解釋react中虛擬DOM,存在的好處 10.*jsonp為什么可以解決跨域問題 11.*地址欄輸入url流程

總結(jié):初級階段是：會用。要去追究一些底層原理問題，會讓你更加加深對對知識的掌握。你要有所提升的話還是要去熟練掌握一些知識，畢竟JS是入門以及必須掌握的，而且也是很強大。學(xué)無止境吧。大家也可以一起討論一下，以上問題如果不太清楚，我也可以為大家解答。