程序媛自己的故事之踏上前端路

原文链接：

豆皮范儿：程序媛自己的故事之踏上前端路 ​ zhuanlan.zhihu.com

Hello，豆皮粉儿们，咱们见多了那么多硬核文章，也来看看感性一些的故事，这回的约稿约到了在字节跳动工作的四位女孩子，分别是“留白”，“宵落”，“Tifa”和“小西”。

来，下面正文开始。

作者：留白、宵落、Tifa、小西

社会上对程序员这个工种有刻板印象，“戴黑框眼镜穿格子衬衫的发际线略高的中青年男子”形象深入人心，但程序员并不仅仅是男孩子的专属称号，他们当中其实还有一群女孩子，我们亲切得称她们为“程序媛”，一起听一听她们的故事。

1 留白：有点小慌张地找到了方向

从实习到入职，从手忙脚乱到有条不紊，从2019的冬天到2020的冬天。字节陪我渡过了初入社会的慌张和不适，引领我走上了前端码农之路。

还记得高考结束填写志愿的时候，不愿意选择父母框定的专业，梦想成为一名黑客的我，一头扎进了软件工程的大门。但现实是残酷的，没有扎实的基础，没有前进的方向和规划，没有强有力的行动力，什么都如镜花水月般一触就破。

不愿意就这么半途而废，想着怎么都要坚持一把，我踏出了第一步。第一步，明确今后前行的方向。软件开发方向按不同维度可以分成若干种，每个方向都博大精深，所以在初入这个领域时需要做到择一而精之。

这个契机出现在大二上的小组项目合作中。小组长一句“要不你写前端吧”奠定了我在小组里的职责，虽说是懵懂中的被安排，但在后续的开发中慢慢爱上了前端，爱上网页“花里花哨”的样式，爱上了融合自然与价值的设计感，爱上了友好和考虑人体设计的交互感和所写即可见的满足感。为了更加明白前方的道路，我选择了实习，去真真正正体验一把。

字节，我第一家实习公司，这里，有一群热爱前端的小伙伴，有一群热心教导的好老师， 有数不尽的知识和奥妙。在这里，我坚定地踏入了前端工程师的大门。

2 宵落：Flag回收大王的前端之旅

立 flag 必收的因果律效应在我身上以这样的形式应验，我也是万万没想到的。

无关紧要的启程

小学报名了frontpage兴趣班，如今动机已难以考据，到现在留下的印象便只有蜡笔小新。

是的没错，蜡笔小新。

期末考试在其他同学焦头烂额的时候，我被特批免考，在老师的电脑上看动画片。

我想这可以算作与前端的初识，因为这在我的心中种下了一个自信（错误）的念头：或许我在玩电脑这件事情上，是有天赋的。

flag的来源

这奇怪的认知一直维持到了高中。

那时的信息技术老师是一个年轻且有想法的小姐姐，课上讲前端三剑客。可惜对于当时的我来说上电脑课 ≈ 玩电脑游戏。课显然是没好好听的，而老师却是严厉的，所以这次和前端的再接触并不算愉快，“恨”屋及乌，我边补作业边立下了 flag：以后打死我也不会学这玩意儿。

flag收割

大学的经历乏善可陈，与前端最大的交集就是学习了 UI 设计，画了现在看来并不成熟的班级网站，并且丢给前端切图～ 研究生方向主要是图形学与渲染相关，毕业去到前司做 java 开发。

当时因为我是女生，所以被定位在偏前端的方向（虽然时至今日我也不理解之间的逻辑关系）。接触了留存的 jquery 代码，为可怕的冗余代码折磨，从而走上了“不归”的重构之路，直到后来有机会从 0 到 1 构建一个前端项目。

即便如此，我也从来没想过，自己会这么快就选择了前端这条路。我想，事情的转折点应当是 2019 年 6 月的一天，我网购了《webGL 编程指南》。

由于在学校期间有图形学的基础，学习 webGL 并不困难，何况书中的内容略浅，更激发了我对“重拾老本行”的信心，而老本行更是我真正的兴趣所在。

恰逢其时，字节跳动在南京招募可视化方向的前端岗位，于我而言，这可谓天时地利人和，三分顺应现实三分积累三分努力加上一分运气，给了我这个机遇。

回过头来看，过程中的一切好的坏的都值得我感谢：“程序媛”天然的刻板印象是客观事实，但是并没有在我的职业生涯中掀起波澜，反而为我提供了新的方向；学习生涯看似不好找工作的方向却为我做可视化提供基础；而flag嘛，请君权当一笑～

无论如何，学习和提升自己永远是没错的，希望每个人都能在平凡而普通的工作中成长且有所收获！

3 Tifa：一点都不简单的前端

我这个毕业10年的“老程序媛”了，也厚着脸皮来讲讲我入“前端派”的故事吧。

普通的开局

