快转行吧大哥，这样就没人和我卷了！
先下结论：实际上很多人根本没有够到前端的天花板，就高呼着“前端不行了”。于是HR招不到能力合格的前端、部分水得一批的前端也找不到工作，在互相嫌弃的困境中相爱相杀。
前端就是这样：框架多，轮子多，冷门点多，更新迭代快，要想跟上前端发展的步伐，在前端这条路上一直做下去，就得对标前端的能力要求。
分享我在**《Web 前端工程师》分享的前端开发学习脑图**：
戳我报名 免费试听第一章
想要在前端这条路上不断精进下去，就得不断学习行业前沿知识，因此，跟着大厂前端职级的相应要求来依次学习前端技术，就是一个非常有性价比的选择。
P5
阿里招聘的最低等级是P5，因此重点说下前端要达到各职级所需的技能和能力。
P5前端只对技术能力有要求，即基础扎实，能够高质量地完成安排的工作。
展开说下：
HTML/CSS/JavaScript：
基本编程基础，一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。
html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素，也是前端的“三驾马车”。
计算机基础：
数据结构：
数组、字符串、链表、双向链表、队列单调队列、双向队列、栈、单调栈、树、二叉树、二叉搜索树、堆、图、二分图、哈希表、字典树、并查集等。
算法：
双指针、深度优先搜索、二分法、分治法、宽度优先搜索、拓扑排序、动态规划、排序算法、快速选择算法、模拟法、扫描线算法、枚举法、贪心法等。
关于如何掌握这些基础数据结构和算法，推荐一些学习资料：
①大话数据结构：本书以一个计算机教师教学为场景，讲解数据结构和相关算法的知识。这是国内一本难得的优秀教材，作者用生动易懂的语言来讲解数据结构，让你回归课堂，特别适合弱基础的前端。
②算法基础班：市面上难得的一门把算法和数据结构讲得非常清晰，同时又能手把手带你实战的算法基础课程。课程采用Java和Python双语言讲解，在coding的过程中掌握数据结构和算法，现在开放了免费试听名额。
③LintCode：程序员的在线刷题平台，虽然前端的编程面试不会太难，刷LintCode上的easy题和medium题就差不多了。LintCode上还覆盖了互联网大厂的企业真题和阶梯训练，感兴趣的同学可以去体验一下。
开发软件
IDE：
集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。
调试工具：
包括Chrome Dev Tool，Chrome插件、Postman、Firebug、Charles。
切图：
PS、Sketch等
类库框架：
包括工具库和开发库/框架。具体可参见下图：
P6
P6要求熟悉前端技术，做到技术层面的融会贯通，俗称“一杆到底”。能够独当一面，在专业领域具备辅导他人的能力，能带一两个人独立完成项目。P6开始需要有工程开发的能力，对网络通信、性能、安全方面也要有所了解。
如果你去刷题，上网上能找的前端面试题基本都能解决的话，差不多就可以去面P6了。
- 简单来几道相关的面试题：
- 说说TCP传输的三次握手四次挥手策略
- XSS原理及防范
- Cookie、localStorage和SessionStorage的区别
- 栅格系统是什么？有什么用？
关于前端常见面试题的解析，阿里P7乔纳森老师在《Web 前端工程师》的免费试听课上有详细的讲解，感兴趣的朋友可以去免费试听。
P7
P7是团队某一技术领域专家，能影响团队在该领域的发展（团队一般在10人左右）。除了完成项目外，业务上需要关注投入产出比。
P7及以上的职级，更需要的是日常的积累和强化，故不赘述了。主要需要着重学习编程思想，对架构设计、后端都要有一定的涉猎，达到这个高度的前端，估计也不会想着“转行”了。
综上，等你触到P7这个天花板时，你就会发现你根本不需要转行。因为：
要学的东西还有很多
想要你的人更多
加油！