前端重构成长指南【首届TGDC-前端专场】

嘉宾介绍

贺彬：腾讯互动娱乐创意设计中心总监，负责网站重构组、设计项目攻坚组，项目管理组的团队管理；2003年加入腾讯，经历了团队由不足10人成长到现在超过150人，致力打造游戏行业最优秀的创意设计团队。

贺彬：各位现场的朋友们，下午好，很高兴能作为本次TGDC的开场嘉宾和大家聊一聊前端重构的问题。被安排在这个时间分享还是蛮有挑战的，希望接下来的内容能够吸引大家，不会导致大家的困意。

虽然主持人刚才已经简单介绍了一下我的背景，我还是介绍一下。我是来自TGideas的贺彬，从2003年的十多人发展到现在的100多人，同时打造成一个小有名气的小品牌，其实还是挺激动的。我一直是负责前端重构团队的管理，随着这两年业务的发展和游戏业务的增长，也是分管了两个新的小组，一个是项目管理组，另外一个是负责设计攻坚组。

在正式开始之前做一个小小的调查，有没有人愿意分享一下在你们工作中有没有遇到过职业成长中的困惑？

嘉宾：我是刚刚毕业的一名学生，现在方向是前后端，我就遇到一个很大的问题，我们团队做的东西一般都是一个人负责一个单独的活动，就比较简单，不会很复杂，但都是个人的项目。你在当中会遇到一些问题，这东西我按自己怎么快怎么写，你不会制定很多规范，不会小题大作，这样我就觉得自己的工程化能力得不到体现，自己也没有在一个产品导向的小组里面工作过。所以就不知道是不是会越来越low。

贺彬：处在小团队，一直是快速地完成需求，找不到个人成长的方向和发展的目标。很感谢刚才两位同学的分享，其实前不久我们团队也刚刚举办过一次这样的沙龙，主要是针对工作五年以上的员工访谈。当时也有大家提到了很多困惑，除了刚才两位同学分享的，还有前端重构应该关注自己哪些能力的提升，在繁重的业务压力下怎么提升自己的能力，如何让专业能力有更好的呈现，个人影响力怎么加强，如何成为一个小团队里面的骨干？通过那天的沙龙大家发表了很多各自的想法和建议，其中有不少值得参考和借鉴的地方，今天的分享也是来源于当时的沙龙。

以下为主要演讲内容

说到前端重构的职业成长，我觉得应该重点关注三个方向，专业能力、通用能力和团队影响力。

一、专业能力

其中专业能力方面我觉得可以分为职业技能和辅助技能两块。职业技能就是从事前端重构必须具备的功能，包括对工具、语言、知识的掌握。职业技能作为大家吃饭的本领需要达到怎样的标准才能算一个合格的前端重构？相信大家应该都有接触过简历，对于不同的技能通常会采用了解、熟悉、熟练、精通这样的词语描述。在腾讯对于职业技能也有相应的标准和说明，这里我就不一一细读了。我从实际工作中找到几个相对比较有代表性的项目跟大家做一下分享，理解起来更直观一些。因为了解这个阶段还是比较初级，这里就不作距离了。以熟悉来看，如果你能够快速完成一个移动页面的处理，做到不同浏览器和机型的兼容，实现页面的交互就达到熟悉的标准。

要做到熟练应该具备独立完成一个产品双端官网的能力，在熟悉的基础上需要做好页面的性能优化和SEO。同时在工作中能够关注工作效率，然后在项目完成的时候能够做出一些必要的分析和总结。精通方面，不仅自己的能力要足够强，而且要能够带领团队完成大型社区平台的搭建能力。在刚才提到熟练的基础上拥有严谨的架构意识，能将代码进行模块化、系统化的处理，关注外部安全，大胆尝试技术上的创新。

职业技能最起码的标准能够达到熟练以上，当然如果你希望成为这个领域的专家需要把精通作为你的目标。前段时间听到一个玩笑，大学毕业找不到工作怎么办？去做前端重构，或许不少人看来前端重构是一个缺乏职业壁垒的岗位，大学毕业找不到工作，自己看半年的书就可以做这一块。不可否认，对于初级的前端重构，这个门槛确实不高。现在网上也有很多速成的教材和视频，大家看一下之后确实可以进入这个领域。但是我们也可以看到，这个岗位的高级人才一直都非常紧缺，外面很多公司都在高薪聘请高级的前端重构。因为高级的前端重构不是看几本书，做几个简单的项目就可以达到的，而是经过系统锻炼出来。

怎么提升自己的职业技能？我在这边整理了大概三点，第一个是看，第二个是做，第三个是想。我觉得任何的技能学习，建议大家可以先通过看书系统的学习，由浅入深地了解一遍，在后续的过程中都是通过碎片的学习。系统地看书可以帮你建立一条完整的知识体系，让后面零散的知识在这个知识体系上，而不是永远的零散知识点。我们团队也针对职业技能整理了对应的学习材料，有兴趣的朋友可以关注一下，上面有一些书籍会推荐给大家。

