隨著近年來(lái)前端的一波又一波技術(shù)浪潮，前端早已經(jīng)告別了切圖的時(shí)代，迎來(lái)的是規(guī)?；?#xff0c;工程化的大路。但是在如此多變的技術(shù)浪潮下，我們?nèi)绻氤蔀槌墒斓那岸碎_(kāi)發(fā)工程師，走上專業(yè)化的開(kāi)發(fā)道路，我們都需要學(xué)會(huì)哪些技術(shù)呢？

首先我們來(lái)回顧一下 2017 年以來(lái)新的前端技術(shù)和新的方向。

微信小程序，在2017年可以說(shuō)一出現(xiàn)就影響了市場(chǎng)。一年后，小程序卻在不知不覺(jué)中變成了互聯(lián)網(wǎng)的一種趨勢(shì)，不僅重新定義著互聯(lián)網(wǎng)，還在慢慢改變著我們的生活。

小程序無(wú)需下載，上手即用的特點(diǎn)，成為互聯(lián)網(wǎng)新的一種趨勢(shì)，成為各大商家爭(zhēng)相爭(zhēng)奪的機(jī)遇。甚至有人說(shuō)，得小程序者得天下。特別是2018年微信推出的小游戲，跳一跳游戲相信大家都有玩過(guò)，這是一個(gè)用H5編寫(xiě)的小游戲，一度刷爆朋友圈。這雖然對(duì)前端開(kāi)發(fā)來(lái)說(shuō)是一個(gè)簡(jiǎn)單的小游戲開(kāi)發(fā)，卻帶來(lái)了驚人的效益。
所以，符合互聯(lián)網(wǎng)潮流的小程序和H5小游戲會(huì)不會(huì)迎來(lái)它的春天，入行前端開(kāi)發(fā)，面臨前端開(kāi)發(fā)的技術(shù)爆發(fā)，我們是否應(yīng)該掌握小程序開(kāi)發(fā)這個(gè)加分項(xiàng)呢?

說(shuō)到學(xué)習(xí)前端必須掌握的，我們不得不提前端三駕馬車 React Angular Vue
2017年，React 繼續(xù)在前端領(lǐng)域占據(jù)主導(dǎo)地位，備受期待的 React 16 也正式發(fā)布。
這種能減少代碼重寫(xiě)易于重構(gòu)的框架還是很受開(kāi)發(fā)者歡迎的。
但它是否能在 2019 年坐穩(wěn)“王位”，還需不斷完善整個(gè)框架的功能才是。
Angular 也不甘落后，在用戶使用群體上，它排名第二。并且也在2017年發(fā)布了兩個(gè)大版本，Angular 4 優(yōu)化了視圖引擎、減少代碼體積；
Angular 5 中包含了像是編譯器的改進(jìn)，能更快的構(gòu)建/重建。
基本上說(shuō)Angular這個(gè)框架是比較完整的，但是對(duì)于復(fù)雜的界面開(kāi)發(fā)就不是那么友好了。
所以他的地位一直在遭受挑戰(zhàn)，而框架中的黑馬 Vue 殺出重圍，大有替代Angular的趨勢(shì)。

2018年，Vue 依然越來(lái)越受歡迎，該框架提供基于組件的架構(gòu)。
它已經(jīng)被許多大型公司采用，在 Stack Overflow 上的關(guān)注度居高不下。

所以會(huì)是Vue的2019年嗎？

不過(guò)大家不要去猜測(cè)2019年學(xué)習(xí)哪個(gè)框架會(huì)更好，先打好學(xué)習(xí)框架的前端基礎(chǔ)才是重點(diǎn)，學(xué)好了基礎(chǔ)，框架學(xué)習(xí)才能得心應(yīng)手。

然后就是現(xiàn)在很火的一個(gè)混合式APP開(kāi)發(fā)，在去年有一個(gè)熱詞PWA，PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用?？娠@著提高加載速度、可離線工作、可被添加至主屏、全屏執(zhí)行、推送通知消息等等。國(guó)內(nèi)有不少公司實(shí)踐了PWA，例如餓了么、阿里等。PWA就是用混合式APP開(kāi)發(fā)的理念來(lái)實(shí)現(xiàn)的，混合式APP，其實(shí)內(nèi)容本質(zhì)上還是網(wǎng)站內(nèi)容，只是可以顯示在APP上，在緩存、通知、后臺(tái)功能等方面表現(xiàn)更好?？梢岳斫鉃榇虬葾PP的網(wǎng)站，2019年將會(huì)有更多的網(wǎng)站向混合式APP轉(zhuǎn)型。

前端開(kāi)發(fā)混合式APP優(yōu)勢(shì)在于，開(kāi)發(fā)門(mén)檻低，開(kāi)發(fā)效率高，可以同時(shí)面向兩個(gè)平臺(tái)，快速完成開(kāi)發(fā)。目前前端開(kāi)發(fā)混合式APP有很多框架和平臺(tái)開(kāi)發(fā)，其中，React Native是比較不錯(cuò)的開(kāi)發(fā)框架。對(duì)于我們前端開(kāi)發(fā)上手APP非常有好處。

說(shuō)到那么多的新技術(shù)方向，很多小白可能會(huì)說(shuō)，我現(xiàn)在零基礎(chǔ)學(xué)習(xí)，是不是要直接學(xué)這些東西呀，現(xiàn)在前端開(kāi)發(fā)的內(nèi)容那么多，我應(yīng)該怎么學(xué)呀？表示很迷茫。
其實(shí)前端技術(shù)更新是挺快的，但是技術(shù)不管怎么更新，怎么發(fā)展，都離不開(kāi)基礎(chǔ)的知識(shí)，把基礎(chǔ)的內(nèi)容學(xué)好，面向多終端開(kāi)發(fā)，響應(yīng)式開(kāi)發(fā)掌握好，基礎(chǔ)打牢了，在高深的內(nèi)容都是可以迎刃而解的。

下面說(shuō)一點(diǎn)零基礎(chǔ)學(xué)習(xí)前端開(kāi)發(fā)的一些建議，希望對(duì)正在學(xué)習(xí)前端開(kāi)發(fā)的你有用：
1.在學(xué)習(xí)之前搞清楚你要做什么工作崗位，這些在招聘網(wǎng)站上都有，這些都是你學(xué)習(xí)的動(dòng)力。
2.學(xué)習(xí)需要有規(guī)劃，每天定任務(wù)，學(xué)習(xí)新的知識(shí)不能太多，要用科學(xué)的方法學(xué)習(xí)，很多人根本不會(huì)學(xué)，一天都在看視頻，這根本不叫學(xué)習(xí)。
3.一個(gè)比較專業(yè)的學(xué)習(xí)路線，一天該學(xué)習(xí)什么就學(xué)習(xí)什么，貪多嚼不爛，很多人根本不知道每天應(yīng)該學(xué)習(xí)什么，學(xué)了知識(shí)點(diǎn)應(yīng)該跟著什么案例去練習(xí)。
4.系統(tǒng)的學(xué)習(xí)課程，很多東西已經(jīng)不用了，要知道最新的學(xué)習(xí)方向是什么。
5.很多專業(yè)問(wèn)題根本解決不了，最好有專業(yè)人士帶你學(xué)習(xí)，事半功倍
6.掌握學(xué)習(xí)web前端的學(xué)習(xí)方法，這需要跟專業(yè)的人士請(qǐng)教，如果不懂可以隨時(shí)來(lái)問(wèn)我。

關(guān)注微信公眾號(hào)了解更多WEB前端，PHP開(kāi)發(fā)熱點(diǎn)資訊