春節假期以后，稍作調整，馬上就要迎來求職高峰期。作為一名前端工程師或者有意向轉行從事前端相關工作的人，你是否對2019年的前端市場有了新的解讀，對于前端的企業崗位要求有了新的理解。今天我就跟大家分享一下2019年web前端熱門崗位及技能要求一覽，希望對大家求職、轉行有所幫助。

JavaScript

深入了解JavaScript，而且是全面徹底地了解。面試的職位越高，對語言知識的要求就越高。熟悉的JavaScript知識點羅列：

·?執行上下文，尤其是詞法作用域和閉包；

·?提升、函數和塊作用域，以及函數表達式和聲明；

·?綁定——特別是 call、bind、apply 和 this；

·?對象原型、構造函數和 mixin；

·?組合和高階函數；

·?事件委托和冒泡；

·?使用 typeof、instanceof 和 Object.prototype.toString 進行類型轉換；

·?使用回調、promise、await 和 async 處理異步調用；

·?什么時候可以使用函數聲明和表達式。

?

CSS

·?至少應該知道如何在頁面上布局元素，如何使用子元素或直接后代選擇器來定位元素，以及什么時候該用類、什么時候該用ID等。包括但不限于以下技能點：

??布局——安排彼此相鄰的元素的位置，以及如何將元素布置成兩列或三列；

·?響應式設計——根據瀏覽器寬度大小更改元素的尺寸；

·?自適應設計——根據特定斷點更改元素的尺寸；

·?特異性——如何計算選擇器的特異性，以及級聯如何影響屬性；

·?適當的命名空間和類命名。

HTML

·?知道哪些 HTML 標簽最能代表你正在顯示的內容以及相關屬性，應該掌握手工知識。

·?語義標記；

·?標記屬性，例如 disabled、async、defer 以及何時使用 data-*；

·?知道如何聲明 doctype（大多數人不是每天都會寫新頁面，所以可能會忘了這個）以及可以使用哪些元標簽；

·?可訪問性問題，例如，確保輸入復選框具有更大的響應區域（使用標簽“for”）。另外還有 role=“button”、role=“presentation”，等等。

Web 性能

除了通用編程最佳實踐之外，你應該期望訪問者查看你的代碼或設計及其性能影響。它曾經足以將 CSS 置于文檔的頂部，而 JS 腳本位于頁面底部，但 Web 正在快速移動，你應該熟悉這個領域的復雜性。

·?關鍵渲染路徑；

·?Service Worker；

·?圖像優化；

·?延遲加載和捆綁拆分；

·?HTTP/2 和服務器推送的一般含義；

·?何時預取和預加載資源；

·?減少瀏覽器回流以及何時將元素提升到 GPU；

·?瀏覽器布局、組合和繪制之間的區別。

?

DOM

知道如何遍歷和操作 DOM 非常重要，對于重度依賴 jQuery 或者開發了很多 React & Angular 類型應用程序的候選人來說，他們可能會在這個問題上栽跟斗。你可能不會每天都直接接觸 DOM，因為我們大多數人都在使用各種抽象。在不使用第三方庫的情況下，你需要知道如何執行以下這些操作：

·?使用 document.querySelector 選擇或查找節點，在舊版瀏覽器中使用 document.getElementsByTagName；

·?上下遍歷——Node.parentNode、Node.firstChild、Node.lastChild 和 Node.childNodes；

·?左右遍歷——Node.previousSibling 和 Node.nextSibling；

·?操作——在 DOM 樹中添加、刪除、復制和創建節點。你應該了解如何修改節點的文本內容以及切換、刪除或添加 CSS 類名等操作；

·?性能——當有很多節點時，修改 DOM 的成本會很高，你至少應該知道如何使用文檔片段和節點緩存。

?