web前端工程師熱門崗位技能要求前瞻

春節假期以後,稍作調整,馬上就要迎來求職高峯期。作爲一名前端工程師或者有意向轉行從事前端相關工作的人,你是否對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 的成本會很高,你至少應該知道如何使用文檔片段和節點緩存。


 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章