前端面試題(整理)

2021-10-23 13:25:16 字數 2797 閱讀 7261

1.什麼時候需要清除浮動,清除浮動的方法有哪些?

樣式與當前div衝突時需要清除浮動。

方法:(1)末尾額外增加乙個空標籤:

(2)通過設定父元素overflow值設定為overflow:hidden;再ie6中需要出發haslayout,例如zoom:1;

(3)為父元素設定寬高 (4)使用 br標籤和其自身的 html屬性:br 有 clear=「all | left | right | none」 屬性

.main

.side

"all" />

(4)父元素設定 overflow:auto 屬性

(5)父元素也設定浮動

(6)父元素設定display:table

2.postion和display的取值和各自的用法

postion常見的屬性relative(相對定位)、absoulte(絕對定位)、fixed(固定定位)

display常見的屬性:none、inline、inlin-block、block、flex

display:none和visiability:hidden都可以隱藏div,區別有點像absolute和relative,前者不佔據文件的空間,後者還是佔據文件的位置。

可以把行內元素轉化成塊元素或行內塊元素

display: flex 意為"彈性盒布局模型",用來為盒狀模型提供最大的靈活性

3.理解閉包嗎?閉包在實際開發中的作用。閉包建議頻繁使用嗎?

閉包:能夠讀取其他函式內部變數的函式

不建議頻繁使用,閉包會使函式中的變數全部存在記憶體中,記憶體消耗很大,濫用會造成網頁效能問題,在ie中可能導致記憶體洩露。解決方法:在退出函式之前,將不使用的區域性變數全部刪除。

閉包會在父函式外部,改變函式內部變數的值。

4.(a1&&a2&&a==3)可能為true嗎?說明原因

不能,因為變數名不能相同。

5.cookiev.s. 、localstron**.s、sessionstoragev.s.、seccsion的區別?

cookiev.s.: 常用於客戶端與服務端之間的通訊,但是他有本地儲存功能,儲存量小4kb.生命週期隨瀏覽器的關閉而結束;一般儲存使用者名稱密碼相關資訊,或者過期日期。

seccsion:伺服器儲存

localstron**.s:h5問世後,專為瀏覽器儲存而設計,最大容量為5mb,如果瀏覽器關閉,localstorage儲存的東西不會消失。

sessionstorage:會在瀏覽器關閉時,所儲存的東西會被銷毀。

6.從敲入url到渲染完成的整個過程,包括dom構建的過程,詳細簡述

使用者輸入url位址,瀏覽器查詢dns查詢對應的請求ip位址

建立tcp連線

瀏覽器向服務端傳送http請求

服務端接收請求,處理請求生成html**,返回給瀏覽器

瀏覽器接收伺服器相應的結果,如果有壓縮則先進行解壓處理,緊接著就頁面解析

解析html構建dom樹

解析css生成css規則樹

布局render樹(layout/reflow),負責各元素尺寸,位置的計算

繪製render樹,繪製頁面畫素資訊

瀏覽器將各層的資訊傳送給gpu,gpu將各層合成顯示在螢幕上

瀏覽器首先會解析 html 檔案構建 dom 樹,然後解析 css 檔案構建 render樹,等到 render 樹構建完成後,瀏覽器開始布局 render 樹並將其繪製到螢幕上。

7.vue中的catch與computed的區別?

watch是監聽資料的變化,

computed式計算屬性,只有在相應市以來發生改變時他們才會重新求值

watch():

new

vue(

, watch:

, lastname:

function

(val)}}

)

computed():

new

vue(

, computed:}}

)

8.v-if 與 v-show的區別?

v-if:判斷是否載入固定的內容,如果為真,則載入;為假時,則不載入。

用處:用在許可權管理,頁面條件載入。

語法:v-if=「判斷表示式」

特點:控制元素插進來或者刪除,而不是隱藏。

v-show:元素是一直存在的,當v-show為false時,元素display:none只是隱藏了而已。

9.vue自定義指令有哪些?他有哪些鉤子函式?

v-mode v-show v-for v-if v-text v-html v-bind

鉤子函式:

beforecreadted

created

beforemount

mounted

beforeupdate

update

beforedestroy

destroy

10前端優化**效能的方法?

1)減少http請求次數

2)用innerhtml代替dom次數,減少dom操作次數

3)本地快取

4)少用全域性變數,減少io讀取操作

5)優化**,把css放在body上,把js放在body下面,讓其先載入css。

前端面試題整理

從瀏覽器位址列輸入url到顯示頁面的步驟 以http為例 在瀏覽器位址列輸入url 瀏覽器檢視快取,如果請求資源在快取中並且新鮮,跳轉到轉碼步驟 如果資源未快取,發起新請求 如果已快取,檢驗是否足夠新鮮,足夠新鮮直接提供給客戶端,否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expire...

前端面試題整理

1.html5的新特性。主要講講新增哪些api 地理定位,拖放,web儲存應用快取,webworkers,sse 2.css3的新特性。3 使用嚴格模式的限制有哪些。4 什麼是同源?什麼情況下就屬於跨域?怎麼解決跨域說出三種以上的方法,jsonp原理是什麼。同源 協議,網域名稱,埠相同 方法一 co...

前端面試題整理

js 1 ajax 原理 ajax的基本原理總結 2 原型和原型鏈 原型和原型鏈 3 深拷貝淺拷貝 js的深拷貝和淺拷貝 4 繼承有幾種方式 js繼承的幾種方式 5 閉包 js閉包 6 阻止事件冒泡,和預設事件 阻止事件冒泡,阻止預設事件 7 陣列去重 物件去重 8 陣列有哪些方法 9 promis...