在初学者的心目中，Web前端开发就是学习html、css、JavaScript；如果是在2016年、2017年，前端小伙伴只要掌握这些就可以了，但是随着行业的不断发展，前端技术已经得到了广泛的应用。前端岗位从web前端开发转变为前端全栈开发，对技术知识的要求也在不断变化。那么web前端开发需要掌握哪些技术呢？小编给大家详细介绍一下：具体来说，前端可以分为以下四大学习模块，大家可以循序渐进地开始学习：1、HTML+CSS（基础）目标和能力定义：与UI对接，可以100%重构网站静态页面的开发，为后期页面逻辑和动态效果的编写打下基础。在这里，我建了一个前端学习交流群：132667127，整理了最新的前端资料和进阶开发教程。如果你愿意，请你可以加入一个小组来学习和交流html和css。本部分属于公共基础部分。不仅要学习前端，即使从事Java开发、Web安全等岗位，这也是必须掌握的基础技术。而且这部分学习内容上手比较容易，比较简单，可以很快掌握。对于非学者来说，可以提高大家的学习兴趣。建议大家学完这部分，可以尝试模仿一些网站进行还原。请记住，练习一次胜过学习一万次。重点难点提示：css3高级属性、动态效果、高级布局、响应式布局、移动端适配、移动端灵活布局。2.JavaScript基本目标和能力定义：编程的基本概念，培养逻辑思维能力。能够独立完成网站的页面开发（包括合理布局、JavaScript操作DOM）。JS是整个前端的核心技术语言。如果要在网站上实现一些炫酷的功能，就必须要涉及到JS。JavaScript，IS是一门非常强大的语言，但是它的内容实在是太多了，而且很多内容都是糟粕。新手分不清精华和糟粕，导致新手学习困难重重。JS也是一门复杂的语言。需要懂的人给你讲，这样才不会乱七八糟，否则你很难理解要点。还是建议有人带你系统学习。网上好像有很多免费的系统，但是经过验证的绝对不会给你解释。JavaScript基础知识需要学习：ECMA基础语法逻辑分支选择逻辑分支选择ECMA函数ECMA内置对象（Array）ECMA内置对象（Math,Date）ECMA内置对象（string）DOM基础DOM样式BOMobject事件事件对象（Event）形式与正则表达式RegExpjQuery基础重难点提醒：ECMA函数建议综合训练1-2：jQuery项目3、JavaScript进阶+Node+H5API目标与能力定义：深入对象-面向编程，具备移动端开发能力，处理浏览器兼容性问题，深入学习ES6/ES7语法规范，前后端分离开发思路建议学习模块：JS面向对象H5APICanvasjQuery和插件封装移动插件开发Node服务器和数据库H5APIES6/ES7这个阶段的知识点相对比较难一些，比如：JS面向对象中的递归；Node服务器知识点：HTTP/S协议（请求头、响应头、get、post、浏览器缓存）；ES6/ES7：Promise（asycn，await），打字稿。在这个阶段，还不如学习HTML中的标签那么容易！4.Web全栈+框架目标和能力定义：深入理解Node、数据库操作、前后端分离技术、前后端协同开发。深入研究组件开发思路、技术评审、实际项目。2018年之前，你可能会用到VUE、React、微信小程序这三大框架之一。那么2020年，就算是应届毕业生，也找不到实习机会了。这些都是你必须学习的。而且前端框架技术更新很快，3-6个月就会更新一次，所以最好有人带你去学，或者学了半年之后，找工作的时候，您会发现公司不再使用这些技术的原因。并且浪费了很多时间。最后友情提示：除了以上四点，你还需要了解以下知识体系：函数式编程、LBS（高德图）数据解构与算法介绍（O时间复杂度）PWA、ServiceWorker、TaroSSR（nuxt）混合开发(uni-app,ReactNative)
