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

JavaScript

深入了解JavaScript，而且是全面徹底地了解。面試的職位越高，對(duì)語言知識(shí)的要求就越高。熟悉的JavaScript知識(shí)點(diǎn)羅列：

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

·?提升、函數(shù)和塊作用域，以及函數(shù)表達(dá)式和聲明；

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

·?對(duì)象原型、構(gòu)造函數(shù)和 mixin；

·?組合和高階函數(shù)；

·?事件委托和冒泡；

·?使用 typeof、instanceof 和 Object.prototype.toString 進(jìn)行類型轉(zhuǎn)換；

·?使用回調(diào)、promise、await 和 async 處理異步調(diào)用；

·?什么時(shí)候可以使用函數(shù)聲明和表達(dá)式。

?

CSS

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

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

·?響應(yīng)式設(shè)計(jì)——根據(jù)瀏覽器寬度大小更改元素的尺寸；

·?自適應(yīng)設(shè)計(jì)——根據(jù)特定斷點(diǎn)更改元素的尺寸；

·?特異性——如何計(jì)算選擇器的特異性，以及級(jí)聯(lián)如何影響屬性；

·?適當(dāng)?shù)拿臻g和類命名。

HTML

·?知道哪些 HTML 標(biāo)簽最能代表你正在顯示的內(nèi)容以及相關(guān)屬性，應(yīng)該掌握手工知識(shí)。

·?語義標(biāo)記；

·?標(biāo)記屬性，例如 disabled、async、defer 以及何時(shí)使用 data-*；

·?知道如何聲明 doctype（大多數(shù)人不是每天都會(huì)寫新頁面，所以可能會(huì)忘了這個(gè)）以及可以使用哪些元標(biāo)簽；

·?可訪問性問題，例如，確保輸入復(fù)選框具有更大的響應(yīng)區(qū)域（使用標(biāo)簽“for”）。另外還有 role=“button”、role=“presentation”，等等。

Web 性能

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

·?關(guān)鍵渲染路徑；

·?Service Worker；

·?圖像優(yōu)化；

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

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

·?何時(shí)預(yù)取和預(yù)加載資源；

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

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

?

DOM

知道如何遍歷和操作 DOM 非常重要，對(duì)于重度依賴 jQuery 或者開發(fā)了很多 React & Angular 類型應(yīng)用程序的候選人來說，他們可能會(huì)在這個(gè)問題上栽跟斗。你可能不會(huì)每天都直接接觸 DOM，因?yàn)槲覀兇蠖鄶?shù)人都在使用各種抽象。在不使用第三方庫的情況下，你需要知道如何執(zhí)行以下這些操作：

·?使用 document.querySelector 選擇或查找節(jié)點(diǎn)，在舊版瀏覽器中使用 document.getElementsByTagName；

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

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

·?操作——在 DOM 樹中添加、刪除、復(fù)制和創(chuàng)建節(jié)點(diǎn)。你應(yīng)該了解如何修改節(jié)點(diǎn)的文本內(nèi)容以及切換、刪除或添加 CSS 類名等操作；

·?性能——當(dāng)有很多節(jié)點(diǎn)時(shí)，修改 DOM 的成本會(huì)很高，你至少應(yīng)該知道如何使用文檔片段和節(jié)點(diǎn)緩存。

?

轉(zhuǎn)載于:https://blog.51cto.com/14069759/2349509

總結(jié)

以上是生活随笔為你收集整理的web前端工程师热门岗位技能要求前瞻的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。