总结
阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
本文，将结合笔者的 4 年，从以下几点具体谈谈我的前端成长之路。
-
职业经历
-
关键技能
-
一些反思
职业经历
▐ 职场初探-实习的那几个月
首先是实习期，当时是北邮的一个师兄内推来的杭州这边。实习期间，主要负责 2 块东西， XList 和周末淘宝， XList 是聚划算之前的一个解决无尽滚动的框架，当时主要还是在熟悉团队的工具链、看源码，顺便给其他业务打打杂。
这个时期的重点是团队融入和兴趣探索，对实习生本身能力要求并不高，所以这个阶段的同学们不要过于焦虑，重点还是看自己的个****人意愿与团队的匹配度来进一步决定是否要继续待在这样的团队。
▐ 新人菜鸟-入职第1年
然后是入职第 1 年，我的菜鸟时期。我入职的时候，刚好赶上聚划算整个在做品牌升级，当时存在一个商家素材不规范的问题，亟需解决以提升用户体验。
我就在师兄的指导下，设计了这么一个基于 PSD 解析的规范化合图方案，这是技术方案的简图。
在 PSD 解析的基础上，我还提供了一个可视化界面给设计师调控实现配置生成图片，界面是参考 sketch 实现的。
这个方案在聚划算整个实施之后，也取得了很好的业务结果，覆盖了 90% 的业务线，平均每天合图超过 1w 张。而这个工具，也是当时团队内部第一个完整的 node 应用。
总的来说，第 1 年是新人时期，在这段时间，要开始学习识别业务需求，能进行方案设计，推动个人技术栈的成型。这个时期，我们完成的是从学生到社会人身份上的转变，在做业务的同时，一定要时不时的抬抬头，把自己做的东西拿出来跟大家分享，既增进了团队对自己的了解，也促进了自己对知识的进一步总结概括。
▐ 独当一面-升级打怪
接下来，就是作为新人成功 landing 之后的升级打怪了。这个时期，我给自己的定义是独当一面。这里主要结合我个人做的另一个工具阐述。
坑位研发，是我们电商前端工程师日常开发过程中绕不开的事情，这是一些常见的商品坑位。
受之前做的配置生成图片工具的启发，我萌生了用编辑器产出布局的想法。
然后，我就做了一个坑位可视化开发工具，左边是编辑器界面，右边是消费者侧渲染的 demo。通过这个工具，设计人员简单复制粘贴、拖拖拽拽就可以生成一个新坑位，极大地降低了 UI 的开发成本。
这是当时在会场上的应用情况，做到了业务变化的分钟级响应。
但是，工具在推广过程中，也遇到了一些问题，包括如下
-
不支持存在事件交互、数据处理等逻辑的场景
-
运行时解析方式在端上性能不佳
-
脱离正常的研发流程
-
。。。
当然，这些问题也正好给了我独立 owner 且重构产品的机会。于是，我结合了当时天猫的研发体系，推出了融入开发体系的模块可视化研发方案，即 2.0 版本。这是 2.0 版本的完整链路图。
下图是 2.0 版本上线之后取得的结果，也是在那一年拿到了年度 3.75，并成功晋升。
从我个人角度，独当一面这个时期的重点是在能游刃有余的完成分发到自己的工作之外，建设核心能力、寻求突破。这个时期，已经对业务有了较为深刻的了解，可以从零到无设计一块东西，技术上能够对接业务方，技术之外要能做项目管理，协同多方有效完成任务。
关键技能
接下来，我将重点介绍下我过去 3 年多解锁的一些关键技能。
▐ 技能一：跳出技术视角
**第 1 个关键技能是跳出技术视角。**不少开发都有类似【我只是一个技术，不应该参与 QA、PM 的工作】的想法，实际上也确实有人在技术路线越走越精深，并得到了认可。然而，凡事都有个但是，很多人技术水平非常高，但一直得不到认可，这种现象更为常见。尤其对于我们前端来说，很难彻底脱离上下游、脱离业务方来完成工作，甚至除了 QA 和 PM 的工作之外，还需要向业务方 “推销” 自己的工具。一个更加 “全面” 的前端才能更加顺风顺水。那么，怎么做到更加全面呢？可以从以下几个方面入手，比如从 why 出发做事情，做业务的同学，关注业务数据、跟进线上问题，做技术产品的同学，提供出色的产品服务文档。
▐ 技能二：追求极致
性能优化
1.webpack打包文件体积过大？（最终打包为一个js文件）
2.如何优化webpack构建的性能
3.移动端的性能优化
4.Vue的SPA 如何优化加载速度
5.移动端300ms延迟
6.页面的重构
所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
