更多課程 選擇中心

Web培訓
美國上市教育機構

400-111-8989

Web培訓

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

  • 發布:Web前端培訓
  • 來源:web前端面試
  • 時間:2020-06-12 14:06

今天小編要跟大家分享的文章是關于2020年Web前端面試題匯總。由于內容較多小編分開為大家介紹,今天來和小編一起看一看第二部分的內容,希望這些面試題能夠對正準備找Web前端相關工作的小伙伴們有所幫助。

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

1、前端需要注意哪些SEO?

合理的title、description、keywords:

搜索對著三項的權重逐個減小,

title值強調重點即可,

重要關鍵詞出現不要超過2次,

而且要靠前,

不同頁面title要有所不同;

description把頁面內容高度概括,

長度合適,

不可過分堆砌關鍵詞,

不同頁面description有所不同;

keywords列舉出重要關鍵詞即可

語義化的HTML代碼,符合W3C規范:

語義化代碼讓搜索引擎容易理解網頁

重要內容HTML代碼放在最前:

搜索引擎抓取HTML順序是從上到下,

有的搜索引擎對抓取長度有限制,

保證重要內容一定會被抓取

重要內容不要用js輸出:

爬蟲不會執行js獲取內容

少用iframe:

搜索引擎不會抓取iframe中的內容

非裝飾性圖片必須加alt

提高網站速度:

網站速度是搜索引擎排序的一個重要指標

2、<img>的title和alt有什么區別?

通常當鼠標滑動到元素上的時候顯示

alt是<img>的特有屬性,

是圖片內容的等價描述,

用于圖片無法加載時顯示、

讀屏器閱讀圖片。

可提圖片高可訪問性,

除了純裝飾圖片外都必須設置有意義的值,

搜索引擎會重點分析。

3、HTTP的幾種請求方法用途?

1、GET方法

發送一個請求來取得服務器上的某一資源

2、POST方法

向URL指定的資源提交數據或附加新的數據

3、PUT方法

跟POST方法很像,

也是想服務器提交數據。

但是,它們之間有不同。

PUT指定了資源在服務器上的位置,

而POST沒有

4、HEAD方法

只請求頁面的首部

5、DELETE方法

刪除服務器上的某資源

6、OPTIONS方法

它用于獲取當前URL所支持的方法。

如果請求成功,

會有一個Allow的頭

包含類似“GET,POST”這樣的信息

7、TRACE方法

TRACE方法被用于激發一個遠程的,

應用層的請求消息回路

8、CONNECT方法

把請求連接轉換到透明的TCP/IP通道

4、從瀏覽器地址欄輸入url到顯示頁面的步驟?

瀏覽器根據請求的URL交給DNS域名解析,

找到真實IP,

向服務器發起請求;

服務器交給后臺處理完成后返回數據,

瀏覽器接收文件(HTML、JS、CSS、圖象等);

瀏覽器對加載到的資源(HTML、JS、CSS等)進行語法解析,

建立相應的內部數據結構(如HTML的DOM);

載入解析到的資源文件,渲染頁面,完成。

5、如何進行網站性能優化?

content方面

減少HTTP請求:合并文件、CSS精靈、inline Image

減少DNS查詢:DNS緩存、

將資源分布到恰當數量的主機名

減少DOM元素數量

Server方面

使用CDN

配置ETag

對組件使用Gzip壓縮

Cookie方面

減小cookie大小

css方面

將樣式表放到頁面頂部

不使用CSS表達式

使用<link>不使用@import

Javascript方面

將腳本放到頁面底部

將javascript和css從外部引入

壓縮javascript和css

刪除不需要的腳本

減少DOM訪問

圖片方面

優化圖片:根據實際顏色需要選擇色深、壓縮

優化css精靈

不要在HTML中拉伸圖片

6、語義化的理解?

用正確的標簽做正確的事情!

html語義化就是讓頁面的內容結構化,

便于對瀏覽器、搜索引擎解析;

在沒有樣式CSS情況下也以一種文檔格式顯示,

并且是容易閱讀的。

搜索引擎的爬蟲依賴于標記來

確定上下文和各個關鍵字的權重,

利于 SEO。

使閱讀源代碼的人對網站更容易將網站分塊,

便于閱讀維護理解

7、WEB標準以及W3C標準是什么?

標簽閉合、標簽小寫、不亂嵌套、

使用外鏈css和js、結構行為表現的分離

8、說說你對作用域鏈的理解?

作用域鏈的作用是保證執行環境里

有權訪問的變量和函數是有序的,

作用域鏈的變量只能向上訪問,

變量訪問到window對象即被終止,

作用域鏈向下訪問變量是不被允許的

簡單的說,

作用域就是變量與函數的可訪問范圍,

即作用域控制著變量與函數的可見性和生命周期

9、談談This對象的理解?

this總是指向函數的直接調用者(而非間接調用者)

如果有new關鍵字,

this指向new出來的那個對象

在事件中,

this指向觸發這個事件的對象,

特殊的是,

IE中的attachEvent中的this總是指向全局對象Window

10、XML和JSON的區別?

數據體積方面

JSON相對于XML來講,數據的體積小,傳遞的速度更快些。

數據交互方面

JSON與JavaScript的交互更加方便,更容易解析處理,更好的數據交互

數據描述方面

JSON對數據的描述性比XML較差

傳輸速度方面

JSON的速度要遠遠快于XML

以上就是小編今天為大家分享的關于2020年Web前端面試題匯總(二)的文章,希望本篇文章能夠對想要參加web前端面試的小伙伴們有所幫助,想要了解更多Web前端相關知識記得關注達內Web培訓官網。最后祝愿小伙伴們面試成功,成為一名優秀的Web前端工程師

【免責聲明:本文圖片及文字信息均由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除。】

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

上一篇:2020年Web前端工程師面試題集錦
下一篇:2020年Web前端面試題匯總(三)

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

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

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

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

選擇城市和中心
黑龍江省

吉林省

河北省

貴州省

云南省

廣西省

海南省

欧美在线v中文字幕