今天小編要跟大家分享的文章是關(guān)于2020年web前端工程師的學(xué)習(xí)建議。毫無疑問，前端開發(fā)將成為2020年技術(shù)領(lǐng)域最熱門的學(xué)科之一。以前，前端空間的開發(fā)人員只要了解一些HTML，CSS，也許還有jQuery來創(chuàng)建交互式網(wǎng)站，就足夠了。但是今天，他們面臨著廣泛且不斷變化的開發(fā)技能生態(tài)系統(tǒng);掌握的工具，庫和框架;并且需要不斷投資于個(gè)人教育。最近幾年，我們使用JavaScript為主要的Web應(yīng)用程序提供了強(qiáng)大的新庫和框架，例如ReactJS，VueJS和Svelte。想要學(xué)習(xí)web前端知識(shí)的小伙伴們來和小編一起看一看吧!1.框架2020年，我們可能會(huì)看到Facebook的ReactJS與社區(qū)驅(qū)動(dòng)的VueJS之間的對(duì)決。目前，React在GitHub上擁有140,000星，而Vue則擁有153,000星。例如，Angular只有53,000個(gè)恒星。在2019年，React(藍(lán)線)，Vue(紅線)，Angular(黃線)和Svelte(綠線)的搜索量支持此假設(shè)-Vue略高于React。Angular在搜索量方面無法跟上，Svelte在此比較中絕對(duì)不起作用。因此，對(duì)于2020年，使用或希望使用JavaScript框架的前端開發(fā)人員應(yīng)將React和Vue作為他們的主要選擇。如果您正在處理大型企業(yè)項(xiàng)目，則Angular是有效的選擇。2.靜態(tài)網(wǎng)站生成器靜態(tài)站點(diǎn)生成器結(jié)合了服務(wù)器端渲染的功能(對(duì)于SEO非常重要，而且還具有初始加載時(shí)間)和單頁應(yīng)用程序。如今，許多項(xiàng)目即使不需要服務(wù)器端渲染也選擇了SSG，因?yàn)镹ext或Nuxt之類的解決方案具有便捷的功能，例如模塊捆綁器，集成測試運(yùn)行器等。如果您認(rèn)真對(duì)待前端開發(fā)，則應(yīng)仔細(xì)研究以下項(xiàng)目，并嘗試獲得一些實(shí)踐經(jīng)驗(yàn)：·Next(基于React)·Nuxt(基于Vue)·Gatsby(基于React)·Gridsome(基于Vue)術(shù)語JAMstack代表JavaScript(在客戶端上運(yùn)行-例如，React，Vue或VanillaJS)，API(服務(wù)器端進(jìn)程通過JavaScript通過HTTPS抽象并訪問)和標(biāo)記(在部署時(shí)預(yù)先構(gòu)建的模板標(biāo)記)。。這是一種構(gòu)建網(wǎng)站和應(yīng)用程序以提高性能的方法-降低擴(kuò)展成本，提供更高的安全性并提供更好的開發(fā)人員體驗(yàn)。盡管這些術(shù)語本身并不是什么新鮮事物，但它們的共同點(diǎn)是相同的-它們并不依賴于Web服務(wù)器。因此，依賴于Ruby或后端或使用服務(wù)器端CMS(例如Drupal或WordPress)構(gòu)建的網(wǎng)站的單片應(yīng)用程序不是使用JAMstack構(gòu)建的。如果要使用JAMstack，有一些最佳實(shí)踐：整個(gè)項(xiàng)目都在CDN上提供服務(wù)由于不需要服務(wù)器，因此整個(gè)項(xiàng)目都可以通過CDN進(jìn)行服務(wù)，從而釋放出無與倫比的速度和性能。一切都存在于在Git中每個(gè)人都應(yīng)該能夠從Git存儲(chǔ)庫克隆整個(gè)項(xiàng)目，而無需數(shù)據(jù)庫或復(fù)雜的設(shè)置。自動(dòng)化構(gòu)建您可以完美地自動(dòng)構(gòu)建，因?yàn)樗袠?biāo)記都是預(yù)先構(gòu)建的，例如使用webhooks或云服務(wù)。原子部署為了通過在大型項(xiàng)目中重新部署數(shù)百或數(shù)千個(gè)文件來避免出現(xiàn)不一致的狀態(tài)，原子部署將等待所有文件上傳，然后再進(jìn)行更改。即時(shí)緩存失效當(dāng)站點(diǎn)上線時(shí)，必須確保CDN可以處理即時(shí)緩存清除，以使更改可見。像Netlify或Zeit這樣的著名主機(jī)都支持JAMstack應(yīng)用程序，大公司使用它們?yōu)橛脩籼峁┏錾捏w驗(yàn)。漸進(jìn)式Web應(yīng)用程序(PWA)無疑將在2020年成為現(xiàn)實(shí)。越來越多的公司選擇PWA取代本機(jī)應(yīng)用程序，以便為用戶提供豐富的移動(dòng)體驗(yàn)。PWA可靠(即時(shí)加載，無需連接互聯(lián)網(wǎng)即可工作)，快速(流暢的動(dòng)畫，對(duì)用戶交互的快速響應(yīng))和吸引人的體驗(yàn)(本機(jī)應(yīng)用程序的感覺，出色的用戶體驗(yàn))。他們利用服務(wù)人員提供脫機(jī)功能，并利用Web應(yīng)用清單文件提供全屏體驗(yàn)。構(gòu)建漸進(jìn)式Web應(yīng)用程序的原因有：·可以從瀏覽器添加到用戶的主屏幕·即使沒有互聯(lián)網(wǎng)也能正常工作·支持網(wǎng)絡(luò)推送通知以增強(qiáng)用戶參與度·利用Google的Lighthouse功能是當(dāng)前最熱門的主題之一，并且絕對(duì)是您在2020年需要學(xué)習(xí)或改進(jìn)的東西。盡管REST通過提供無狀態(tài)服務(wù)器之類的出色概念一直被認(rèn)為是設(shè)計(jì)WebAPI的事實(shí)上的標(biāo)準(zhǔn)，但在跟上快速變化的客戶端訪問RESTfulAPI時(shí)，RESTfulAPI卻越來越不靈活。GraphQL由Facebook開發(fā)，旨在解決開發(fā)人員在處理RestfulAPI時(shí)面臨的確切問題。使用RESTAPI，開發(fā)人員可以通過從具有特定目的的多個(gè)端點(diǎn)(例如/users/端點(diǎn)或/tours//location端點(diǎn))中獲取數(shù)據(jù)來收集數(shù)據(jù)。使用GraphQL，這將以不同的方式工作。開發(fā)人員會(huì)將查詢與他們的數(shù)據(jù)要求一起發(fā)送到GraphQL服務(wù)器。然后，服務(wù)器將返回帶有所有相應(yīng)數(shù)據(jù)的JSON對(duì)象。使用GraphQL的另一個(gè)好處是它使用了強(qiáng)類型系統(tǒng)。GraphQL服務(wù)器上的所有內(nèi)容都是使用GraphQL模式定義語言(SDL)通過模式定義的。創(chuàng)建架構(gòu)后，前端開發(fā)人員和后端開發(fā)人員都可以彼此獨(dú)立地工作，因?yàn)樗麄冎酪讯x的數(shù)據(jù)結(jié)構(gòu)。6.代碼編輯器/IDE與2019年一樣，微軟的VSCode將在2020年成為大多數(shù)前端工程師的第一編輯器。它提供幾乎類似于IDE的功能，例如代碼自動(dòng)完成和語法高亮顯示，并且可以通過其擴(kuò)展市場進(jìn)行幾乎無限的擴(kuò)展。特別是市場使VSCode如此出色。以下是您作為前端開發(fā)人員的一些出色擴(kuò)展：·JavaScript(ES6)代碼段·npm·beautify·CSS速覽·ESLint·LiveSass編譯器·Chrome調(diào)試器這些是很酷的例子。在VSCode中還有很多可以發(fā)現(xiàn)的地方，因此，如果您尚未使用它，我建議您嘗試一下。7.測試未經(jīng)測試的代碼不應(yīng)找到它的生產(chǎn)方式。在您的個(gè)人項(xiàng)目中似乎沒有任何測試似乎很方便，但在商業(yè)和企業(yè)環(huán)境中工作時(shí)必須進(jìn)行測試。因此，對(duì)于任何開發(fā)人員而言，最好盡可能將測試集成到開發(fā)工作流程中?？梢詤^(qū)分以下測試用例：單元測試隔離測試單個(gè)組件或功能。整合測試測試組件之間的交互。端到端測試在瀏覽器中測試功能完善的用戶流。有更多測試方法，例如手動(dòng)測試，快照測試等。如果您想升任高級(jí)開發(fā)人員職位或打算在擁有某些開發(fā)標(biāo)準(zhǔn)的大型公司工作，則應(yīng)嘗試進(jìn)行測試技能。8.干凈的代碼能夠編寫干凈的代碼是一項(xiàng)很棒的技能，許多組織都對(duì)此提出了很高的要求。如果您想從開發(fā)人員的位置升級(jí)為高級(jí)開發(fā)人員的位置，則應(yīng)真正學(xué)習(xí)干凈代碼的概念。簡潔的代碼應(yīng)優(yōu)雅且易于閱讀。它應(yīng)該重點(diǎn)突出，您應(yīng)該注意這一點(diǎn)。所有測試均以純凈代碼運(yùn)行。它們不應(yīng)包含重復(fù)項(xiàng)，應(yīng)盡量減少使用實(shí)體(例如類，方法和函數(shù))。干凈代碼開發(fā)人員應(yīng)做的一些事情是：·為變量，類，方法和函數(shù)創(chuàng)建有意義的名稱·函數(shù)應(yīng)該很小并且參數(shù)應(yīng)盡可能少·根本不需要注釋-代碼應(yīng)該說明一切如果您想了解有關(guān)干凈代碼檢查的更多信息，請(qǐng)閱讀的書籍和帖子。毫無疑問，Git是當(dāng)今Web開發(fā)中版本控制的標(biāo)準(zhǔn)。對(duì)于每個(gè)前端工程師而言，了解基本的Git概念和工作流程以在各種規(guī)模的團(tuán)隊(duì)中有效工作都是非常重要的。這是您應(yīng)該知道的一些流行的Git命令：gitconfiggitinitgitclonegitstatusgitaddgitcommitgitpushgitpullgitbranch知道這些命令可以提高工作效率總是很高興的，但是前端工程師還應(yīng)該學(xué)習(xí)Git的基本概念。10.軟技能對(duì)于開發(fā)人員來說，經(jīng)常被忽視但確實(shí)非常重要的是獲得軟技能。雖然有助于了解事物的技術(shù)方面，但了解如何在團(tuán)隊(duì)中進(jìn)行交流也同樣重要。如果您對(duì)技術(shù)職業(yè)很認(rèn)真，并且/或者打算升任高級(jí)職位，則應(yīng)該從事以下軟技能方面的工作：同情溝通團(tuán)隊(duì)合作平易近人和樂于助人忍耐開放的思想解決問題責(zé)任心創(chuàng)造力時(shí)間管理永遠(yuǎn)記?。洪_發(fā)人員最重要的交付物是高級(jí)開發(fā)人員。(提升你自己)結(jié)論在本文中，小編向您展示了前端開發(fā)人員應(yīng)在2020年嘗試學(xué)習(xí)，改進(jìn)或掌握的10項(xiàng)重要內(nèi)容。想要了解更多web前端相關(guān)知識(shí)記得關(guān)注北大青鳥web前端培訓(xùn)官網(wǎng)，最后祝愿小伙伴們工作順利，成為一名優(yōu)秀的web前端工程師。