我的三年前端之路

6,324 阅读9分钟
原文链接: www.cnblogs.com

弹指一挥间,毕业已经三年了,昔日的小鲜肉变成上了年纪的小伙子,真是有些猝不及防。站在时间的分岔口,思绪万千。从事了三年的前端工程师,这一路是如何走来的呢,在此做个总结,也给初入前端的新手一点参考。

在国企晃了一年

在大学期间,我的技术并不算突出,资质平平。以至于参加百度、360的校招都被刷了。所以毕业后就进入了北大方正这样的大型国企。希望能从大企业中习得一套软件开发之法。

这期间我完成了从学生到软件工程师的转变,知道了标准的软件开发流程是怎么回事。简单说就是“步入社会”了。

我的岗位是前端工程师。在2013年,seajs已经小有名气了,但是我们并没有用,整体开发模式还是原始的刀耕火种。一个jQuery作为基础库,整站的js都用<script>标签来引入。当时的后端是PHP,也没有前后端分离啥的,代码的目录结构就按照PHP框架的来组织,模板当然是后端模板。

至于代码的压缩合并,那时候也还没有grunt/gulp,我记得是用了一个客户端小工具来压缩过代码。

页面也都是我切的,这个值得说一说,因为当时我们的项目要同时支持PC访问和平板电脑访问。所以就用了当时比较流行的响应式设计,即不同设备使用同一套页面。那个时候就和Android/iOS的webview开始打交道了。踩的坑真是不少。

为了学习流式布局,我每晚都抱着张鑫旭的博客看,他css方面的文章很多,我基本都看了不止一遍。根据学到的东西,用百分比单位+inline-block流式布局+媒体查询,我们的项目在我一个新手的尝试下,成功的兼容了各种设备。那个时间是成长最快的,也是很充实的。

但是过了新鲜期,我很快就感受到了与国企的“水土不服”,国企的工作节奏是拖沓的,而我是血气方刚的,真是水火不容。有段时间我一直为项目的事情着急上火,但是其他人却不为所动,任凭项目一再延期。要知道在互联网公司,延期是很严重的事情,而在国企,简直是家常便饭。

另外一方面让我不爽的就是,我没有可交流的对象。部门只有我一个人做前端,作为前端新人的我此时是很渴望汲取知识的,经常跑去参加w3ctech组织的分享会。然而在公司内却没有一个可以交流技术的人。我甚至不知道别人家公司的前端都是如何工作的,我到底算不算一个真正的前端。

叫你一声前端你敢答应吗?我不敢。所以在不满一年的时候,我就离职了。

在大型互联网公司的一年

离职后我的目标很明确,就是互联网公司,工作强度越高越好。于是就加入了当时正处于虎狼之年的360.

之后我的工作是很充实的,看到了更大的世界,知道了大型互联网公司的前端都是怎么搞的。一开始有成银大神带着,后来又跟@墨尘频繁接触交流,成长很快。尤其是奇舞团的每周分享,我基本每期不落,吸收到了很多知识。这个时候,我才敢说自己是一名前端工程师了。

公司有很多大牛,也有很多现成的工具可以用。而我当时只是业务线上的一名小小前端,没有机会能够和大牛们一起造轮子。从技术框架上看,我当时开始接触了angular,requirejs和seajs也有所研究,当时由于微信H5游戏开始火爆了一阵,还接触了一下开发H5小游戏,学了学cocos2d-js,不过后来H5游戏的风似乎是刮过了,我也就没再深入cocos2d。

当时也有些需求是要做手机上的页面的,所以移动端的项目也做了一些,当时也没有现在比较成熟的rem方案什么的,切图需要有些额外的技巧,比如字号大小就是约摸着写,看上去差不多就行。

mvvm开发模式以及模块化开发,是前端发展历程中比较重要的两个里程碑,有幸自己没有落下这两个关键节点。

在我敢承认自己是一名真正的前端工程师之后,又开始有了别的想法,总在大公司做一个零件有点没劲。此时我迫切想干的事情就是,靠自己的力量去架构起一个项目的前端。所以除了各个流行框架,我还研究了一些前端工程化方面的东西,grunt尝试了一把。