有了基础的理论之后，就可以尝试通过项目进行实践，在过程中要保持持续思考的状态，把职业技能充分地发挥出来，而不是仅仅完成需求。就像刚才这位同学提到的，大量的工作都是很简单的，我是不是完成需求就可以了？不是这样的，应该把你学到的知识尽可能用到项目中，哪怕未来你不在这边做了，但是你的技能提升了，你就能找到更好的工作。

我们还需要关注行业里面的优秀案例，开拓自己的思维，尝试把自己放到项目里面去想，自己做会怎么做，有没有更好的解决方案。同时可以关注前端重构的博客，上面一般都会有对于自己团队产出优秀案例的深度剖析。只有通过这样不断循环的学习、思考，3-5年的时间才能把自己的专业技能磨练得比较扎实。

辅助技能在我看来主要是和前端重构相关的工作岗位，同时能够对前端重构工作起到帮助的技能。因为前端重构其实是介于视觉、设计和后台开发之间，常年需要与产品经理、运营经理、品牌经理打交道的岗位，熟悉他们的技能可以更好地起到承上启下的作用。掌握辅助技能不仅可以帮助你了解合作伙伴的想法，在推进工作中更顺畅，同时可以预见到相关环节遇到的问题，规避问题，产生1+1>2的效果。

由于前端重构的合作伙伴非常多，所以需要掌握的辅助技能也非常繁杂，因此我们可能需要根据自身工作的实际情况针对性选择最为有用的辅助技能。比如你是负责游戏人生这类社区平台的，掌握一些交互设计的能力可以让你进行网站架构的时候，页面逻辑更加清晰，操作体验更加顺畅。比如你是负责内部系统搭建的，掌握后台开发的技术，可以让你在联调的时候更加高效，甚至独立完成系统的搭建。如果你是负责项目成果分析的，可能要了解一些用研的方法和数据分析的方法，这样才能保证你分析的结果更加严谨准确，对于业务的指导性更强。

当然如何利用团队的利用，成员之间可以互补性地进行学习，让团队的产出最大化，也是团队负责人应该关注的问题。

职业技能和辅助技能构成了我们的专业能力，在前端重构的专业能力方面有一个反复提及的词汇就是一专多长，在职业技能方面要做到足够专精。在辅助技能方面要做到多长处。

二、通用能力

接下来看一下通用能力，如果说专业能力的强弱决定你能否完成一个需求，通用能力的高低就决定你能否把这个需求做得更好。在有扎实的专业能力的基础上，同样要注重通用能力的培养。因此，作为一个对自己有更高要求的前端重构，我觉得有三点通用能力是需要重点加强的。

第一个就是项目管理的能力，其实对于前端重构来说小到日常的需求，大到官网的改版都需要用到项目管理的能力。项目管理做到足够专业甚至可以成为一个独立的岗位。前端重构需要掌握一些基本的项目管理知识，通过流程规划、时间安排、资源整合、高质量地完成项目目标。

因此在进行项目管理的时候我们第一步要做的是明确完成的工作内容到底有哪些，以我们这边经历的比较复杂的产品公测为例，我们需要把相关的工作按阶段罗列出来。比如前期可能需要参与到项目的讨论，包括需求的沟通会、工作量预估、页面逻辑讨论、功能点确认、上线时间确认以及上线渠道的确认。中期包括制定规范、执行页面的重构、页面的联调、页面测试以及上线发布。进入到后期主要是收尾工作，包括做一些数据分析、项目总结和方法论沉淀。

明确所有需要完成的工作之后，我们根据手上的资源以及各个项目的时间节点制定合理的项目排期，按照计划推进项目执行。这是一张当时一个项目公测的时间表，可以看到工作的内容是密密麻麻的，当时按照这样的时间节点，按天进行推进。

此外在项目过程中有一个问题是需要重点关注的，就是突发情况。越复杂的项目发生突发情况的概率越高，比如项目公测可能会有一些临时需求的加入，可能会发生交互的调整，可能在设计环节造成延误，或者项目排期发生了变化。因此在项目排期的时候我们也需要充分考虑应急情况的发生，为应急情况制定相应的紧急处理机制。当发生突发情况的时候可以先评估一下工作量、紧急度和重要性，然后判断现有资源是否可以处理，确保项目的整个进度不受影响。

当然在完成所有的工作之后，最好还是抽空将项目过程中出现的一些问题和要点记录下来，从而不断完善自己在项目管理方面的经验。

第二个是解决问题的能力，作为前端重构其实每天会有大量的问题在我们的面前。因此我们需要通过逻辑思维借鉴相关经验，运用工具和方法准确有效地分析问题，然后制定出最佳的解决方案并予以执行。在解决问题之后做好效果的评估。在解决问题的过程中，我认为最重要的环节是分析问题的环节，因为只有找到问题的根源才能制定最有效的解决方案，做到事半功倍的效果。

