如今前端最主要的都學什麼?

首先前端三大件：前端的根本，html、css、JavaScript、JavaScript是重中之重。

庫工具：對於庫工具而言咱們經常使用的有 JQuery、underScore、zepto、Moment 等

JQuery: 下降開發者操做 DOM 的複雜度

UnderScore: 提供實用的函數

Zepto: JQuery 的簡化版

Moment: 日期和時間操做庫

這些庫給咱們提供了很大的便利，省去了咱們編寫相關方法的時間，同時也是咱們的程序更加穩健咱們本身寫的方法極可能在某些狀況下就出 bug 了。

前端框架（ MVVM ）的學習

當下最火的框架想必必定是 React 和 Vue，若是 JQuery 的存在是是咱們更加方便的操做 DOM,那麼如今 MVVM 框架則是讓咱們從手動更新 DOM 的繁雜操做中解放出來。

至於 React 和 Vue 該學習哪個，更多的仍是看當下公司使用的是哪個（也不是必然）。對於 Vue(React) 該如何使用其實不用多久就能上手，咱們更應該關心的是他們背後的設計思想和實現原理。

瀏覽器 & 計算機基礎

若是你但願能能快速進階到高級工程師，那麼對於瀏覽器 & 計算機基礎的知識你就必要又有必定的掌握。由於這能讓你更好的理解前端。

瀏覽器一直是 JavaScript 最重要的宿主環境，因此咱們必須去了解 JavaScript 在瀏覽器中是如何執行的。

咱們前端開發接觸最多的應該就是瀏覽器了，記得工做第一年最頭痛的就是處理 IE 的兼容問題。工做中出現的不少問題都和瀏覽器有關，因此我以爲了解瀏覽器工做原理是很是有必要的。

前端工程化

從事前端稍微久一點的開發就必定會有這個感覺 —— 前端開發愈來愈工程化，愈來愈複雜。

對於前端開發來講，如今前端要作的不僅是切頁面調接口這麼簡單，咱們須要瞭解的技術無疑更加普遍。

性能優化

提起性能優化，你們最早想到的是什麼？我最早想到的是一道面試題：

從輸入 URL 到頁面加載完成的具體過程

由於從直觀層面來看，咱們前端須要優化的步驟基本都在這個加載工程當中。

性能優化如今對於前端來講已是必不可少的技能了，固然如今有些所謂的性能優化的技巧如今都成爲了一種須要聽從的規範。

Nodejs

咱們知道因爲 Nodejs 的出現，前端開發出現了一個新的高潮。JS 開始能夠涉及後端領域，JS 的可能性更大了。

Nodejs 一些知識點

Nodejs 在應用程序中的做用

Express 和 Koa 的區別

Nodejs 的底層運行原理、和瀏覽器的異同

Nodejs 非阻塞機制的實現原理

……

數據結構和算法

這一點我也比較薄弱，就不展開了。關於這部分你能夠刷 leetcode。

另外推一本書《學習 JavaScript 數據結構與算法》（第三版）

以上就是我以爲如今學習前端開發必定要掌握的技術知識，確定也有其侷限性，可是也但願對你有所幫助，還有就是對於自學前端，也給你幾點建議。

一：首先，有這樣的一種狀況很常見，對於想自學web前端的人來講，他們大多數都是很是盲目的，不知道本身改如何入手，不少人在網上找一些視頻，而後瘋狂的過視頻，很快就把一塊內容都學完，他們理解的學完了就是視頻看完了，可是讓他們動手去作東西卻作不出來，而個人理解學完了就是本身能寫出東西，因此對於初學者來講必定不能盲目，要有本身的規劃，否則就是浪費時間白忙活。

二：既然是學習專業技術，我我的的建議是，必定要有一個能指導你的人，不能都靠本身閉門造車，這樣的行爲並不聰明，結識一位這方面的人才，時不時去問問人家問題，否則你可能會發現一個小問題能困擾你一天，最後還不知道是什麼緣由。

三：學習web前端技術，不能跟學數學語文同樣對待，比較剛接觸代碼是不容易記住的，因此要掌握上述的技術，你還要知道學習web前端技術有哪些「坑」。對於學習方法這塊是尤其重要的，怎麼學才能讓你學完了能記住以前學的那些，不至於學完了就忘，這個問題值得你學習以前去思考的。

四：根據我多年的學習狀況來看，你平時必定要養成好的學習習慣，就說我本身吧！我就喜歡把本身曾經遇到的問題整理在電腦的日記本上，而後我會蒐集一下博客相關的技術文章，一些我認爲比較有用的網站，之後都能用的上，這是我我的的學習習慣，相信我，若是你想走的更遠，必定要養成習慣。

學習安排路線：

基礎：HTML+CSS頁面搭建，CS核心和PC端頁面開發，HTML5移動端頁面開發

核心：web前端核心技術JavaScript，ecmasript，dom，ajax，json，正則，做用域，運動框架，核心算法，高級函數，插件封裝，jQuery。

高級：html5+高級JavaScript開發，大數據可視化，webapp交互接口，lbs定位，微信sdk，es6標準，高級算法，數據結構，插件封裝。

框架：bootstrap、vue、react、angular、sass企業開發應用。

以上就是個人分享，但願對你有所幫助，

小編也在前端混了有幾年，整理了一些學習資料，對web開發技術感興趣的同窗歡迎加入新建的Q羣：603985993，無論你是小白仍是大牛我都歡迎，但願你們誠心交流！還有大牛整理的一套高效率學習路線和教程與您免費分享，與企業需求同步。好友都在裏面學習交流，天天都會有大牛定時講解前端技術!