當前位置:吉日网官网 - 傳統節日 - 2020年Web前端面試問題匯總(1)

2020年Web前端面試問題匯總(1)

今天邊肖要和大家分享的文章是2020年Web前端面試題目總結。因為有很多小編要單獨給大家介紹,所以今天就和小編壹起來看看第壹部分吧。希望這些面試問題能對準備找Web前端相關工作的朋友有所幫助。

1.寫JavaScript有多少基本規範?

1)不要在同壹行聲明多個變量;

2)請使用= = =/!= =比較真/假或數值;

3)用賓語的字面量代替newObject的形式;

4)減少全局函數和全局變量的使用;

5)5)switch語句必須有壹個默認分支;

6)if語句必須使用大括號;

7)for-in循環中的變量;

應該使用var關鍵字明確定義範圍;

從而避免範圍全球汙染。

2.平衡二叉樹呢?

自平衡二元搜索樹

也被稱為AVL樹。

具有以下屬性:

1)它是壹棵空樹或其左右子樹。

高度差的絕對值不超過1,

左右子樹都是平衡二叉樹。

2)平衡二叉樹壹定是二叉查找樹,反之亦然。

3)平衡二叉樹常見的實現方法有紅黑樹、AVL、

替罪羊樹,樹,伸展樹等。

最小二叉平衡樹的節點公式如下:

f(n)= f(n-1)+f(n-2)+1備註:1為根節點。

F(n-1)是左子樹中的節點數,

F(n-2)是右邊子樹中的節點數。

3.清除浮動,解決垂直外邊距重疊的解決方案是什麽?

問題描述:

1)不設置父元素的寬度和高度,大小由子元素支持;

壹旦子元素浮動,父元素的高度就會折疊。

2)子元素設置邊距頂部將作用於的父元素的邊距頂部;

這將導致垂直外部邊距重疊。

。clearfix::在,。clearfix::before{

內容:“”;

顯示:表格;

明確:兩者都有;

}

4 .會話存儲、本地存儲和cookie?

相似之處:

都用於瀏覽器端存儲的緩存數據;

差異:

1)存儲的內容是否發送到服務器。

設置Cookie後,數據將被發送到服務器。

造成壹定的寬帶浪費;Xxxstorage將保存數據

去當地不會造成寬帶浪費;

2)不同的數據存儲大小

Cookie數據不能超過4K,適合會話識別;

Xxxstorage數據存儲量可達5M;

3)數據存儲的有效期不同

cookie僅在設置了cookied過期時間時使用。

之前壹直有效,即使關閉窗口或瀏覽器;

SessionStorage,僅在關閉瀏覽器前有效;

LocalStorage,數據存儲永久有效;

4)不同的範圍

Cookie和localStorage位於同壹源和窗口中。

都是* * *享受的;

SessionStorage不在不同的瀏覽器窗口中。

享受在* * *,哪怕是同壹個頁面;

5.判斷壹個單詞是否回文?

回文指的是將相同的單詞或句子,

在下文中,位置被顛倒或顛倒,

創建壹個頭尾循環的場景,

這叫回文,也叫回文。

比如卡卡·雷迪維德

letcheckPalindrom =(str)= & gt;{

returnstr===

str.split(“”)。反轉()。聯接(“”);

}

6.不使用臨時變量交換兩個整數?

輸入a=3,b=1,

輸出a=1,b=3。

letswap=(a,b)= & gt;{

b = b-a;

a = a+b;

b = a-b;

return[a,b];

}

7.請用html5寫至少五個新標簽,並說明它們的語義和應用場景?

Section:定義文檔中的壹章;

Nav:定義壹個只包含導航鏈接的章節;

頁眉:定義頁面或章節的頁眉;

它通常包含徽標、頁面標題和可導航的目錄。

頁腳:定義頁面或章節的尾部;

它通常包含版權信息、法律信息鏈接和反饋建議的地址。

旁白:定義與頁面內容相關性低的內容,

如果刪了,剩下的還是合理的。

8.8.get和post請求在緩存上有什麽區別?

get請求類似於查找過程,在查找過程中,用戶獲取數據,

您不必每次都連接到數據庫,因此可以使用緩存。

崗位不壹樣。post壹般做修改和刪除的工作。

所以妳要和數據庫交互,所以不能用緩存。

所以get請求適合請求緩存。

9.異步回調地獄怎麽解決?

承諾、生成器、異步/等待

10.圖片的懶加載和預加載?

預加載:預先加載圖片,

當用戶需要查看它時,他們可以直接

從本地緩存渲染。

延遲加載:延遲加載的主要目的

作為服務器前端的優化,

減少請求數量或延遲請求數量。

兩項技術的精髓:

他們的行為是相反的,

壹種是提前加載,

壹個是速度慢,甚至沒有加載。

懶加載對服務器前端有壹定的影響。

應力消除效果,

預加載會增加服務器前端的壓力。

11.bind,apply,call有什麽區別?

通過應用和調用改變函數的這個方向,

這兩個函數的第壹個參數是相同的,

指示要更改指向的對象,

第二個參數apply是壹個數組。

並且調用的形式是arg1,arg2...

通過bind更改此的範圍

將返回壹個新函數,

此功能不會立即執行。

12.js如何控制壹次加載壹張圖片,加載後再加載下壹張?

方法1:

var obj = new image();

obj . src = " #/21 . jpg ";

obj.onload=function(){

document.getElementById("pic ")

。innnerHTML =

}

裝貨

  • 上一篇:涓棩鑻辫獮娉曞緥涓檪鎱嬬殑姣旇純
  • 下一篇:九月九日重陽節有哪些習俗?
  • copyright 2024吉日网官网