大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 外围原理与实际利用》，这对我是一个不小的职业冲破，所以不能免俗地想做个总结，分享我这九年工作的成长经验，以及我对前端这个职业的思考与成长倡议，心愿能帮到哪些还在路上的敌人。
🦖 起源
我的职业终点算不上高，6 线海边小镇出身，不出名二本院校毕业，没背景没人脉，所幸在我毕业那会(13 年)待业市场绝对还比拟宽松，加上大二开始就无意识加入学校各种计算机实验室，提前积攒了一些我的项目实战经验，所以最开始找工作时还算顺利。
图注：我的他乡，广东汕尾红海湾
🙇 一家守业公司
2013 年：攻克若干技术点，从一个懵懵懂懂的学生变质成能胜任个别工作的打工人
我的第一份工作是在一家人数不超过 10 个的超迷你企业，前端就倆人，标准、技术积淀啥的天然都是空缺的，也始终没人带，但这是我第一次正儿八经能每月拿到固定收入，有稳固的生存与工作节奏，对小镇青年来说并不感觉有啥不妥，整体心态比拟安稳，加上我本人自身就爱折腾，总违心在实现基本功能之余看看有没有更好的工具、计划。
过后国内的才刚开始探讨 前后端拆散 的概念，支流技术栈还是 jQuery，工程化程度还很低，我是看了不少材料之后，将公司技术栈从 jQuery + JSP 逐步迁徙到 jQuery + Grunt + Require.js + Less + ECharts + Bootstrap + 各种过后目迷五色的技术，到当初我还清晰地记得，过后在我的项目中逐渐引入这些工具，并顺利调通落地那一刻的喜悦与兴奋。
这一阶段对我来说，算不上有多深的技术积攒，但至多给了我一个绝对自在宽松的环境，能让我大胆实际各种技术方面的想法，也让我养成了遇事无解靠本人(Ծ‸Ծ)，被动思考、被动引入新的形式办法解决老旧问题的习惯，能够说是在一直攻克一个个独自的技术点，逐步 从一个懵懵懂懂的学生变质成能胜任个别工作的打工人，尽管过后做的很多技术判断并不一定精确，但对我集体而言算是在一直尝试，一直冲破，播种很多。
🤯 另一家守业公司
2015 年：从初阶工程师到中高阶
起初几经辗转，在毕业两年那会(15年)去了另外一家初具规模(50人)的守业公司，过后是另一个单干了比拟久也比拟资深的服务端同学对我青睐有加，举荐我当了前端主管，尽管刚进去时这个所谓的前端团队还比拟小 —— 加上我就一个人🙂。
进去之后，很多工夫花在招聘、组建团队、新人培训、梳理开发标准、梳理单干流程等事务性工作上，留给本人写代码(其实至今我都没有放弃写代码)的工夫比拟少，过后齐全是赶鸭子上架😖，治理形式以及对事物、行业、技术的认知都十分不成熟，做过一些荒唐事，印象很深的是过后因为招聘进度不现实，写了篇文章《前端，我为什么不要你》发牢骚😭，文章内容实在但很不着调，过后被喷得间接关了账号不敢再去看评论了。
考古文：《前端，为什么不要你(https://www.cnblogs.com/vans/…)》，轻喷，原谅我过后的不成熟。
刚进去那会，公司几个次要利用都是找了一群学生基于 jQuery + PHP 写的，代码量很大又十分凌乱，性能差 Bug 多，文档奇缺，简直命中了一个软件我的项目能想到的所有蹩脚特点，基本上是没法持续往下写了🤬。
所以尽管人力无限，我须要做的第一件事件就是从新设计一套更强壮、可保护迭代、合作效率更高的前端架构与开发工作流，这意外地积淀了一些在过后看起来挺酷的技术栈，包含：RequireJS、Sass、Glup、Browserify，以及 Angular\@1.x。这些技术点在过后都算比拟新鲜，中文材料很少，所以我在本人学完之后，还得花许多工夫做团队培训、梳理实战案例、分析技术原理等。
其次，在组建团队过程中我逐步意识到，约定不如标准，标准不如工具，所以在惯例培训之余，还围绕 Angular 做了一些脚手架工具、插件，制订了 ESLint 开发规定，引入自动化测试工具等，希图尽可能把繁琐的事件都交给“工具”实现。
最初后果还算比拟侥幸，磕磕绊绊地总算是建了一支十个人左右的团队，在预期工夫内把事件做完，这些破费大量心血的技术设计、规定标准、工具也都能顺利落地，即使在前面我来到后还始终被沿用，直到这家公司也发表破产。
这个阶段让我开始有一丢丢 开窍 的感觉，让我走出相熟的畛域被动接触更大更广阔的技术面；初步学会从管理者视角去 Review 技术利用于技术自身的价值；器重团队合作、标准、工具、效率，也初步习得一些 MVVM、OOP/FP、工程化之类的思维，算是 从一个初阶工程师逐渐在往中高阶迈进。
👾 腾讯
2016 年：虚无
再往后， 16 年很侥幸进了我职业生涯第一个真正意义上的大厂：腾讯，这个过程并不顺利，前前后后面了差不多有 10 个不同岗位，才终于勉强被相中了(🥴)。腾讯是我那时候最大的职业指标，过后认为这是对本身能力的一种比拟高的市场认可，能达成这个指标的话，前面职业生涯应该会顺利许多。
腾讯是我待过最舒服的公司了，工作压力不大，幸福感十分强，但缓缓地真就变成了拧螺丝钉的角色，变得堕怠，这外面有很多因素，但主因还是我本人的性情并不适宜这种四平八稳的工作节奏，人不知;鬼不觉就习惯了套用团队外面各种现成、成熟的形式办法解决业务问题，效率是高，但对集体没有太大的技术成长空间与思考余地。
所以，这个阶段在工作上陷入了雷同技能重复应用的地步，技术增长根本为 0，除了业余时间本人捡起来学习的各种计算机基础知识之外，根本没有输出，这种状况让我感觉十分焦虑，天然是呆不短暂了，短短 2 年就抉择撤退了。
防喷：不是腾讯不好，只是它不适宜过后的我。
🕵️ 再次进入守业公司
2018 年：从单个面的技术利用者到平面的零碎设计者
从腾讯进去之后，选择面还挺广，通过一番比照最终去了一家小而美的人工智能守业公司。这家公司加总不到 100 号人，全职前端也才 4 个，但却是软银在中国投资的人工智能公司，国内国外获奖有数，创始人、算法负责人、技术负责人背景都很强，在我看来前景有限又有足够大的施展空间，完满符合我对“小而美”的所有设想。
这家公司也的确合乎我大部分预期，Leader 给予了足够的信赖与受权，让我放手大干一番：
- 刚进去 3 个月就吭哧吭哧把所有业务零碎全副重构了一遍；
- 在原有技术栈(Vue)根底上引入了许多新工具，从新定义标准、最佳实际、工程化方法论；
- 优化外围零碎架构，并总结一系列较繁难的开发模式(屠龙壮士终成恶龙？)让新同学可能低成本、高效率参加到开发；
- 辨认业务同学的痛点难点，业余时间捣鼓了不少提效工具，包含：JSON 数据可视化、JSON 数据流式解决框架、基于 MXGraph 的流程图编辑器等；
- 等等。
如果说后面都在 厚积 的话，这个阶段是真让我狠狠 薄发 了一番，并且很侥幸的始终没出过啥过错，缓缓的公司甚至让我带着服务端、数据、算法、产品等不同职能的同学一起做更多事件，走出前端职能角色站在更高更全面视角扫视业务需要、设计利用零碎、组织开发节奏等，从单个面的技术利用者进化为更平面更成熟的零碎设计者，能串起不同职能的同学一起，完完整整地做好一个稍具复杂度的业务方向。
🥷 字节
2020 年，将来可期
接着，就来到我当初所在的公司 —— 字节跳动，面试过程其实不太顺利，四轮技术一轮 HR，一路有惊无险幸运过关，进来之后整体感触还是很合乎预期的：
1) 文化自在，不考究 Title，我接触到的绝大多数研发岗位也都没有所谓政治考量，根本都不看背景看能力；
2) 只有你违心，有一堆值得你做的技术 or 流程优化、重构，甚至发明，没人会拦截你！
3) 如果你能把事件的价值说分明，那即便你只是一个一线同学，都能撬动不少资源帮你做这件事件；
4) 公司内也有许多接触社区的机会，我也是在理解到这些渠道之后才缓缓开始写博客，写小册，去青训营当讲师，等等；
5) 公司内有太多技术能力十分强的人了，不可胜数，我甚至遇到过一个让我很是自愧不如的实习生，实习生(bn)！！！！
6) 等等。
在这里我做过不少有意思的事件，承蒙身边同学关照，技术、治理、软素质、行业认知各个方面都有所出息。并且字节的诸多文化观也逐步影响到我的业余生活，让我在工作之余开始做一些始终想做但没做好的事件，例如最近刚写完的 Webpack5 外围原理与利用实际 小册：
小册地址：https://juejin.cn/book/711559…
尽管这对很多 大佬 来说并不算什么难事，但于我曾经是一个十分大的职业里程碑，我简直把 Webpack 的所有性能都调试了一遍，所有代码都看了一遍，花了大半年工夫，跟小编反复打磨了许多次，才攒进去这么一本书，我集体对这本书的内容品质还是比拟有信念的，心愿能帮到须要的同学。
将来我会在业余时间持续做更多的事件，包含写文章、做开源、吃海鲜，偶然帮一些有缘分的同学做做职业辅导、职业规划，等等，心愿能见到一个更大的世界。
☄️ 小结
回顾这么些年，从最开始的不出名守业小公司，到当初进了还算前列的字节跳动并且能输入一些社区作品，尽管放在行业大背景看啥都不是，但对我这种小镇青年来说曾经十分不错，尽管运气成分居多，但也有一些人为的、刻意的致力在外面：
- 最开始懵懵懂懂只知其一;不知其二，死死抓住一个机会努力学习特定技能，满足 —— 甚至超过工作需要；
- 由点到面，深挖某个有前景的技术体系，将之转化为技术设计利用到业务中，并且将之积淀为可复用的教训，帮忙他人成长；
- 厚积薄发，用本人的技能与教训，发明出适宜业务场景、团队背景的技术计划与工具，跳出角色职能帮忙业务拿后果；
- 向外拓展，在行业大背景下寻求更多胜利机会。
尽管有点马后炮，但其实这也是适宜大多数普通人的职业倒退门路：胜任 => 精进 => 发明 => 影响力。在往年这种寒冬背景下，我感觉咱们在焦虑之余更须要静下心来思考怎么走好下一步，让本人尽快走入职业安全区，心愿这条门路能帮到你，共勉！
🦅 一些肤浅的观点
这么捋下来，我曾经工作了差不多十个年头，前前后后大中小型公司都待过，算是比许多小同学虚长几岁，经历丰盛一丢丢了，所以有一些对于前端职业与个人成长的观点挺想分享一下的，抛砖引玉吧。
Q: 前端天花板很低？🤔
有不少人感觉前端天花板很多，这个观点我是不敢苟同的，以我为例，尽管曾经工作了 10 年，但还有十分多不懂的货色，离所谓“天花板”还十万八千里呢。
其次，前端畛域尽管比拟少呈现服务端那种高并发计算场景，但也有不少简单的事件能够做，比方：工程化、编辑器、可视化、 IDE 等等，这些方向每一个拆解上来又会有许多简单的技术点，都值得长时间的投入、学习，也都能为你带来久远的职业倒退空间。
所以，可能哪些始终宣扬“前端天花板很低”的人，要么是蠢才，要么只是还处在 愚昧之巅 罢了。
Q: 遭逢职业迷茫，感觉本人后劲低，成长性差，怎么办？🤔
最近一年各种机缘巧合，跟许多不同年龄层的同学有过接触，我发现大多数人其实并没有明确、具体的职业成长布局，没有想分明本人当下该做些什么，将来该往那走，整体过的比拟迷茫也比拟焦虑。
归根结底，我认为这些同学不是不想，而是切实不能或者不会，这外面有些是工作 太忙 了，耗费了大部分精力，得空思考；有些是对行业不足必要 认知，不懂得联合本身状况做出适合的判断与抉择；还有很多是重大 缺乏自信，适度不可一世奋起直追，等等。
咋说呢，这个问题没有标准答案，而且开展来值得另外写一篇长长的文章，所以这里我只想分享一个简略的思维模式：
1) 设定一个具体、工夫粒度适合的指标(参考 Star 准则)，例如在 3 年内达到 xx 职级；
2) 倒推回来，为了达成这个指标你须要具备哪些方面的能力(不是技能)，做出哪些成绩？包含技术上的、软素质上的、治理上的，画成一个思维导图；
3) 再倒推回来，就着这些能力与成绩设定若干工夫粒度更小(双月)的里程碑，定期 Review、纠偏。
每一个步骤都并不容易，特地是，怎么锤炼能力？有两个思路，一是找一份齐全匹配你能力程度与成长指标的工作，这须要天时地利人和，并不容易；二是在日常业务工作之外被动学习、被动争取机会、被动发明场景，被动去做一些他人并没有要求你必须做，但你又感觉正确的事。
Q: 我当下做什么，收益最大？🤔
讲真，我哪晓得。。。不过有一个比拟通用的思路：构建本人的外围竞争力！这句话是几年我面试微信被拒时，面试官送给我的话，过后有种很强烈的醍醐灌顶的感觉，在此之后我才算是有急躁去做一些短暂的事件。
其实有很多同学 —— 特地是哪些刚毕业没多久的，都会感觉技术栈全一点，能力模型平面一点，会更有市场，所以啥都会去学一下，雨露均沾。但事实恰恰相反，优良团队对人才的画像基本上都首先是深度，在具备足够深度的根底上才会思考广度，这也是为什么当初面试动辄诘问实现原理的起因。
所以，如果你切实不晓得本人该往那个方向致力，切实憋不出所谓的职业规划，能够思考先找到本人最最善于的技术点，而后花足够多的工夫扎扎实实学深学透，
对于这方面，之前有位同学的文章曾经总结的比拟具体了：https://juejin.cn/post/713915… 。
Blabla\~\~，太多了，就不往下写了🤐🤐🤐，有趣味跟我持续探讨，或者处于职业迷茫期的同学也能够 加我微信聊聊。
🦀 成长倡议
最初分享一些，我集体感觉还比拟有用的倡议：
1) 🦑 放弃职业敏感度，不要轻易放过你遇到的大大小小问题，继续折腾继续迭代，做一个有技术谋求的人；
2) 🐠 做正确的事 —— 不是难的事，也不是简略的事，是正确的事！！！
3) 🦈 当断则断，假若工作真的无奈给你带来成长，或者给你造成过大的内耗，就趁早做决定吧；
4) 🦞 深度远比广度重要的多，你应该优先发展本人的外围竞争力，而不是看到啥离奇的货色都往上凑；
5) 🦐 走进来，被动理解这个行业，多找老江湖聊聊，理解什么阶段的人须要达到什么水平的技术水平，集体达到什么状态之后职业安全性会更强，等等；
6) 🐙 人在事先，放弃凋谢，多交点敌人；
7) 🐡 保持不肯定都会达成预期指标，但如果你没有其它更好的抉择，那就沉下心来先做好一件事吧；
8) 🐟 最好的学习办法是自学，不过最好旁边偶然能有人点拨一两句；
9) 🫕 留神身材，放弃锤炼💪，放弃乐观🥳，时不时能够来一句：新年快乐🧨🧨🧨\~
10) 没了，次要是找不到适合的 emoji 了。
发表回复