要回答這個問題，首先我們需要明確什么是前端？通俗一點說，對于網(wǎng)站而言，前端即網(wǎng)站呈現(xiàn)的部分，涵蓋了網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層。由此也可以看出，前端技術(shù)是包含了設(shè)計與開發(fā)兩部分內(nèi)容的，設(shè)計側(cè)重于視覺展現(xiàn)部分，而開發(fā)則側(cè)重于網(wǎng)站前臺的代碼實現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級版本HTML5、CSS3，以及SVG等。

時至今日，前端開發(fā)這個領(lǐng)域已經(jīng)發(fā)展了將近10年。從最初刀耕火種的年代到2018年，一直在突飛猛進(jìn)，幾乎每一年，都會有新的技術(shù)出現(xiàn)，舊的技術(shù)退出歷史舞臺。而前端工程師是近些年發(fā)展起來一個新興的職位，在舊的體系下負(fù)責(zé)協(xié)調(diào)前端設(shè)計與后端程序員實現(xiàn)前臺界面美化及交互體驗；而新的體系下，其工作內(nèi)容又有了更高的要求。

2018年，一個合格的前端，應(yīng)該具備以下素質(zhì)：

一個合格前端需要了解的技能

1.扎實的前端語言基礎(chǔ)是對一個合格前端最基本的要求

沒錯，這里說的前端語言，以HTML、CSS、JavaScript這三種語言為主，這是前端工程師的核心技能，既然是核心，就必須掌握到門清兒的程度，否則，只能說連前端的門都還沒有摸著。

2.過硬的CS專業(yè)基礎(chǔ)是一個前端能夠走得更遠(yuǎn)的關(guān)鍵

前端工程師，首先應(yīng)該是一名軟件工程師，所以計算機(jī)相關(guān)的知識掌握程度，是決定一個前端能走多遠(yuǎn)的關(guān)鍵。

面試前端崗位經(jīng)常遇到的問題是：一個網(wǎng)頁，從輸入網(wǎng)址到頁面打開，發(fā)生了什么？一個合格的前端，應(yīng)該對這個過程有全面的了解，這就需要扎實過硬的CS基礎(chǔ)。在遇到問題時，不僅能夠快速的定位問題，同時，在實現(xiàn)產(chǎn)品的奇葩需求時，也能夠知道技術(shù)的邊界在哪。

3.持續(xù)學(xué)習(xí)的能力是一個前端不被行業(yè)淘汰的保障

前端是一個快速變化的領(lǐng)域，當(dāng)前很火的技術(shù)，也許過一兩年就會被新的技術(shù)取代，這是一個后浪把前浪拍在沙灘上的領(lǐng)域：現(xiàn)在還有幾個人會提起grunt，require.js，sea.js這些技術(shù)？

前端行業(yè)的欣欣向榮，正是因為技術(shù)不斷革新，不管是瀏覽器廠商，還是標(biāo)準(zhǔn)規(guī)范，還是社區(qū)，都在不斷擁抱新的技術(shù)特性。如果沒有一個開放的心態(tài)和持續(xù)學(xué)習(xí)的能力，那么你很快將會被拍在沙灘上，淹沒在一波又一波的技術(shù)浪潮中。

那么，如何才能成為一個合格的符合2018年行業(yè)要求的前端呢？王國維先生在《人間詞話》中曾提到了三重境界：“昨夜西風(fēng)凋碧樹，獨上高樓，望盡天涯路”，“衣帶漸寬終不悔，為伊消得人憔悴”，“眾里尋他千百度，驀然回首，那人卻在燈火闌珊處”，十分形象地為前端工程師指明了方向。

首先，昨夜西風(fēng)凋碧樹，獨上高樓，望盡天涯路。想要成為一個合格前端，首先要樹立堅定的目標(biāo)，明確自己在當(dāng)前的基礎(chǔ)上還需要學(xué)習(xí)的內(nèi)容與方向。

前端需要溝通的人包括交互設(shè)計、視覺設(shè)計、產(chǎn)品經(jīng)理、以及服務(wù)器端工程師等，這就從知識廣度上對前端提出了需求；HTML、CSS、JavaScript這三種語言可能大學(xué)中并沒有相關(guān)的課程，需要通過自學(xué)來掌握相關(guān)的知識。