感觉准备的差不多之后,我又开始蠢蠢欲动了。

在创业公司的一年

出于一些很现实的原因,我加入了现在的公司,一家比较成熟的创业公司。两方面原因:1.开得起工资,2.前景不错。毕竟,北漂了两年了,我也该为自己在北京落脚做一些准备了。

加入现在的公司后,我的定位不再是大型机器的一个零件,我需要对公司的前端担负更多的责任,因为我已经是一个老鸟了。于是我的思考方式也必须发生变化,以前不求甚解的知识现在也必须搞明白,并且更多的从项目整体上来考虑问题。

我开始承担面试工作,开始带新人。时刻思考着如何能利用多余的时间来做点事情,给公司的前端工作带来实际收益。

在技术方面,自由度也比较大了,可以尝试一些新的东西。首先是mvvm的大规模使用,如果以前使用angular只是蜻蜓点水的话,那么现在是在千万级pv的大站点施工了。由于我们的网站还需支持IE6(主要用户是老师学生,没办法~),所以采用了能够支持IE6的knockout。外加requirejs以及knockout的amd-helper插件,也搭建起一套模块化开发框架。

在移动端项目上,其他同事已经开始使用vuejs,使用webpack打包。尴尬的是,我对这两者兴趣极大,但是一直没能参与到移动端项目中去。

去年开始在公司推广sass,因为之前还一直是手敲css的。另外构建流也用上了gulp,来做一些项目上线的构建工作。

由于ES6也日渐成熟,而且我们有些项目也是不兼容低浏览器的。所以前段时间开始在项目中使用ES6,配置babel来编译,虽然现在使着还不是很熟练,但也总得跟上潮流不是。另外,我们项目中jQuery代码已经几乎没有了。

关于nodejs,自己业余也在学习,今年年初用express框架写了一个团队内部用的小项目。话说nodejs这个玩意吧,虽然我觉得前端都得会点,但是如果没有项目驱动,要写nodejs的机会还是很少的。

现在比较流行的东西,没用上的一个就是react了,因为现在还没有合适的场景,而且目前的框架也能满足业务需要。可能得以后有功夫了再尝试了。只是不要等我用的时候就发现过时了就行。

这就是创业公司的诱人之处,可以尽情尝试各种新技术。总之现在的状态我还是挺享受的,手中忙碌,心中平静,脑中计划未来。

关于前端学习

发现这么多年自己折腾的还是挺多的,自己还在成长的道路上慢慢前行,学习的脚步一刻不能停。

如果要我给新手同学们写点建议的话,我还是很乐意的。首先前端的知识体系多而杂,所以点滴积累是必要的。在我是新手的时候,有一个习惯帮了我很多,那就是写博客。毕业三年,在博客园开博也三年了,写博客对你的学习有很大的驱动力,而且要想准确得表达出你的理解,你必须对某个知识点了然于胸,这反过来能增加你的学习深度。

另外就是知识路线,得有一个规划,大体上来讲,这条主路径不要偏移:原生js、使用jQuery及编写jQuery扩展、前端模板、前端mvc(backbone)、模块化开发(amd/cmd)、mvvm开发模式、react为代表的redux模式。

另外css也是前端的一项基本功,有一些从后端转到前端的同学不想写css,我觉得这样不行,理解css有助于你去理解前端整体。所以关于css的学习,大体有这些就够:运用css完成页面、css基本原理(看w3c标准文档)、sass/less等预编译、架构可维护易扩展的整站css。至于css界新出的一些东西,比如OOcss、css module,我也还未研究,这些感觉是锦上添花的,可以先放一放。

nodejs的话,倒也不是最迫切需要学的,我看一些新手同学,js/css还未熟练,就扑到nodejs上,这就有点舍本逐末了。如果有余力,在学好前端的基础上再去碰nodejs。

PS.除了写博客外,我还在写自己的微信公众号,内容是技术之外的一些思考,有兴趣的同学可以关注哦: