2023年前端面試題總結

2021-08-30 15:26:00 字數 2526 閱讀 6386

首先是問答題:

什麼是標籤語義化?

使標籤有自己的含義。語義化標籤主要有以下幾點好處:

1.在沒有css樣式表時也可以展示出很好的頁面結構。

2.有利於seo(搜尋引擎優化)

3.方便其他裝置(閱讀器等)按語**析渲染頁面。

4.合理的語義化標籤有利於**的維護。

在html中,i/em標籤的區別?b/strong標籤的區別?

從樣式上看,兩組標籤的樣式分別是一樣的。(i/em傾斜,b/strong)。從語義上看,em表示強調,strong表示更強程度的強調。而i/b並沒有語義。僅僅是樣式。

=====有什麼區別?

對於基礎型別比較。==是值比較,當兩個值型別不同時先會對型別進行隱式轉換,在比較值是否相等。===會進行型別比較和值比較。比較過程不會進行隱式轉換。效率上講===的效率要高一點。

如何判斷乙個object是陣列型別。

使用constructor屬性。返回建立此物件的建構函式。

注意 比較時比較的不是字串'array'

cookie,localstorage,sessionstorage有什麼區別?

首先生命週期不同。cookie是可以設定生命週期的,如果不設定則預設關閉瀏覽器就結束。localstorage需要手動銷毀。sessionstorage在關閉標籤頁後銷毀。

第二儲存大小不同。cookie一般在4k左右。html5的本地儲存要一般在5m左右(不同瀏覽器有區別)。

第三cookie是建立在與伺服器通訊的基礎上。而後兩者不參與通訊。

css3中的transfrom:translatez(0)有什麼作用?

自己動畫方面的實踐比較少,本以為就是個z軸偏移。回去一查才發現原來這麼設定可以提公升渲染效率。貼個部落格位址吧,不班門弄斧了。css動畫優化(gpu)

行內元素,塊級元素,空元素有什麼區別?

行內元素和塊級元素的主要區別有 1:行尾結束時是否換行。2:塊級元素可以通過width/height設定寬高。而行內元素不可以設定寬高。3:行內元素的margin只有水平方向有效。二者可以通過display屬性進行轉換。

行內元素有:span、img、a、lable、input、abbr等;

塊級元素有:div、p、h1~h6、ul、header、section、aside、footer等;

那麼,乙個問題來了。為什麼img\input等標籤是行內元素卻可以設定寬高呢。因為這些標籤同時也是置換元素,置換元素是可以設定寬高的。

空元素是指沒有內容的 html 元素被稱為空元素。例如換行標籤

;哪些值會在轉換時轉換成false;

程式設計題邏輯符判斷,以下輸出結果

console.log(1 || 2);

console.log(0 || 2);

console.log(0 || false);

console.log(0 && 2);

console.log(-1 && 2);

console.log(-1 && false);

答案是:

總結來說就是

「||」 邏輯或前的結果如果是true 那麼無論後面是true還是false統統顯示前面的結果(後面被短路掉了)。如果邏輯或前是false,那麼無論後面的是true還是false,都顯示後面的結果。

「&&」邏輯與。如果邏輯與前面的結果是true,無論後面是true還是false,都顯示後面的結果;如果邏輯與前面的結果是false,無論後面是true還是false,都顯示前面的結果(同樣短路);

以下**會輸出什麼

var a = "ssss";

var test = )()}};

test.b();

輸出結果是:

this指向問題,如果最外層沒有定義a變數,那麼閉包內的this.a應該是undefined.

同樣的還有這道:

var s = 24;

;(function()

var obj =

} obj.metnod(fn);

})();

輸出結果是24,也就是window物件下的s的值。

2023年前端面試題

時間過的也蠻快,今年迎來了第一次面試前端,其實我很緊張,第一次面試,下面是面試題,希望對今年找工作的你有所幫助。1 空間複雜度和時間複雜度 空間複雜度 s n o f n 時間複雜度 1,log2n,n,n 2,n 3,logn 2 2 http協議的狀態碼及其表達的意思 狀態碼 1xx 提示資訊,...

2018前端面試題總結

1.對深拷貝的理解,如何進行深拷貝 2.專案中使用的壓縮工具 3.預載入是怎麼實現的,是前台實現還是後台 4.打包工具 5.開發中,怎麼相容es6新語法 6.事件委託的理解 7.閉包都什麼時候用到 a.匿名自執行函式 b.封裝 c.實現類和繼承 8.陣列去重都哪些方法,es6裡有乙個方法 9.怎麼繼...

2023年前端面試題 更新中

1.margin 0 auto 水平 2.text align center 水平 3.行高,垂直 4.center,middle 水平垂直 5.display table cell 模擬 all 6.絕對定位,50 減自身寬高 7.絕對定位,上下左右全0,margin auto 8.絕對定位加相對...