如果不是科班出身，還需要補(bǔ)充一些相關(guān)的基礎(chǔ)知識，比如計算機(jī)操作系統(tǒng)、計算機(jī)網(wǎng)絡(luò)、數(shù)據(jù)結(jié)構(gòu)與算法等。這樣才能提高自己的整體計算機(jī)素養(yǎng)，形成系統(tǒng)化的計算機(jī)思維。對于前端領(lǐng)域，更能從計算機(jī)科學(xué)的角度去看待和理解，例如目前流行的工程化、打包編譯過程、前后端分離中HTTP的加載優(yōu)化點等等。

其次，衣帶漸寬終不悔，為伊消得人憔悴。確立了目標(biāo)之后要有達(dá)到目標(biāo)的恒心和毅力，沒有付出，不會有收獲。

讀萬卷書不如行萬里路，只有理論沒有實踐是行不通的；不能只埋頭于學(xué)習(xí)各種理論知識，也要親自做幾個模擬項目進(jìn)行反復(fù)實踐，這樣才能提高學(xué)習(xí)效率。閱人無數(shù)不如名師指路，找到一個靠譜的學(xué)習(xí)平臺更加會讓你事半功倍，因為有的時候名師的一句指點，會勝于自己長時間的盲求。

時刻關(guān)注行業(yè)新的技術(shù)動態(tài)，并能形成自己的見解，不盲目跟風(fēng)但也不刻意排斥。近幾年中，幾乎每一年都有新技術(shù)出現(xiàn)，比如模塊化方案，從AMD到CMD，再到commJS，最后大家還是選擇了規(guī)范化了的ESmodule；打包工具也從javaant到grunt，再到gulp，最后到webpack，今年又出現(xiàn)了parcel等一批新的打包工具等；前端框架更是層出不窮，jquery、angular、react、vue等都一個比一個新。所以，用心鉆研，才能在眾多選項中選出擇更適合自己的技術(shù)，形成自己的核心競爭力。

未來，前端領(lǐng)域的發(fā)展或許還會更快速，web的力量或?qū)嵏苍S多行業(yè)，建議在以下幾個方面保持關(guān)注：

1.PWA技術(shù)——2018年將是PWA技術(shù)更加成熟的一年，主流瀏覽器廠商的支持度將會更加全面。

2.工程構(gòu)建的簡單化——包括提供了默認(rèn)值的webapck4，以及最新出來零配置的parcel等。

3.前端工程的CI/CD——隨著前端工程的復(fù)雜度不斷提高，持續(xù)集成和持續(xù)部署也將成為前端工程化的不可或缺的主要環(huán)節(jié)。許多前端團(tuán)隊有開始了這方面的實踐，相信以后CI/CD會在更多的前端團(tuán)隊中普及。

4.前端異常監(jiān)控——服務(wù)的異常監(jiān)控，幾乎是一個系統(tǒng)的標(biāo)配之一，然而在前端領(lǐng)域，只有極少數(shù)團(tuán)隊有相關(guān)實踐。對于前端系統(tǒng)的穩(wěn)定性來說，監(jiān)控也是相當(dāng)重要的，異常的采集、上報、定位、報警等每一步，都值得深入研究。

最后，眾里尋他千百度，驀然回首，那人卻在燈火闌珊處。厚積薄發(fā)，功到自然成。

當(dāng)你知道了自己的知識短板并且為之付出時間和精力，同時又具備了不斷自我審視提高、發(fā)現(xiàn)行業(yè)發(fā)展動態(tài)以及自發(fā)持續(xù)學(xué)習(xí)的能力，你會慢慢發(fā)現(xiàn)，在前端領(lǐng)域里沒有自己搞不定的事情，很多事情似乎都是信手拈來。

到了這個階段，你不僅是一個合格的前端，更是一個不可多得的優(yōu)秀前端，根本不會有脫離主流的感慨，因為你沒有時間感慨，你忙著不斷地實現(xiàn)自我超越，根本停不下來。