当时，我是一个普普通通大学的普普通通的工科学校非计算机专业大一学生，有初入校园的迷茫和烦恼，加上自己“脸皮不厚，零花不够”，实在嘴馋，想靠出卖劳动力来赚点钱贴补贴补，又拉不下脸发个传单卖个报纸。只能求了学姐指路，学姐说：“我有个朋友哈，在创新实验基地写php，能赚些钱，跟我走？”

然后我就进了一个由学校老师和学生构成的“小型外包公司”，老师当时一脸嫌弃的看着只会用VB画方块绑定按钮点击操作的我，表示女孩子的代码能力差一些，就先学简单的前端吧。

嗯？前端简单？

咦～回头看看其他小伙伴，PhotoShop用不溜，页面都是Table布局，稍稍难一点的界面效果和动画效果都玩不转了。

哪里简单嘛！来来，我们看看。

先说用Table布局方式就很Low，明明当时已经大兴Div+Css布局，这个布局方式在灵活性高很多，也可以表达更丰富的特效，最重要的是省代码量；兼容性上，也有降级兼容（新的css属性放在下方，老旧的css属性放在上方）、hacker等小技巧可以支持。

再看JavaScript在浏览器上已经有很好的支持，风靡大街小巷的jQuery框架，非常适合我们这种做小网站的“挂广告”，啥是左右横幅，啥是豆腐块全屏飞，20行代码以内搞定，可是太好用了；还能通过JS做各种动画效果，丰富网站交互。

其他的提交个表单也可以用Ajax实现局部刷新，少了很多等待的时间。

你看，前端一点都不简单，而且也很考代码和逻辑能力，最重要的和是不是女孩子没关系！

努力使人进步

后来，我通过线上的帮助文档，学习网站学习前端基础；接手了团队内大部分前端页面实现工作，重复实验和调整我的代码实现，不停的尝试：

一个网站设计风格既然类似，就应该把大量风格性的css拆分，可复用的部分整理出来，比如页面布局就那么几个，提前写好一份公用css，需要的时候引用需要的部分，效率高赚钱快（笑。

客户要纠结IE6浏览器，想要更好的效果和可用的js功能。研究浏览器兼容性差异，对比看如何可以更好实现样式兼容；加上研究jQuery源码，也学到了js的兼容处理方案，站在前人肩膀上做事。

还有提升页面加载速度，快速调试问题定位等等值得投入精力努力的方向。

在这段“赚钱”的经历中，我夯实了前端技术基础，有了敲门砖，让我在毕业之后也能找到一份满意的前端工程师工作。

回头看一看，这些技术在现在看来虽然已经过时，但对我收益最大的还是这段学习和努力的过程。

即便是历经多年到了现在，加入了字节跳动，见证了前端越来越复杂，技能越来越细化，更见识到了“nb”前端开发攻城狮是什么样子。环境激励着自己每天要努着180分精神学习和思考，才能让自己保持竞争力保持进步，无愧于自己的工作目标——写最nb的代码做最nb的前端程序媛。

4 小西：机缘巧合下开始了前端的旅程

电气工程专业的我在读大学的时候，笃定自己未来不会写程序。因此，对于计算机相关的课程，也不太上心。反正以后我也不会写代码的嘛~

毕业之后，顺利地进入了一家电气相关的公司工作，真的不用写程序。但是谁能想得到，工作后的第三年，我到了公司的软件部门，开始编写C++。

对于这门我大学低分飘过的课程，我内心有点慌，果然我的C++写得很一般，并且实在是不感兴趣，为此，那段时间，我一直在思考未来到底要什么。正迷茫的时候，我部门的一个师兄看我每天过于苦哈哈，推荐我去学HTML。

讲真，我当时心里想得是：HTML是什么鬼？原谅我当时只知道C，C++和Java。不过别人好心推荐了嘛，还是要去了解一下的，于是第一次知道前端的概念，了解了前端三大件：HTML、JavaScript 和 CSS。尝试了第一个demo之后，我确定，这才是我喜欢的代码，正反馈太强了，于是我就决定以后做一个前端程序员。

于是，2015年这一年，在工作之余，我开始了自学前端之路，买了一些书，并且在网上查阅各种资料。特别幸运的是，2016年，我当时的部门迎来了第一个B/S架构的项目，也因此给了我一个实践的机会。项目结束之后，考虑到在传统行业做前端不利于技术的提升，于是在2016年下半年的时候，我计划要跳槽去互联网行业，并且非常幸运地进入了一家互联网大厂工作。

2020年底，加入了字节，负责的业务内容和之前区别很大，对我来说是挑战也是机遇，压力很大，但是收获也很多。一路走来，当然付出了很多努力，不管我觉得也有运气加持。新的一年，继续努力吧，愿我们都能成为更好的自己。

5 后记

千人千面，一人一个故事，不知道这四个风格不同可能还有点小啰嗦的故事，会不会为现在正在迷茫自己未来方向的你，给那么一点小小的引导和帮助。

如果你想和我们讲一讲话，问一问心中的疑惑，可以联系我们。