最基礎的自然是JavaScript，HTML和css這三種語言。
首先了解下它們到底是什麽。
HTML是用戶看到的網頁的骨架，比如妳會發現當前頁面分為左中右三個部分，其中還填充了不同的文字和圖片；每個子部分還會繼續細分，比如當前頁面的中間部分下方有輸入框等等。
CSS是網頁展示的細節控制，比如妳會發現有的文字是紅底白色，有的子部分占了頁面的二分之壹寬，有的只占六分之壹，有些部分需要用戶進行某些操作（如點擊，滑動）才會出現等等，這些就是有CSS來控制。
JavaScript是負責捕捉用戶在瀏覽器上的操作，並與後端服務器進行數據交換的腳本語言。當用戶在前端進行點擊，輸入等操作的時候，會觸動綁定了該動作的JavaScript腳本，然後JavaScript收集數據，調用後端的api接口，再將後端返回的數據交給HTML和CSS渲染出來。
壹個網頁的HTML代碼和CSS代碼是可以直接在瀏覽器中查看的，妳可以直接按F12，就能看到下圖右側的模塊，左右側紅框就是代碼與實際頁面的對應關系。因此如果妳看到某個網站的布局很不錯，不妨點擊F12，進行學習。
前端框架
然而，實際應用中，已經很少有正規的項目組直接用上述三種語言進行web 前端開發了，而是使用很多封裝了這三種語言的框架，比如
Vue.js
，angular，react native等等。它們是來自谷歌和Facebook的大神項目組，基於自己的經驗，封裝了原生前端語言，實現了更多更復雜更酷炫的功能。因此，可以說，學會使用這些框架，能達到事半功倍的效果。
比如用了vue，它是自底向上增量開發的設計，其核心只關心圖層，而且還可以與其他庫或已存項目融合，學習門檻極其友好；另壹方面，vue可以驅動單文件組件和vue生態系統支持的庫開發的復雜單頁應用。有了這個生態系統，可以說，vue是處在壹個不斷壯大，不斷完善的欣欣向榮的狀態。
網絡通信協議
由於前後端分離的趨勢，前端還需要了解很多網絡通信協議的知識，這裏不局限於http協議，因為據我的經驗，有時候我們還會用到websocket等協議。因此，前端需要簡單了解不同協議的特點以及使用方式，但是好消息是不用像學習計算機網絡課程壹樣對每種協議的原理都了解的特別透徹，只要學會如何用前端語言發送這種協議的請求就夠了。