在每個前端求職者的面試過程中，一定都有過被面試官問到項(xiàng)目中的難點(diǎn)，而答不上來的情況。為了讓大家在前端面試前準(zhǔn)備得更加充足，小編準(zhǔn)備了一些易被忽視且難度較高的前端面試題，希望可以幫助大家更加順利完成求職，找到自己滿意的工作。

1.流式布局如何實(shí)現(xiàn)，響應(yīng)式布局如何實(shí)現(xiàn)？

流式布局：也叫 fluid,當(dāng)上面一行的空間不夠容納新的 TextView 時候才開辟下一行的空間。場景：主要用于關(guān)鍵詞搜索或者熱門標(biāo)簽等場景；它主要是按照頁面元素的寬度按照屏幕分辨率進(jìn)行適配調(diào)整，但整體布局不變,使用%百分比定義寬度，高度大都是用 px 來固定，可以根據(jù)可視區(qū)域和父元素的實(shí)時尺寸來調(diào)整，盡可能適應(yīng)各種分辨率。

響應(yīng)式布局：主要是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的不同展示方式， 通過響應(yīng)式設(shè)計(jì)能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗(yàn)；首先設(shè)置meta標(biāo)簽，通過媒體查詢來設(shè)置樣式Media Queries,然后再設(shè)置多種試圖寬度。

2.什么是 “use strict”,好處和壞處是什么？

ECMAscript 5 添加了第二種運(yùn)行模式："嚴(yán)格模式"(strict mode)。顧名思義，這種模式使得 Javascript 在更嚴(yán)格的條件下運(yùn)行。

好處：消除 Javascript 語法的一些不合理、不嚴(yán)謹(jǐn)之處，減少一些怪異行為;消除代碼運(yùn)行的一些不安全之處，保證代碼運(yùn)行的安全；提高編譯器效率，增加運(yùn)行速度；為未來新版本的 Javascript 做好鋪墊。 注：經(jīng)過測試 IE6,7,8,9 均不支持嚴(yán)格模式。

缺點(diǎn)：現(xiàn)在網(wǎng)站的 JS 都會進(jìn)行壓縮，一些文件用了嚴(yán)格模式，而另一些沒有。這時這些本來是嚴(yán)格模式的文件，被 merge 后，這個串就到了文件的中間，不僅沒有指示嚴(yán)格模式，反而在壓縮后浪費(fèi)了字節(jié)。

3.介紹一下websocket。

websocket 是一種網(wǎng)絡(luò)通信協(xié)議，是HTML5 開始提供的一種在單個 TCP 連接上進(jìn)行全雙工通信的協(xié)議，這個對比著 http 協(xié)議來說，http 協(xié)議是一種無狀態(tài)的、無連接的、單向的應(yīng)用層協(xié)議，通信請求只能由客戶端發(fā)起，服務(wù)端對請求做出應(yīng)答處理。

http 協(xié)議無法實(shí)現(xiàn)服務(wù)器主動向客戶端發(fā)起消息，Websocket 連接允許客戶端和服務(wù)器之間進(jìn)行全雙工通信，以便任一方都可以通過建立的連接將數(shù)據(jù)推送到另一端。WebSocket 只需要建立一次連接，就可以一直保持連接狀態(tài)。

4.jquery如何綁定事件，有幾種類型和區(qū)別？

jquery 綁定事件的方法分別是：bind(),live(),delegate()和 on()，像bind(),live(),delegate(),隨著jquery 版本的更新，已經(jīng)被移除，注意：bind()是在 3.0 版本之后被移除的，現(xiàn)在用的最多的是 on()，on()既可以綁定單事件，也可以綁定多事件，還可以進(jìn)行事件委托。

區(qū)別：bind()的事件綁定是只對當(dāng)前頁面選中的元素有效，對動態(tài)創(chuàng)建的元素 bind()事件，是沒有辦法達(dá)到效果的，而其余三個可以。

5.單頁面應(yīng)用有什么 SEO 方案？

原因：較之于傳統(tǒng)頁面，單頁應(yīng)用需要先下載框架(數(shù)據(jù) / 模板)，然后才能開始加載數(shù)據(jù)。

方案：

服務(wù)器端渲染首屏(SSR 基于 vue 的服務(wù)端下載)；讓服務(wù)端把首屏的數(shù)據(jù)渲染在頁面上；進(jìn)行基本的 css 模板 js 的編譯合并；減少請求次數(shù)，使用 gulp 工具，把 css 打包成一個文件, js 打包成一個文件, 模板打包成一個 js 文件($templateCache) 可以和 js 文件打包成一起(促使模板 JS 文件和 JS 文件一次性請求)；代碼分塊，如果首屏不需要的塊，就不用加載了；路由組件懶加載。

當(dāng)打包構(gòu)建應(yīng)用時，Javascript 包會變得非常大，影響頁面加載。如果我們能把不同路由對應(yīng)的組件分割成不同的代碼塊，然后當(dāng)路由被訪問的時候才加載對應(yīng)組件，這樣更加高效；如果有大量圖片使用懶加載。 以上就是前端面試被問到項(xiàng)目中的難點(diǎn)。

如果還有對前端面試抱有疑問的小伙伴，可以上傳智播客(黑馬程序員)官網(wǎng)，觀看前端就業(yè)指導(dǎo)課程，相信對大家的面試會有很大的幫助。

總結(jié)

以上是生活随笔為你收集整理的前端vue适配不同的分辨率_前端面试时，被问到项目中的难点有哪些？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。