零基础选择前端技术栈的正确方法

你的技术栈很明显是以兴趣为导向的。也就是说，你这个技术栈就算你真学完了，对于你工资的提高，也没有很大的帮助，因为它本身就是偏的。

为什么呢？

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把之前的练习、例子都再写一遍。这样慢慢的基本就可以上手了。