前端面試題彙總學習(一)

2021-09-13 21:52:01 字數 2105 閱讀 4242

瀏覽器解析過程

如何解析

…(前面和上一題一樣)

解析過程是同步還是非同步?

簡述cookie,sessionstorage,localstorage的含義和區別

當使用者使用瀏覽器訪問乙個支援cookie的**的時候,使用者會提供包括使用者名稱在內的個人資訊並且提交至伺服器;伺服器在向客戶端回傳相應的超文字的同時也會發回這些個人資訊,這些資訊存放於http響應頭;當客戶端瀏覽器接收到來自伺服器的響應之後,瀏覽器會將這些資訊存放在乙個統一的位置;之後,客戶端再向伺服器傳送請求的時候,都會把相應的cookie再次發回至伺服器(cookie資訊則存放在http請求頭)。有了cookie這樣的技術實現,伺服器在接收到來自客戶端瀏覽器的請求之後,就能夠通過分析存放於請求頭的cookie得到客戶端特有的資訊,從而動態生成與該客戶端相對應的內容。(例如,**的「請記住我」選項,**推薦資訊)

sessionstorage:將資料儲存在session物件中。所謂session,是指使用者在瀏覽某個**時,從進入**到瀏覽器關閉所經過的這段時間,也就是使用者瀏覽這個**所花費的時間。session物件可以用來儲存在這段時間內所要求儲存的任何資料,這些資料只有在同一會話中的頁面才能訪問;當使用者關閉瀏覽器視窗後,資料會被刪除。不持久

localstorage:將資料儲存在客戶端本地的硬體裝置(通常指硬碟,也可以是其他硬體裝置)中,即使瀏覽器被關閉了,該資料仍然存在,下次開啟瀏覽器訪問**時仍然可以繼續使用。持久

區別:

共同點:都是儲存在瀏覽器端,且同源的

盒子模型

有兩種, ie 盒子模型、標準 w3c 盒子模型

盒模型:內容、內邊距、外邊距(一般不計入盒子實際寬度)、邊框(ie 盒子模型的內容包括邊框和內邊距)

原型鏈原型:

原型鏈:有限的例項物件和原型之間組成的有限鏈,為了實現共享屬性和繼承

陣列去重

var ar=[1

,23,11

,1,1

,23,4

,9,9

,8,9

,0];

function

deletenum

(arr)

}return arr;

} console.

log(ar)

;//[1, 23, 11, 1, 1, 23, 4, 9, 9, 8, 9, 0]

console.

log(

deletenum

(ar));

//[1, 23, 11, 4, 9, 8, 0]

瀏覽器核心

xhtml和html有什麼區別

html是一種基本的web網頁設計語言,xhtml是乙個基於xml的置標語言

最主要的不同:

前端頁面有哪三層構成,分別是什麼?作用是什麼?

html結構層,css表示層,js行為層

每個html檔案前都有doctype,這是幹什麼的?html5 為什麼只需要寫 !doctype html?

為什麼要初始化樣式?

由於瀏覽器相容問題,不同的瀏覽器對標籤的預設樣式值不同,如不初始化會造成不同瀏覽器之間的顯示差異。但初始化css會對搜尋引擎優化造成小影響。

html語義化是什麼?

當頁面樣式載入失敗的時候能夠讓頁面呈現出清晰的結構,有利於seo優化,利於被搜尋引擎收錄(更便於搜尋引擎的爬蟲程式來識別),便於專案的開發和維護,使html**更具有可讀性,便於其他裝置解析。

對web標準以及w3c的理解與認識

行內元素有哪些?塊級元素有哪些? 空(void)元素有哪些?

行內元素:a、b、i、span、input、select、strong、img

塊級元素:div、p、h1、h2、h3、h4、form、ul、ol、dl、li

空元素:br、hr、img、input、link、meta、area

b標籤和strong標籤,i標籤和em標籤的區別?

後者有語義,前者無。

b標籤是加粗,相當於bold加粗, strong 也是加粗的意思, 強調的意思。 乙個是標籤乙個是邏輯元素。

i和em都是傾斜的意思,只是em它有強調的意思 。乙個是邏輯元素 乙個是物理元素。

前端面試題目彙總

面試是個漫長的過程,從海投到收穫 面試,一面 二面 三面,乙個步驟出錯那麼後面就宣告終結。同時,面試過程中你也可能會遇到一些面試官的刁難,甚至部分面試官會說些比較打擊你的話,但是大部分面試官都是很棒的 前端面試題目彙總 必須有牢固的基礎知識,足夠豐富的專案經歷。一 基礎j ascript get請求...

前端面試題 (一)

此處省略一萬個字表達我的心情.通常當滑鼠滑動到元素上的時候顯示 alt是 get方法 傳送乙個請求來取得伺服器上的某一資源 post方法 向url指定的資源提交資料或附加新的資料 put方法 跟post方法很像,也是想伺服器提交資料。但是,它們之間有不同。put指定了資源在伺服器上的位置,而post...

前端面試題(一)

部落格說明 1 請你講一下js監聽物件屬性的改變具體是怎麼實現的,它們各自有什麼特點?object.defineproperty user,name 缺點 如果id不在user物件中,則不能監聽id的變化 var user new proxy 這樣即使有屬性在user中不存在,通過user.id來定...