2020阿里前端崗暑期實習面試經歷

這是我第一次參加前端崗面試，學長給的內推，自己平時有做過web,對於前端的知識，大多都是用的模板，在面試前也刷了幾天的面試題，但沒問到，阿里這種公司對於剛入職場的問的還是很基礎的，然而回答的也很糟糕，希望記錄經歷，能早日找到乙份好工作。

沒聽過語義化標籤的我回答的一塌糊塗，只說了和標籤的作用，出來查了查，語義化標籤是h5的新特性，指使乙個標籤具有意義。語義化標籤的作用是使**結構完整，有利於seo,提公升使用者體驗，便於團隊開發和維護，方便其他裝置解析。舉一些例子：

指包含這一塊內容的標題，有h1到h6這些等級。

用於定義頁面的介紹展示區域，通常包括**logo、主導航、全站連線以及搜尋框。

導航區域。

: width 1s linear 2s;過渡效果，transition通過指定某些屬性和變幻引數，以原始定義為開始狀態，通過滑鼠操作變化(hover)，hover狀態定義結束狀態，實現過渡效果。

animation
: myfirst 5s;
@keyframes myfirst
25%50%
100%
}

動畫效果，加強版的過渡效果，通過animation指定動畫名和動畫引數，@keyframes定義動畫內容，根據引數自動觸發。

display
:flex;

transform
:translate
(50px,100px)
;//移動
transform
:rotate()
;//旋轉
transform
:scale()
;//縮放
transform
:skew()
;//傾斜

用於元素的直接或者滑鼠感應變化，沒有其他變幻引數（如延時，持續時間，變幻曲線），立即改變。

###引入web字型（在伺服器端儲存）

@font-face

div

body
@media screen and (
max-width
: 480px)

h1

div

沒做過，這個知識點比較大，還需要接下來學習。

我回答了原型鏈的繼承，原型鏈我還不會，要認真學習。

我回答用的是用f12加斷點除錯的，加alert或console.log,vue的devtools還沒怎麼用過。搜了一下覺得這個還不錯：

我回答了404和503.總結一下就是開頭，為1的是訊息，2是成功，3是重定向，5、6是伺服器錯誤。最常用的：

100 繼續請求

200 成功

202 已接受請求但處理尚未完成

403 資源不可用

404 未找到資源

503 伺服器由於維護或者負載過重未能應答。

應用層，七層分別為：應用層、表示層、會話層、傳輸層、網路層、資料鏈路層、物理層。可以看一下這個：

總而言之，面試比較基礎，自己學的太差，前路渺茫，仍需努力。