首先，让我们看一下我们需要在Web前端上掌握哪些知识：

一、基本的HTML，CSS和JavaScript语法。学习基础知识之后，您可以模仿电子商务网站（例如京东，小米）来进行首页布局。

二、高级JavaScript语法。包括：范围和闭包，this和对象原型等。相信我，JS语法始终是面试中最重要的部分。

三、jQuery，Ajax等。jQuery并不是过时的，它仍然是前端基础的一部分。

四、ES6语法。这部分属于JS的新语法，必须在面试中提出。其中，应特别注意promise和async等内容。

五、HTML5和CSS3。熟悉新功能。

六、画布。在面试中，有些公司可能不会问帆布，而是走运。如果没有足够的时间，则可以跳过本部分的学习。但是，如果您愿意，那绝对是一个加分。

七、移动Web开发，Bootstrap等。在移动开发中应注意适应性和兼容性问题。

八、前端框架：Vue.js和React。这两个框架必须至少有一个。入门时，建议先学习Vue.js，入门相对容易。但是无论如何，同时掌握Vue和React是合格的前端学生。

九、Node.js。这是一个奖励项目。如果没有足够的时间，可以先跳过它，但是至少必须知道节点环境的配置。

十、自动化工具：Webpack，构建工具，gulp，CSS预处理器，Sass等。请注意，Sass的使用量少于Less，而gulp的使用量则大于grunt。

十个一、前端集成：HTTP协议，跨域通信，安全问题（CSRF，XSS），浏览器呈现机制，异步和单线程，页面性能优化，防抖动（反跳）和限制（节流），延迟加载，前端错误监控，虚拟DOM等。

十个二、编辑器相关。 Sublime Text是每个学习前端的人都必须使用的编辑器。另外，前端有两个常用的IDE：WebStorm和Visual Studio Code。 WebStorm在所有方面都擅长，但它太落后了。 VS Code是相对轻量级的。个人总结：越来越多的人使用VS Code，越来越少的人使用WebStorm。

十个三、TypeScript（简称TS）。 ES是JS的标准，而TS是JS的超集。 TS是高级内容，建议您在掌握上述基础知识后再学习TS。

小程序属于移动Web开发和前端框架，所以我的观点是，只要您有坚实的前端基础，就可以在不学习小程序的情况下进行开发。

我一直坚信，要让程序员学习，我们必须首先在公司业务问题上做得很好，学习公司与业务相关的技能框架，在需要时学习，当然我们通常会完成工作，您还可以了解自己喜欢的东西。