现如今学习Web前端的人越来越多，作为一个初入行的新手，一定要想清楚为什么要学习Web前端，出于一种什么样的心态去学习。而且现在网上关于学习web前端需要掌握哪些知识的问题有非常多方法，内容基本类似，但且大多比较混乱，今天千锋重庆web前端培训机构的小编在这里把一名合格web前端所必备的知识作一一列举。

       1、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站做首页的布局。

       2、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。JS语法，永远是面试中最重要的部分。

      3、jQuery、Ajax等。jQuery永远不会过时，当你需要的时候就知道它的重要性。

      4、ES6、ES7...语法。是JavaScript新标准，面试必考点。其中，关于 promise、async 等异步解决方式内容要尤其关注。

      5、HTML5和CSS3。这一部分区别于第一点，这里指的是HTML与CSS新增标签和属性。

       6、canvas。canvas是前端必备的知识，但canvas又属于独立的模块，它会借助JavaScript进行。

       7、移动Web开发、响应式等。这一部分与第五点有直接关联，是前端基础技能。要注意移动开发中的适配和兼容性问题。

       8、web前端框架：Vue和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。

       9、Node.js。这一项是逐渐变成一个前端必备的知识。全栈开发、大前端重要组成部分。

      10、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，webpack。

      11、web前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等，这些内容都属于前端进阶知识，。

      12、TypeScript。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，这部分建议把上面的基础掌握之后再来接触。

      以上就是从入门到成长为一名合格web前端工程师所需要掌握的知识结构，按照这样的方向去一步步前进，相信未来不久你就是下一个前端大牛。

      如果大家对web前端感兴趣的话，可以来千锋重庆web前端培训班申请两周的免费试听，千锋重庆web前端培训班的课程通过理论实践相结合的教学方式去传授小伙伴技术知识，是值得小伙伴选择的一所web前端培训机构。

上一篇

零基础学习Java需要多长时间？

下一篇

学习Java怎么才能提升自己的技术能力？