今天小編要跟大家分享的文章是關于2020年Web前端面試題匯總。由于內容較多小編分開為大家介紹，今天首先來和小編一起看一看第一部分的內容，希望這些面試題能夠對正準備找Web前端相關工作的小伙伴們有所幫助。1.說幾條寫JavaScript的基本規(guī)范?1)不要在同一行聲明多個變量;2)請使用===/!==來比較true/false或者數值;3)使用對象字面量替代newObject這種形式;4)減少使用全局函數,全局變量;5)switch語句必須帶有default分支;6)if語句必須使用大括號;7)for-in循環(huán)中的變量;應該使用var關鍵字明確限定作用域;從而避免作用域全局污染。2.說說平衡二叉樹?平衡二叉搜索樹(Self-balancingbinarysearchtree)又被稱為AVL樹。具有以下性質：1)它是一棵空樹或它的左右兩個子樹的高度差的絕對值不超過1，并且左右兩個子樹都是一棵平衡二叉樹。2)平衡二叉樹必定是二叉搜索樹，反之則不一定。3)平衡二叉樹的常用實現方法有紅黑樹、AVL、替罪羊樹、Treap、伸展樹等。最小二叉平衡樹的節(jié)點的公式如下：F(n)=F(n-1)+F(n-2)+1備注：1是根節(jié)點，F(n-1)是左子樹的節(jié)點數量，F(n-2)是右子樹的節(jié)點數量。3.清除浮動和解決垂直外邊距重疊的解決方案?問題描述:1)父元素沒有設置寬高，尺寸由子元素撐起;子元素一旦浮動，父元素高度會發(fā)生塌陷。2)子元素設置margin-top會作用的父元素的margin-top;此時會造成垂直外邊距重疊。.clearfix::after,.clearfix::before{content:'';display:table;clear:both;}、localStorage和cookie?相同點:都用于瀏覽器端存儲的緩存數據;不同點:1)存儲內容是否發(fā)送到服務器端當設置了Cookie后，數據會發(fā)送到服務器端，造成一定的寬帶浪費;xxxstorage則會將數據保存到本地，不會造成寬帶浪費;2)數據存儲大小不同Cookie數據不能超過4K，適用于會話標識;xxxstorage數據存儲可以達到5M;3)數據存儲的有效期限不同cookie只在設置了Cookid過期時間之前一直有效，即使關閉窗口或者瀏覽器;sessionStorage,僅在關閉瀏覽器之前有效;localStorage,數據存儲永久有效;4)作用域不同cookie和localStorage是在同源同窗口中都是共享的;sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面;5.判斷一個單詞是否是回文?回文是指把相同的詞匯或句子，在下文中調換位置或顛倒過來，產生首尾回環(huán)的情景，叫做回文，也叫回環(huán)。比如cacac，redivider。letcheckPalindrom=(str)=>{returnstr===('').reverse().join('');}6.不借助臨時變量，進行兩個整數的交換?輸入a=3,b=1,輸出a=1,b=3letswap=(a,b)=>{b=b-a;a=a+b;b=a-b;return[a,b];}7.請寫出至少5個html5新增的標簽，并說明其語義和應用場景?section：定義文檔中的一個章節(jié);nav：定義只包含導航鏈接的章節(jié);header：定義頁面或章節(jié)的頭部;它經常包含logo、頁面標題和導航性的目錄。footer：定義頁面或章節(jié)的尾部;它經常包含版權信息、法律信息鏈接和反饋建議用的地址。aside：定義和頁面內容關聯度較低的內容，如果被刪除，剩下的內容仍然很合理。和post請求在緩存方面的區(qū)別?get請求類似于查找的過程，用戶獲取數據，可以不用每次都與數據庫連接，所以可以使用緩存。post不同，post做的一般是修改和刪除的工作，所以必須與數據庫交互，所以不能使用緩存。因此get請求適合于請求緩存。9.如何解決異步回調地獄?promise、generator、async/await10.圖片的懶加載和預加載?預加載：提前加載圖片，當用戶需要查看時可直接從本地緩存中渲染。懶加載：懶加載的主要目的是作為服務器前端的優(yōu)化，減少請求數或延遲請求數。兩種技術的本質：兩者的行為是相反的，一個是提前加載，一個是遲緩甚至不加載。懶加載對服務器前端有一定的緩解壓力作用，預加載則會增加服務器前端壓力。，apply，call的區(qū)別?通過apply和call改變函數的this指向，這兩個函數的第一個參數都是一樣的，表示要改變指向的那個對象，第二個參數，apply是數組，而call則是arg1,arg2...這種形式。通過bind改變this作用域會返回一個新的函數，這個函數不會馬上執(zhí)行。怎么控制一次加載一張圖片，加載完后再加載下一張?方法一:varobj=newImage();"#/";(){("pic").innnerHTML="";}加載中