Web大前端面試題-Day12

一、前端須要注意哪些SEO?

合理的title、description、keywords：

搜索對着三項的權重逐個減少，

title值強調重點便可，

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

並且要靠前，

不一樣頁面title要有所不一樣；
description把頁面內容高度歸納，

長度合適，

不可過度堆砌關鍵詞，

不一樣頁面description有所不一樣；
keywords列舉出重要關鍵詞便可

語義化的HTML代碼，符合W3C規範：

語義化代碼讓搜索引擎容易理解網頁
重要內容HTML代碼放在最前：

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

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

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

重要內容不要用js輸出：

爬蟲不會執行js獲取內容

少用iframe：

搜索引擎不會抓取iframe中的內容
非裝飾性圖片必須加alt

提升網站速度：

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

二、<img>的title和alt有什麼區別?

一般當鼠標滑動到元素上的時候顯示
alt是<img>的特有屬性，

是圖片內容的等價描述，

用於圖片沒法加載時顯示、

讀屏器閱讀圖片。

可提圖片高可訪問性，

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

搜索引擎會重點分析。

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

一、GET方法
發送一個請求來取得服務器上的某一資源
二、POST方法
向URL指定的資源提交數據或附加新的數據
三、PUT方法
跟POST方法很像，

也是想服務器提交數據。

可是，它們之間有不一樣。

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

而POST沒有
四、HEAD方法
只請求頁面的首部
五、DELETE方法
刪除服務器上的某資源
六、OPTIONS方法
它用於獲取當前URL所支持的方法。

若是請求成功，

會有一個Allow的頭

包含相似「GET,POST」這樣的信息
七、TRACE方法
TRACE方法被用於激發一個遠程的，

應用層的請求消息迴路
八、CONNECT方法
把請求鏈接轉換到透明的TCP/IP通道

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

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

找到真實IP，

向服務器發起請求；
服務器交給後臺處理完成後返回數據，

瀏覽器接收文件（HTML、JS、CSS、圖象等）；
瀏覽器對加載到的資源（HTML、JS、CSS等）進行語法解析，

創建相應的內部數據結構（如HTML的DOM）；
載入解析到的資源文件，渲染頁面，完成。

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

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中拉伸圖片

六、語義化的理解？

用正確的標籤作正確的事情！
html語義化就是讓頁面的內容結構化，

便於對瀏覽器、搜索引擎解析；
在沒有樣式CSS狀況下也以一種文檔格式顯示，

而且是容易閱讀的。
搜索引擎的爬蟲依賴於標記來

肯定上下文和各個關鍵字的權重，

利於 SEO。
使閱讀源代碼的人對網站更容易將網站分塊，

便於閱讀維護理解

七、WEB標準以及W3C標準是什麼?

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

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

八、說說你對做用域鏈的理解?

做用域鏈的做用是保證執行環境裏

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

做用域鏈的變量只能向上訪問，

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

做用域鏈向下訪問變量是不被容許的
簡單的說，

做用域就是變量與函數的可訪問範圍，

即做用域控制着變量與函數的可見性和生命週期

九、談談This對象的理解?

this老是指向函數的直接調用者（而非間接調用者）
若是有new關鍵字，

this指向new出來的那個對象
在事件中，

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

特殊的是，

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

十、XML和JSON的區別？

數據體積方面

JSON相對於XML來說，數據的體積小，傳遞的速度更快些。

數據交互方面

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

數據描述方面

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

傳輸速度方面

JSON的速度要遠遠快於XML