江苏龙网

  1. 首页 > 资讯 > 科技 > >

|四年，如何从前端小白蜕变为前端技术专家？


|四年，如何从前端小白蜕变为前端技术专家？
本文插图

本文 ， 将结合笔者的 4 年 ， 从以下几点具体谈谈我的前端成长之路 。

  • 职业经历
  • 关键技能
  • 一些反思
职业经历
  • 职场初探-实习的那几个月
首先是实习期 ， 当时是北邮的一个师兄内推来的杭州这边 。 实习期间 ， 主要负责 2 块东西 ，XList 和周末淘宝 ，XList 是聚划算之前的一个解决无尽滚动的框架 ， 当时主要还是在熟悉团队的工具链、看源码 ， 顺便给其他业务打打杂 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

这个时期的重点是团队融入和兴趣探索 ， 对实习生本身能力要求并不高 ， 所以这个阶段的同学们不要过于焦虑 ， 重点还是看自己的个人意愿与团队的匹配度来进一步决定是否要继续待在这样的团队 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

  • 新人菜鸟-入职第1年
然后是入职第 1 年 ， 我的菜鸟时期 。 我入职的时候 ， 刚好赶上聚划算整个在做品牌升级 ， 当时存在一个商家素材不规范的问题 ， 亟需解决以提升用户体验 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

我就在师兄的指导下 ， 设计了这么一个基于 PSD 解析的规范化合图方案 ， 这是技术方案的简图 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图
【|四年，如何从前端小白蜕变为前端技术专家？】

在 PSD 解析的基础上 ， 我还提供了一个可视化界面给设计师调控实现配置生成图片 ， 界面是参考 sketch 实现的 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

这个方案在聚划算整个实施之后 ， 也取得了很好的业务结果 ， 覆盖了 90% 的业务线 ， 平均每天合图超过 1w 张 。 而这个工具 ， 也是当时团队内部第一个完整的 node 应用 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

总的来说 ， 第 1 年是新人时期 ， 在这段时间 ， 要开始学习识别业务需求 ， 能进行方案设计 ， 推动个人技术栈的成型 。 这个时期 ， 我们完成的是从学生到社会人身份上的转变 ， 在做业务的同时 ， 一定要时不时的抬抬头 ， 把自己做的东西拿出来跟大家分享 ， 既增进了团队对自己的了解 ， 也促进了自己对知识的进一步总结概括 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

  • 独当一面-升级打怪
接下来 ， 就是作为新人成功 landing 之后的升级打怪了 。 这个时期 ， 我给自己的定义是独当一面 。 这里主要结合我个人做的另一个工具阐述 。
坑位研发 ， 是我们电商前端工程师日常开发过程中绕不开的事情 ， 这是一些常见的商品坑位 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

受之前做的配置生成图片工具的启发 ， 我萌生了用编辑器产出布局的想法 。
|四年，如何从前端小白蜕变为前端技术专家？
本文插图

然后 ， 我就做了一个坑位可视化开发工具 ， 左边是编辑器界面 ， 右边是消费者侧渲染的 demo 。 通过这个工具 ， 设计人员简单复制粘贴、拖拖拽拽就可以生成一个新坑位 ， 极大地降低了 UI 的开发成本 。


推荐阅读


上一篇：环球网|华为折叠手机新专利曝光 未来或发布翻盖可折叠手机

下一篇：变焦镜头|固定镜头与变焦镜头：使用哪个更好？