你的技術棧很明顯是以興趣爲導向的。也就是說，你這個技術棧就算你真學完了，對於你工資的提高，也沒有很大的幫助，因爲它本身就是偏的。
爲什麼呢？
1、html、html5，看你怎麼用了，如果只是用一些新標籤，那麼區別並不大。如果你要使用html5的新特性，那麼都需要特定的使用場景、業務條件去實施。還需要掌握一些http、tcp/ip協議方面的東西。例如，websocket之類的
2、css3、less、sass，這些說到根兒上都是css，加分並不明顯；
3、js、json、ajax、jquery，這個中規中矩，只是jq已經有些過時，實際工作中有條件用用就可以。不必專門花大力氣去學它。
4、canvas、Konva，這時你畫風一轉，跑到了前端可視化。這個canvas要麼是大數據可視化展示，要麼是遊戲之類的交互應用。這個領域的硬功夫是【算法、效率】，例如100萬條實時更新的數據，你在網頁上展示出來。如果你數學不好的話，在這個領域裏，你絕對走不遠。
上述這些東西，尤其是第4條，足夠你走一生的。如果只是單純的學完，那麼學完了，你也用不好。
5、然後再學【面向對象】，面向對象編程是一種編程範式。什麼意思呢？就是說，面向對象編程其實是一種方法、一種風格。它要在你已經擁有一定的代碼量做爲積累的時候，才能產生作用。如果只是單純的學習這種思想、風格，那麼照例不會有太大的收穫。
6、這時，你再來學習angular.js框架，有餘力再學vue。這個框架應該屬於java流的，它的學習曲線比較陡峭，對新人不是特別友好。所以你這個順序是顛倒了，應該是先學習vue，然後有餘力的情況下，再學angular。
建立學習路線是這樣的，看《如何自學web前端開發？精細的自學步驟是什麼樣的？【附勺子】》。看這個的目的是要先搞清楚html、css、js，都是些什麼東西，做什麼用的。
然後就可以用js來寫一些基本的小東西了。可以從點擊事件開始，一個小按鈕圖片切換什麼的，再把this用一用，先熟悉基本的用法。
接下來可以再做一個網頁版的留言板，就是添加、刪除、顯示留言的頁面級應用，不帶數據庫的。
這類例子的的核心是用來鍛鍊基本的邏輯思維，就是你大概知道它有什麼功能，但是不知道怎麼把它實現出來。在這個階段還需要注意“表現與結構相分離”。
接下來，先把node學一下，掌握node安裝、運行，npm怎麼安裝第三方包什麼的就可以，不必太深入node開發。
然後把vue-cli裝上，學習vue的使用，再用vue把之前的練習、例子都再寫一遍。這樣慢慢的基本就可以上手了。
因爲篇幅所限，這篇文章寫到這裏基本也就要結束了。如果這方面還有什麼其它的疑問，可以加我vx：blazeloulan，或在文章末尾留言給我。我感腳，我還是可以給出一些建議的。
