likes
comments
collection
share

关于我在淘宝内容前端团队实习这件事

作者站长头像
站长
· 阅读数 23

从六月开始到现在,不知不觉已在淘系内容技术线实习快三个月,期间自然又有许多波折,虽然随着时间也似乎淡忘了许多。 但随着最近在准备答辩也是从始至终的回顾了一遍这三个月的生活,在此记录,引以为鉴。同时也希望能够让大家了解一下在阿里做一名前端实习生的实际体验和做的事情~

此前,早在大二我初出茅庐的时候便不知死活的投过一次淘系技术,当时也没想太多也没在乎面评什么的,毕竟咱们年轻人讲究的就是一个冲劲(莽),抓着几个大厂就是一顿投。

毕竟梦想还是要有的,万一实现了呢? 没有了梦想的咸鱼,和咸鱼有什么区别。

最后出乎意料的,字节和快手发了offer,但也可以说是不出乎意料的阿里挂掉了。

一年时间过去了,转眼间就到了24届春招的时候,无意间瞥见当年的内推人(同时也是我现在的师兄吉吉哥)在一个校招群里面发实习生招聘信息。那还说啥?继续冲!最后一波三折来到了淘宝做实习生,也算是弥补了当年的遗憾。

所以同学们不要害怕失败,机会多得是,大不了重开

——江东子弟多才俊,卷土重来未可知。

谈谈实习内容

先说说感受,其实很高兴能来到现在的团队实习,不仅仅是喜欢阿里的开发环境和各种福利,更多的在于遇到了一群有趣的同事们。主管和组长以及带我的师兄都对我很好,还根据我的兴趣给我安排了新技术研究的实习内容,与一般的业务开发不同, 能够更自由的去接触新技术,在实际的开发中使用新技术,探索新技术在业务场景下的可能性。

下面说说做了哪些好玩的事情

买家秀性能优化

买家秀性能优化是我在阿里实习期间的第一个技术任务。大致需求就是,买家秀现在的首屏速度对比竞品相对有点慢。C端产品最重要的就是用户体验,通过对首屏速度的优化,让我们的秒开率、留存率得到提升,特别是对低端机做一些性能优化。

期间学习了很多性能优化思路,面对性能离谱的低端机,各种优化手段SSR、缓存、图片优化、懒加载齐齐上阵。关于性能优化,这里细节就不说太多了。但在字节、阿里都做过性能优化相关的事情之后得出了最重要的一个点:性能优化最重要的是要找到性能卡点,然后再针对优化。网上的很多优化文章都只是在介绍手段而已,还是需要实践才能知道如何去优化。

在这中间使用ice的时候遇到了一个功能使用起来不爽的问题,直接就向阿里开源的ice这个17k Star的开源项目提了PR:github.com/alibaba/ice… 可见在阿里这种开源项目很多的公司,只要你想并且愿意去钻研,你很容易参与到开源项目中去,我想这是很多同学非常感兴趣的。

互动套件重构优化

互动组件是类似抖音这种全屏页上各种点赞收藏按钮的交互组件。

  • Q:互动套件是什么
  • A:互动套件提供互动层上的所有互动组件的开发、预览、调试等能力。

由于互动组件是基于阿里内部的一种类似低代码的体系来运行的,所以需要打包编译出符合规范的组件。那这样就和普通的web页面开发不一样了,我们没办法直接通过传统打包工具来编译从而进行开发预览。而是需要对打包工具进行一定程度的封装,以及开发一些生态能力来帮助业务开发同学进行开发调试。

伴随着业务需求和代码量的不断增多,当前的套件逐渐无法满足开发者的需求,所以就启动了这个重构优化项目。中间对webpack构建体系进行了重构,使用到了swc,rollup、SSE等技术,更对整个工程链路进行了优化。作为一名实习生去负责一个前端工程化重构项目对我来说是有一定挑战性的但同时也增强了我对这工程化方面的理解并且这也和我职业发展诉求契合,所以过程中一整个乐在其中。刚开始面对这样的挑战和机会有点激动,以至于接手的第一天晚上都有点没睡着,还好最后通过自己的努力和同事的帮助下把整个事情给扛下来了。

成长与收获

再来总结讲讲这这三个月得到的一些收获和成长

养成了记录过程的习惯

这里的写文档,不只是单单的在学习的时候去对知识点进行记录,这件事情上过学的人都会做。更重要的是及时的对项目中的一些重要的事情进行记录,同时也及时把自己对项目的思考和梳理进行沉淀。这样做的好处,

  • 一是方便我们自己进行复盘
  • 二是方便后面接入的同学进行接入
  • 三是能帮助你对整个项目进行抽象以便后续快速定位bug和增加feature
  • 最后就是这些记录当你总结复盘回顾的时候,这些都是很好的材料,好记性不如烂笔头

形成了做事情的思路

即做一件事情前先思考、多收集信息,梳理清楚这个项目的背景、做这个项目的原因、抽象出真正需要解决的问题以及定位问题所在的模块,再给出方案,做完后做好复盘以及度量,做到治病治根。

还有就是要学会自己去拉齐各方资源,阿里的很多人都很忙,有时候需要自己不要脸的去多push几次才能推动项目进展。

技术上

技术上的成长当然也是非常大的,无论是对构建体系的理解还是性能优化的经验沉淀,这些事情对于我来说都是非常不错的历练。

还值得说的一点就是,在手淘里面开发应用,肯定会需要和客户端打交道于是就开拓了不少有关端到端之间是如何通信的。事实上在手淘中开发前端通常会使用一些特殊的容器,容器上会提供一些交互手段来与客户端通信,这样前端就能使用上客户端的能力了。

一些建议

给学弟学妹一些建议,那厚脸皮很重要,学习的初期找到一个有经验的前辈来帮你指点迷津是非常重要的,学校里面有工作室的一定要去尝试参加,工作室说不定是整个学校工程能力最强的地方而且时不时的会接一些项目来进行实践,实践真的非常重要。我当时既无人指导,学校也没有工作室,吃了很多亏,大家引以为戒。

展望2023下半年

  • 继续强化工程化能力
  • 再多分享沉淀一些文章,React源码多出几篇相关文章
  • 回学校前,在杭州玩一玩,来了三个月西湖都没去过。。。

广告时间

最后打一个广告,我们是淘天集团-大淘宝内容终端技术团队,是承担淘宝内容化的核心力量。团队拥有全面的终端技术领域布局,覆盖跨端技术、中后台技术和多媒体技术等,负责手淘上亿流量的信息流和视频互动玩法,目前正在🔥热校招中,期待更多同学的加入~

有想法的可以加:Maf0919,可以帮忙看简历。也可以直接发送到changzhe.lc@taobao.com