鲁南快报在 ECMScript 的标准化演进和开源社区的蓬勃发展中，作为一名前端工程师，如何从越来越饱和的求职市场竞争中脱颖而出?如何融入环境胜任新的岗位?又该如何晋级成长，完成角色转型?
为了帮助前端工程师们寻找这些问题的答案， 100offer 邀请到了 58 同城的高级技术经理李丁辉。他将基于丰富的团队实践及经验，与你分享前端工程师的面试、岗位适应、晋级成长三大话题和完整职业成长历程。既有提纲挈领的方法论，也会推荐一些实用的学习资料、工具和方法，让你读完就能实践落地。
这份《前端工程师进阶指南》分为上下两篇推出。上篇【加上篇的文章发布链接】围绕前端面试准备以及快速融入新团队分享了大量实用建议。今天的下篇，我们将分享从中级到资深前端工程师的不同技能要求和职业进阶方法。
作者简介：
李丁辉，58 同城用户增长部高级技术经理，负责 58 同城用户增长部前端团队的研发和管理工作。长期参与集团校园招聘和职级评审。2010年参加工作，曾就职于百度、创新工场，从事前端开发工作。
1晋级成长，完成角色转型
在一家公司工作一段时间，就会面临内部的晋级成长。
下图汇总了互联网公司的常见职级序列图。不同公司叫法有差异，且有不同的序列编制。如阿里是 P 序列，百度是 T 序列，58 是 T 序列，有的公司没有序列之分，只有职称之分。
中级工程师普遍工作年限较短，通常会在高工或前端组长的指导下完成工作，作为项目参与者，中级工程师会长期使用某一种技术栈，因此对中级工程师的要求，主要就是扎实的基础以及对某一技术栈的熟练使用。
高级工程师工作年限通常在 4 年左右，能独立承担模块或中小型项目开发。要求个人技术视野好，对整个前端领域都有较为广泛的了解;对某一技术栈有深入理解和使用经验，有助于独立处理复杂的技术难题，保证项目进度。
高级工程师的人员范围相对较广，比如在 58 集团 T4 和 T5 都叫做高级工程师，阿里和百度也是类似。高级工程师往往是开发的主力，优质的高级工程师则是项目的前端负责人。
资深工程师普遍工作年限在 6 年以上，能够领导团队有效完成大型项目开发。要求也相对苛刻，需要有广泛的技术视野和较强的沟通协作能力，因为团队可能承担多个项目、涉及多种技术栈。另外技术选型能力必须强，能够从效率、质量、成本多个维度权衡得出可行方案。在一个团队中，资深工程师的人数并不多但非常重要，多是前端组长甚至是前端团队负责人。
对于工作到一定年限的前端工程师「老鸟」，是继续走技术路线，还是转型走管理路线，没有好坏之分，只能说每个人的职业规划方向不同。但就架构师和技术经理这两个角色而言，其实更多只是职称不同，工作内容是相似的。
2合理安排时间，提升自身能力
这是最好的时代，受益于信息技术的高速发展，每个人都可以迅速而廉价的获取丰富的信息;这也是最坏的时代，信息大爆炸导致我们的精力和时间都受到了冲击。
01工作时间难题?这些实用方法值得一试
这是一个资深工程师老李的日常：
1) 时间碎片化
很难有一整段时间持续做某件事，上下文的频繁切换，导致思维跳跃，容易产生焦虑、浮躁、紧张的情绪。
2) 被动时间多
如会议和通讯工具强提示(被 DING 一下，马上抓狂)。
因此，时间管理对于工程师的能力提升至关重要。同样工作一周时间，有的人忙得不可开交、昏天黑地，但没有一件事情能有效完成。有的人从容不迫、雷厉风行，但重要的事情都能出色完成。这与有效的工具和方法不无关系。
1)工具推荐
如 Things、WunderList、OmniFocus 等个人事务管理软件，可将自己的日常工作拆分成若干任务放入管理软件，有助于减少记忆力开销。但这些工具只适合个人时间管理，团队时间管理并不受用。
另外一个有意思的工具叫做 WakeTime，其中有各种 IDE、编辑器插件，可以统计日常编码时间。
2)方法
可以参考同一作者的两本书：《番茄工作法》和《单核工作法》。
「番茄工作法」的实际操作不难，类似于我们小时候 45 分钟一堂课，休息 15 分钟，它也是 25 分钟的完整时间完成一个任务，休息 5 分钟，然后继续下一个任务。
单核工作法是番茄工作法的加强版。使用事务管理软件收集任务，使用单核工作法处理任务，能够使工作变得简单高效。
每天预留一个时间段，关闭或者静音通信工具。把会议分权重，非必要的会议不参加，或者跟合作的同事交替参加。非重要紧急的事情放入任务池，可以给自己设定个时间段单独处理类似问题。
首先推荐同一家公司的两款思维导图软件，Xmind和 Xmind ZEN，Mac 环境下建议使用 Xmind ZEN，运行会更流畅。可使用思维导图来学习上书籍和技术文档。
近年来前端技术发展迅速，市面上的前端相关技术书籍通常落后实际流行技术两三年。因此，在日常开发中保持各类技术文档的阅读尤为重要。
在技术文档的阅读上，以学习 TypeScript 为例，可以将文档大纲拆解到思维导图中。利用显示器分配，可以分屏，或是使用两个显示器，左侧浏览文档，右侧用 Xmind 作笔记。对于一些不太容易理解的，可以使用类似 CodeRunner 等开箱即用的工具，然后在 Xmind 中添加自己的思考和疑问。这样基本上能把文档中自认为重要的知识点梳理好，且相对系统和个性化，对自己也更有帮助。
另外，无论是做规划、总结，还是写作分享，思维导图都有利于思路的梳理。
1、面试准备：做一张知识图谱，评估自己的专业技能状况
2、日常工作：尝试画序列图，在沟通交流中使用
3、学习提升：使用思维导图，进行文档学习和思考总结
最后附上我推荐的软件和图书，如有需要可以自取：
软件参考
Xmind ZEN 思维导图软件
https://www.xmind.cn/zen/
Visual Paradigm UML 软件
https://www.visual-paradigm.com/cn/
OmniGraffle 图表绘制软件
https://www.omnigroup.com/omnigraffle/new/
OmniPlan 项目管理软件
https://www.omnigroup.com/omniplan/
Things 个人事务管理软件
https://culturedcode.com/things/
WuderList 个人事务管理软件
https://www.wunderlist.com/zh/
图书参考
《JavaScript高级程序设计》
https://item.jd.com/10951037.html
《深入理解ES6》
https://item.jd.com/12213616.html
《精通CSS 高级Web标准解决方案》
https://item.jd.com/12550434.html
《CSS揭秘》
https://item.jd.com/11911279.html
《图解HTTP》
https://item.jd.com/11449491.html
《番茄工作法》
https://item.jd.com/10406129.html
《单核工作法》
https://item.jd.com/12247896.html
3Q&A
(Q代表网友提问，A代表李丁辉回答)
Q：公司里只有自己一个前端，如何自我提升?
A：如果只有一个前端开发同学的话，可能会比较孤立，这种情况下可以从两方面进行自我提升。
一方面可以去参与一些社区性的项目，成本没有想象的那么大。最简单的方式就是去跟进某个项目，持续关注它的状态，然后尝试能不能参与其中，当然也不必去追求特别大型的项目。另一方面就是要建立自己的知识图谱，然后根据图谱，去找相关书籍或文档进行系统的学习和查漏补缺。
Q：作为前端面试官，你一般会重点关注面试者的哪些技术素养?
A：一般来说，通过两个技术面能够过滤出一些优质的候选人。一是前端基础，如 JS / CSS / HTTP;二是真正的编码能力。我虽然在第三轮的管理层面试上，但我通常也会要求候选人去答一个编程笔试题，以观察他的实际编码水平。
Q：应届生找工作时应该专注于哪方面?
A：一般而言，应届生面试考察的是基础，框架类的知识考察相对较少。因此应届生在找工作时，可以提前做一些基础性的学习，如果能对上文提到的五本基础性书籍做充分准备，相信你足以应对笔试和面试了。
Q：58 是使用 react 还是 vue ?我面试了好几家公司，似乎目前业界对 react 更感兴趣?
A：58 没有侧重于哪个框架，我们整个集团里有很多不同的前端团队，每个团队使用的技术栈差异较大，二者都有用到。
Q：前端学习 Node.js 必要吗?
A: 如今整个前端的构建其实是以 Node 为核心的。但如果是做纯前端开发的话，其实只需要去熟悉一些 Node 的常用工具，比如知道怎么使用一些构建工具或安装包，然后能够进行编译。当然，还是鼓励大家多开阔技术视野，练好基本功。另外，要选择前端主流的框架去适应前端开发的要求。
Q: jQuery 还有学习的必要吗?
A: 如果已经开始学 vue 了，jQuery 可以先不必着急。把 vue 学得更深入一些，比继续学习 jQuery 更加有效。因为人的精力有限，如果学得太广，有些技能点就吃不透了。