今天把前端能力划分成八个等级，每个等级都列出了对应的特征和提升方法。大家可以先按照目录对照自己的等级，再进行提升。

一、入门级（选秀阶段）能够解决一些问题：

常见HTML标签和属性、时间、方法，常见的CSS属性也了解，也掌握了JavaScript最基础的语法、条件、语句和循环还有简单常用的算法。起码可以完成一些前端的需求。要了解一些常用工具比如：Webstrom、Sublime text3、Dreamweaver等。

怎么进阶：

最简单的方法就是找到官方帮助手册，所有的方法属性，都读。读到自己我安全理解了，这些文档可以帮我们夯实基础学习，起码有一个帮助，就是优化了我们不规范的代码。很多人上来就建议看文档学习，个人感觉没必要。学完基础知识之后，夯实基础看官方文档会让大家更受益。

——通过静态页面来优化好我们的代码！

二、解决问题（常在阶段）本阶段特征：

可以解决一些难点的问题了，哪怕是通过复制粘贴，起码能够基本完成需求。这个阶段起码完成的内容是不出错的了。不会向上一个阶段还是在学习。可能只是会粘贴代码进行简单的修改，还不会优化。

进阶之路：

这个阶段最大特的特点就是能够解题了，但不是最优方案。怎么解决这个问题？就要扩宽自己的认知了，累积学习各种项目，再自我验证方法。可以到GitHub上面找一些开源了，我们最重要的不是要学一个开源项目，而是学会自己调试让代码跑起来。你不调试，你学会的就是一个项目，你学会调试，你就会的是一个领域。

三、优化方案（贵人阶段）特征

本阶段遇到一个需求可以给出各种方案了，自己也能判断出优秀的方案。这个级别基本上是团队的主力。本阶段是可以说出一样的代码更适合什么环境。按照工作年限，基本上两年左右为web开发经验就可以到这里了。

提升之路：

戒骄戒躁，我见过很多开发最飘的时候就是2-3年左右。这个阶段更应该注意代码的性能和可用性。深刻的理解前端框架实现原则、开发、重新配置前端一般终端组件的能力。

四、全局观（嫔位）特征：

思想走在需求前面，有关需求还没有提出来，你是否有发现需求的能力。另外就是已经不追求一个需求的最优代码了，而是解决方案。代码可复用性，等等。

提升之路：

关于面向对象开发的思考；面向对象的JavaScript；javascript闭包、范围链、原型链等高级功能；常用的设计模式；使用本机JavaScript原理实现框架封装；jQuery框架封装原理；实现原理，jQuery插件；掌握jQuery插件的实现原理，深入理解插件实现机制的两个扩展；基于组件和模块化的发展：SeaJS、RequireJS。有能力解决复杂的问题和技术问题，并能够独立设计和开发复杂的功能模块。

五、深度（妃位）特征：

本质上是和上一个阶段没有太多区别的，就是这个时候已经有了封装概念。已经可以分享内容了。

进阶：

这个阶段的web开发，更需要注重的是思路，或者说是深层理论。再看几遍HTML/CSS/JS接口帮助文档，这个阶段掌握Java、C++、Python其中一门语言，并且了解它语言设计等等。

六、广度（贵妃）特征

自称体系，基础扎实，掌握理论，知道原理。

晋升：

从前前端都是后端直接大包大揽的，后来才细分。随着Node.js的发展，很多中台服务教给前端开发。这个阶段就是前端全栈的阶段，可以自己设计一些框架，业务也可以写。

七、领军人（皇后）

八、前端学习路线图前端基础到项目全部课程：对你有用的知识

还想了解前端的任何知识都可以评论哦~