前端技术路线

参考文档：

https://baijiahao.baidu.com/s?id=1710431337222148812&wfr=spider&for=pc

 

技术学习路线

前端小白最好给自己规划一条合适的技术学习路线，以下是我个人的技术发展过程，我觉得还是能适合大多数的前端人员：

1.基础掌握

前端开发三剑客必须掌握：html、css、javascript。html负责组织页面结构及数据的承载，css是对外观显示效果的处理，javascript则是对行为、业务逻辑的处理。这些基础知识经过长期的迭代，目前已经发展到html5、css3、es6，大家必须掌握好。

 

2.进阶能力

对于进阶知识学习，这里推荐大家一些组件库、UI库，例如jquery或zepto（虽然他们以后会被取代）、ajax、bootstrap、less、sass等，这些内容的学习，不仅能直接提升你对基础知识的掌握、提高开发效率，并且能够实现大部分传统web应用场景的开发。

 

3.前端框架

这里的框架，指的是架构级别的基础框架，它必须对前端开发的各个方面提供支持，主流的框架以Vue、React、Angular为代表，这里推荐大家学习Vue，它提供了模板语法、组件、路由、监听、状态等一整套方案。框架的学习，让我们的编程思维得到更大的提升，对模块化、组件化、mvvm的开发思想会有新的认识。

 

4.前端工程化

现在越来越流行用工程化思想，来管理前端项目，这里的推荐组合是nodejs+webpack。通过webpack自动化搭建项目架构、组件安装及管理、测试管理以及代码压缩、混淆、编译、打包等。甚至跟一些诸如基于Vue的脚手架工具配合使用，能够搭建起开箱即用的项目架构。

 

5.技术加持

建议大家对诸如微信公众号、微信小程序等跟前端相关技术的学习，对自己的技术能力是很好的加持。

 

6.全栈开发

学有余力的同学，可以考虑一下全栈开发，目前阿里云和腾讯云等，提供了基于nodejs的云开发环境（云函数、云数据库、云存储等），可直接使用前端的js技术进行后端开发。