在前端技術眼花繚亂的時代，作為一個小白該如何學習、提高?在這里我結合自己的十年從業經歷，來簡單分享一下自己的經驗看法。

淺談前端

一、關于前端

我們必須糾正一下大家對于前端固有的錯誤印象。很多人總是以為前端人員就是寫寫頁面這么簡單，其實不是這樣的，現代的前端崗位是一個綜合素質要求很高的行業。

前端工程師

首先，作為前端程序員，不僅要掌握開發語言、數據結構、算法等編程素養，現在的前端應用場景復雜程度非常高，這就要求我們必須像后端程序員那樣，具備很高的軟件架構能力。

其次，前端的程序是直接跟用戶交互的，現在的互聯網競爭激烈，產品是否美觀、操作是否友好，是吸引用戶的重要因素，所以，還必須具備UI、美工、用戶體驗等多方面的設計能力。

最后，很多情況下，前端工程師要參與到產品運營推廣工作中，這又要求總結、歸納、文案寫作等能力，甚至是對數據的統計、分析能力等等。

有了對前端工作的正確認知后，我們接下來開始具體講解。

二、技術學習路線

前端小白最好給自己規劃一條合適的技術學習路線，以下是我個人的技術發展過程，我覺得還是能適合大多數的前端人員：

1.基礎掌握

前端開發三劍客必須掌握：html、css、javascript。html負責組織頁面結構及數據的承載，css是對外觀顯示效果的處理，javascript則是對行為、業務邏輯的處理。這些基礎知識經過長期的迭代，目前已經發展到html5、css3、es6，大家必須掌握好。

2.進階能力

對于進階知識學習，這里推薦大家一些組件庫、UI庫，例如jquery或zepto(雖然他們以后會被取代)、ajax、bootstrap、less、sass等，這些內容的學習，不僅能直接提升你對基礎知識的掌握、提高開發效率，并且能夠實現大部分傳統web應用場景的開發。

3.前端框架

這里的框架，指的是架構級別的基礎框架，它必須對前端開發的各個方面提供支持，主流的框架以Vue、React、Angular為代表，這里推薦大家學習Vue，它提供了模板語法、組件、路由、監聽、狀態等一整套方案?？蚣艿膶W習，讓我們的編程思維得到更大的提升，對模塊化、組件化、mvvm的開發思想會有新的認識。

4.前端工程化

現在越來越流行用工程化思想，來管理前端項目，這里的推薦組合是nodejs+webpack。通過webpack自動化搭建項目架構、組件安裝及管理、測試管理以及代碼壓縮、混淆、編譯、打包等。甚至跟一些諸如基于Vue的腳手架工具配合使用，能夠搭建起開箱即用的項目架構。

5.技術加持

建議大家對諸如微信公眾號、微信小程序等跟前端相關技術的學習，對自己的技術能力是很好的加持。

6.全棧開發

學有余力的同學，可以考慮一下全棧開發，目前阿里云和騰訊云等，提供了基于nodejs的云開發環境(云函數、云數據庫、云存儲等)，可直接使用前端的js技術進行后端開發。

三、開發工具

俗話說，工欲善其事、必先利其器，下面對前端開發中的一些工具進行簡單介紹：

1.WebStorm

被稱為Web前端開發神器，對初學者非常友好，默認就提供了強大的功能，不需要像其它工具那樣進行大量的插件安裝，建議剛接觸前端開發的同學使用。但是，這款工具比較消耗性能，內存占用大。

2.Sublime

這是我使用過的最輕量化的前端開發工具，對性能要求比較高的同學的首選，需要手動進行插件安裝配置，才能發揮出強大的功能。

3.Vscode

這個是我個人強烈推薦的，除了性能外，各方面都比Sublime強大，特別是操作體驗、習慣適合大部分人，另外，它還能用于c++/java等的開發。

四、前端發展方向

1.Web開發

Web開發自然是不用多說，不僅能進行電腦端網站開發，由于HTML5的響應式、移動適配能力，也能開發手機端的網頁。

2.游戲開發

HTML5游戲開發，游戲開發向來都是很有前景的方向，這方面需要掌握html5的canvas、WebGL、SVG等技術，以及一些html5的游戲引擎。

3.多屏多端開發

現在的前端，已經可以用于Android應用、IOS應用、微信小程序、支付寶小程序等不同操作系統、不同應用平臺的開發，甚至可以做到一套代碼，就能發布為不同平臺的應用。有興趣多屏多端開發的同學，推薦學習uni-app框架。

另外，除了流行的移動端開發，通過Electron框架，也能使用前端技術，進行桌面端程序的開發。