不管是原生js，還是jq，抑或其他vue之類的框架，都有深有淺，任何一個都難以一次全部做到深度掌握，所以建議：

第一步先看js和jq，能夠熟練使用原生JS或者JQ操作DOM節點，熟練使用各種事件，當你有這一部的基礎的時候，大多數頁面效果能夠完成。

第二部，主要是深化js編程能力，這一部要搞明白js原型，繼承，封裝，構造函數，閉包,變數提升，引用數據類型的深淺拷貝，this的指向，call，跨域請求，JQ的封裝原理，自行封裝一些插件等等，

如果從一開始學習js就想喫透這一部的內容，是非常難的，所以建議第一步是熟練DOM的操作，第二部才深入學習這些，並且學會之後要在實際項目開發中使用。

第三部是學習vue之類的框架，當你開始學習vue的時候，你會發現又要學習node,ES6，npm，webpack，ts，vuex等等，其中單單一個ES6就夠你折騰了，當你好像明白vue的視圖數據綁定原理，可以使用什麼數據綁定之後

你會發現遇到一堆看不懂的ES6語法，這個時候想突破必須要先搞明白ES6,什麼let,const,promise,object.assign,箭頭函數，class，等等，否則去看vuecli源碼很費勁。

慢慢搞吧，直到弄明白promise+axois封裝的請求api，跨域代理，vuex，webpack配置與打包,npm命令行操作，vue組件化開發，vue路由等等就可以了。

先把html、css、js基礎打牢，然後再看一下比較流行的前端框架（react、angular、vue），比如說vue。把vue的基本用法看一遍，看的時候最好是邊看邊敲（加深記憶），瞭解得差不多就去找個開源的項目來練練手。到了能夠熟練運用的時候就可以去實戰了。

在工作中你可能會用到bootstrap、element-UI、layui、minit、mui等等。再根據項目需要再去看那個（bootstrap、element-UI、layui、minit、mui）等等，再在工作在學習，因為這些都比較容易上手。

然後如果時間充裕再學習一下小程序（微信小程序、支付寶小程序等等）。

個人不太建議小白把東西都學完再去實戰。

把原生html，css，js打牢、熟練運用，實習開發中會用框架，用輪子，但很多時候輪子不太適合，還是要用原生去寫。像bootstrap，jquery這種庫用到再看就行了，況且先在開發已經很少用這兩個了。三大框架建議學react，js方面建議把es5學熟然後學es6，現在開發都用es6。來自剛入行的前端菜鳥個人見解，不喜勿噴

原生js必須看

HTML CSS js基礎都學完的情況再學習框架，時間如果寬裕的話可以先bootstrap，相反就學vuejs，vuejs還是比較重要的booststrap相對簡單，還有學完vue最好再學習一下前端構建工具配合使用比如webpack再學習nodejs，小程序

看JavaScript

看通透了 jq不用看了

寫通透了 Vue直接用 不會的Api查文檔

Vue寫的差不多了再去看源碼

Boot不用考慮了 如果你精力不是那麼充足的話

與其學各種框架，不如把原生js搞到滾瓜爛熟，框架都是糖，原生js纔是飯，喫飽了飯纔不會死人，要是能把原生的那一套搞明白，任何框架都是手到擒來，入門很快，你提到了jQuery,我的建議是學會了以後，嘗試看源碼，會有很大的收貨哦～

先把html css js基礎打好，再學習框架，框架的話以js框架為主，比如vue react。至於bootstrap antd這種ui框架不用學習，在項目中用到的時候現學就行

前端html css js搞好就行了，vue這種東西看半天就能開始上手做東西了。jq，bootstrap這些直接用 查API文檔

上來就先學vue，你會被勸退的，建議上官網看看 作者建議有紮實的H5C3和Js原生基礎，再來學習vue

推薦閱讀：
相關文章