在某款游戏的官网上，我们为了保证页面的上线时间，快速完成了一个基本版本的上线。但是上线以后发现数据并不理想，访问量和DAU占比都非常低。为了提升微官网的产品数据，增加了攻略和个人中心的板块，10月新版上线以后访问量大幅增长，但DAU的占比还是比较低。是否这就是最好的解决方案了？当我们和产品重新坐下来回溯问题的根源，结合之前同类网站上的搭建经验，我们发现有两个核心的问题并没有有效解决。一个是内容，一个是入口。内容缺乏足够的吸引力，入口触达用户不足。因此，针对这两个问题团队制定了全新的解决方案，并且积极参与到方案的推动和执行中。在内容方面搭建了以英雄为核心的英雄资料库办法，放在首页明显突出的位置。根据调研结果增加了用户呼声最高的视频中心板块。入口方面通过和项目组的持续沟通，推动原有的二级出口提升到一级，同时推动更多的场景化入口，比如英雄介绍界面可以跳转到对应的英雄资料页。11月的版本上线之后各项数据开始逐步升高，不仅访问量比原有进一步增长，DAU的占比也进一步提升。在解决问题的过程中我们一定要深挖问题的根源，才能确实有效地解决问题。

第三个是主动沟通的能力，沟通可以说是我们日常工作中最为平凡的一个行为，我们需要不时和上下游进行沟通来推进工作。在前端重构沟通过程中经常会处于被动的状态，同时缺乏沟通的技巧。我觉得主动沟通除了积极主动沟通之外，还要学会换位思考，充分了解对方心理的想法，然后用对方最为接受的方式表达出来。

在我们常规的工作中需求都是这么处理的，产品有一个页面需要制作，他提了一个需求过来，设计师根据产品的需求完成了页面设计，重构根据设计稿完成了制作和联调，测试后没有什么问题就发布上线了。但如果我们接到需求的时候尝试主动沟通可能会有不一样的结果。近期有一款尤其在首发上，最初产品也希望做一下H5推荐产品，我们通过和产品沟通了解到几个关键信息，第一他是一款重点产品，第二会在ChinaJoy现场首发，第三他是一款3D游戏。作为重点产品如何在众多首发产品中脱颖而出，吸引用户关注，新技术的应用必然是一个很好的切入点。我们和产品沟通了我们的想法，我们不会谈技术有多么难、多么高深，而是从创新体验、现场互动效果方面跟产品沟通，并且快速搭建demo的方法，顺利将产品落地。值得高兴的是在该游戏的展区吸引大量的用户来体验，为产品的首发预热带来了极好的效果。

三、团队影响力

最后让我们看一下团队影响力的部分，如果把团队看成一个整体，每个人能力的提升对于团队来说就是单项能力的提升，这必然会带动其他能力，其他人的增长，会起到相互促进的作用，从而帮助整个团队发展壮大。不少人觉得提升团队影响力是一件非常麻烦的事，其实并不困难。只要你能完成项目的同时注重文档的输出和知识的分享就是提升团队影响力，这个过程也会为整个团队带来积极的作用。

首先说一下文档输出方面，前端重构作为网站建设的中间环节需要经常跟上下游协同工作，很多时候我们花在沟通上的精力会比实际工作的精力更多，因此我们需要凭借工作经验和实际情况制定相应的工作流程和工作规范，提升彼此合作的默契度。在过程中将相应的工作方法总结成文档，在下次遇到同类问题的时候可以提升效率，并且可以给其他同事参考。对于团队来说，每个人输出的规范和方法论都是帮助团队完善文档平台的建设，改善团队的工作氛围。

其次是知识分享，前端重构作为一个技术岗位，其实是很需要互相学习的，但学习氛围的形成是一个相对比较漫长的过程，同时需要每个成员有乐于分享的过程。我们鼓励组员将工作成果阶段性总结，和团队进行分享，定期沉淀分享，不仅可以帮助我们对工作进行反思，找到提升改进的地方，同时可以让其他成员更好地了解自己，建立自身的专业形象。对于团队来说，每个人的优质分享都是帮助团队完善知识体系的搭建，加快所有成员的成长速度，提升团队的整体学习氛围。

此外团队影响力的提升也是个人和团队共同成长的过程，在团队发展的过程中通常会产生更多的机会，而只有那些注重团队影响力建设，为团队积极贡献的人才会成为这些资源的受益者。因此只有当你把团队成长和个人成长紧密联系起来的时候，你才能获得更快的成长。

最后也是希望每一位还奋战在前端重构岗位上的朋友都能够找到适合自己职业成长的方式，获得更好的发展，谢谢大家，以上就是我的分享。

分享嘉宾完整PPT下载

长按复制地址：http://share.weiyun.com/4dc47327439bdb5756672b097ee3a8

密码：tgdc