如果想走前端方向？

很高興能回答您這個問題，以下我為大家分享，我個人對這個問題的看法與想法，希望我的分享能給大家帶來幫助，也希望大家能夠喜歡我的分享。

作為一個從業16周年的IT老兵，見證了互聯網Web應用一步步發展至今。從最簡單的靜態Html網頁，到動態數據庫驅動的網頁，再到現在百花齊放的前后臺Web應用框架，Web技術棧變得越來越豐富，豐富到剛入行的朋友都無從下手。但是萬變不離其蹤，我建議想入門前端的Web開發者從基本的Web原理開始，掌握Html，熟悉CSS+Div布局，熟練使用javascript、DOM操作，進階學習JQuery，最后再了解下Bootstrap布局框架和流行的前端框架（比如Vue或者React等），基本就算是入門了。當然這些東西都得循序漸進，絕不是一日之功。

Web交互原理

了解Web的原理稱不上一種技能，但是作為Web應用開發者，如果連這點都不知道就有點說不過去了。而且理解這個原理，就會清晰的理解前后臺如何交互。

Web交互的原理其實并不復雜，我們請求一個網頁，其實就是通過輸入網址，瀏覽器向網站服務器發起HTTP請求，網站響應請求，同樣也通過HTTP方式回復瀏覽器Html網頁或者應用數據。其中Web服務器關于動態數據處理的部分就是后端，而作為瀏覽器展示和交互的部分就是前端了。

經典前端入門組合HTML+CSS+DIV

嚴格的來說，上述的技術棧首先是Html語言，它是一種用于創建網頁的標準標記語言。原則上，只需要使用Html語言，就可以做網頁而不依賴與其他技術，不過現在沒有人這么使用。

然后再來看看DIV+CSS，DIV+CSS是網站的基本布局技術，其實比較早的網站是使用表格（table）來布局的，在后來的XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位和風格展示。作為前端開發人員，需要網頁展示出各種效果，DIV+CSS技術是必不可少的。

javascript、DOM、jQuery

這三種技術其實起到的作用是相同的，都是為了動態操作Html元素以實現各種效果。它們三者是順序發展的產物。

JS(javascript)，是一種可以插入到html中的輕量級編程腳本語言。在一個html中將js代碼放在script標簽中即可使用。js在html中主要的作用就是用來給網頁增加動態功能的，放置功能函數。

DOM定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。可以把其看作為一個API，利用里面的方法可以對html元素進行訪問、刪除、修改、增加以及添加事件。

jQuery是一種js框架，也可以是一個js的函數庫，并含有許多插件(不是一門語言)。jQuery的優點是比較簡單，用起來很方便，對于DOM操作不需要寫那么復雜的函數名稱和方法。

前端框架三駕馬車

前端技術發展比較迅速，尤其是這幾年，各種新框架層出不窮。用框架的好處就是很多東西框架已經幫你考慮好，只要按照框架個格式操作就可以，缺點就是你得學習去理解，但個人覺得這個學習是值得的，有輪子干嘛不用呢。現在前端框架主流的大概就三種，Angular、React、Vue，三者的設計模式其實差不多，都是基于MVVM的。個人感覺Vue相對要簡單些，而且目前勢頭比較好，文檔比較齊全（中文的噢），更新什么都比較快，順便提下它還是中國人（大神尤雨溪 ）寫的。建議學習前端框架首選Vue。

以上介紹的僅僅是Web前端技術的一個基本脈絡，還有很多旁支末節的前端技術，都提出來又會搞得新手無所適從，建議大家可以從主線出發，等到梳理清楚后再順藤摸瓜，那也就不會再有疑惑了。

在以上的分享關于這個問題的解答都是個人的意見與建議，我希望我分享的這個問題的解答能夠幫助到大家。

在這里同時也希望大家能夠喜歡我的分享，大家如果有更好的關于這個問題的解答，還望分享評論出來共同討論這話題。

我最后在這里，祝大家每天開開心心工作快快樂樂生活，健康生活每一天，家和萬事興，年年發大財，生意興隆，謝謝！