- 首页 > it技术 > >
在学校里面，我们接触的web前端仅仅只是html，css，js，你以为学会了这些就足够了吗？
但是实际上学会了这些东西还不能真正上是一个前端工程师，充其量只是一个会写前端代码的。而不是把前端当做一个工程，来进行开发和设计以及迭代。那这里就出现了很多问题了。
第一、我们学习前端的学习路线应该是什么？
最近几年，前端方面的技术变革很大，作为一个程序员，只有不断学习提升自己，才能保证自己不会与时代脱轨，才能保证自己的薪水。这几天我稍微整理了一下前端的学习路线，当然我自己是一个菜鸟，在这儿只是提出我自己的看法和意见，分享自己的学习经验。
前端入门:
html,css,js(仅仅学习了，那也只是会写了，必须要经过大量的实践积累出足够的实践经验才能是真正的学会了)
前端进阶:
es6/es5(不懂的可以百度了解一下)
css相关的工具:
css预编译器 sass、less、stylus
css框架 bootstrap、foundation
前端构建工具:
自动构建 gulp、grunt
依赖管理 browserify、webpack(时下最流行)
包管理器 webpack
前端工程师:
前端框架 react.js、angular.js、vue.js(中国比较流行，大多数初创公司的选择)
单元测试 macha、jasmine、karma、enzyme
具体可参考知乎专栏《2016/2017 Web开发者路线图》:https://zhuanlan.zhihu.com/p/22080792从前端进阶开始估计大多数在校大学生都没有接触过。第二、我们该怎么学习前端？
昨天从知乎上扒了一篇文章，在这儿贴出来，是一位前端认证P6/P7级的大牛《Web前端该怎么走》 https://www.zhihu.com/question/34388831第三、时下流行的Vue.js、Angular.js、React.js具体作用是什么，该怎么学习这三个框架具体能做什么在这儿我就举几个例子，首先三个框架都可以当做js类库来使用，类似于jQuery。不同的是三个框架能用来构建移动端、桌面、以及单页应用。那这里问题就来了。什么是单页应用(SPA)？
传统模式的web应用，采用的是mvc模式将前后端分离，但是并不是真正意义上的完全分离，在这里我就拿我熟悉的ssm框架来打比方，比如我们在jsp中仍使用jstl或者相关的东西。前后端并没有真正分离还存在着一定耦合度。而单页应用，前端是纯前端，通过ajax调用后台数据接口，获取数据然后对页面进行渲染，改变页面。渲染页面由服务端变为客户端。单页应用的优缺点:
优点：
1、具有桌面应用的即时性、网站的可移植性和可访问性。
2、用户体验好、快，内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。
3、基于上面一点，SPA相对对服务器压力小。
4、良好的前后端分离。SPA和RESTful架构一起使用，后端不再负责模板渲染、输出页面工作，web前端和各种移动终端地位对等，后端API通用化。
5、对前端人员javascript技能要求更高，促使团队技能提升。缺点：
1、不利于SEO。
2、初次加载耗时相对增多。
3、导航不可用，如果一定要导航需要自行实现前进、后退。
4、对开发人员技能水平、开发成本高。该怎么学习Vue.js？
在这儿我贴出知乎上的文章:
《Vue.js新手入门指南》 链接:https://zhuanlan.zhihu.com/p/25659025另外，我们前端水平到达一定层次之后该如何提高自己呢？
这时候我们就应该考虑架构以及调优方面的东西了
《大公司怎样开发和部署前端代码》 链接:https://www.zhihu.com/question/20790576
推荐阅读
