前端这些年我到底经历了什么下

31次阅读

共计 2519 个字符,预计需要花费 7 分钟才能阅读完成。

上篇链接:前端这些年我到底经历了什么(上)

正文

2015 年 7 月,大学刚刚毕业的我进入了一家游戏公司做前端开发,在各种资源匮乏,前端只有自己一人的情况下如何进行突围?

在之前没有前端的情况下,后台工程师也能使用 JS 编写出大多数脚本,当时他们写的 jQuery 其实并不比那些专业前端差。那为什么还要招我进去呢?其实当时前端在后端眼里的主要职责还是主要为了画页面,做出拥有更好用户体验和美观的页面。因为绝大多数后台工程师的 CSS 能力真的很弱鸡,并且对写样式一直保持头疼。

起初在前后端没有分离的情况下,我需要将后台代码(python 写的)在本地启动才能在浏览器中跑前端项目,甚至有些前端代码直接写在后台模版中,这种前后端耦合的情况让开发和维护效率都变得异常低下。

刚开始我也按照这种模式参与完成了两三个项目的开发,慢慢的后台开始将 JS 逐渐交给前端,当时使用的技术栈主要是:jQuery + Bootstrap。

庆幸的是,2015 年 AngularJS 在国内逐渐火了起来,为了跟上步伐,我阅读了很多相关的资料和书籍,记得当时比较火的书还是大漠穷秋翻译的《用 AngularJS 开发下一代 Web 应用》,是国内第一本关于 AngularJS 的书籍,这里的下一代 Web 应用主要指的就是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。

在当时的国内市面上很少有人会把这一概念应用到前端框架中,而 AngularJS 就是第一个吃螃蟹的。使用其提供的 ngRoute 模块前端可以控制路由的跳转,进行单页应用的开发。看到了这些亮点后,我便在组内项目中逐渐使用 AngularJS 来替换 jQuery,技术栈慢慢变为 AngularJS(1.x 版本)技术栈,前后端逐渐走向分离。

而没过多久(2015 年下半年),Facebook 打造的 React 在国内异军突起,相比 AngularJS 的重而全,React 显得轻巧灵活一些(国内开发者似乎更青睐这样的,我也是),同时 Angular 对于开发一些中小型项目来说实在有点不合适,太难上手也成为其诟病之一。

于是乎很多前端开发(包括我)在开发项目时又多了一种技术栈选择:React 技术栈,结合当时蚂蚁金服出品的 React UI 框架 Ant Design,使用 React 来开发中后台系统变得更加便捷。

2015 年国内前端的巨变使我们组的几个后端工程师也开始慢慢重视前端,他们已经完全看不懂我写的前端代码,jQuery 操作 DOM 的时代也逐渐开始落幕,而此时 Vue 还不为人所知。

那时,我们工作主要的沟通方式还主要是 QQ 或 企业 QQ,作为一名程序员自然少不了加入各种 QQ 技术群潜水、冒泡或斗图。我算是比较关注群里各种大佬言论的人,有一次,群里有位大佬(其实是群主)说他目前的项目在使用 Vue,并且放言 Vue 在 2016 年会发展起来,建议我们尝试去使用它。

出于好奇,我便打开了 Vue 的官网,简单看了它的使用文档,瞬间便被吸引住了。不管是 API 设计,还是语法示例都十分优雅。我大致过了一遍文档就基本上手了,可见作者的用心之处。于是我很快也投入到了 Vue 的忠实粉队伍之中。

由于相对于 AngularJS 和 React 出生,Vue 显得非常渺小和普通,第一次在项目中使用的时候还遭到了后台同事的质疑,但是到目前看来,AngularJS 在国内的没落,Vue 受到追捧,当时的选择也便有了答案。

可以说 2016 年是 Vue 的元年,针对 Vue 的文章和社区也越来越多,慢慢的前端领域形成了“三国时代”,也可以看作是以 Vue 为主导的农民革命军拉开了一场史诗级的反美帝国主义战争。

在 2016 年组内的技术栈逐渐稳定,基本以 Vue 为主,React 为辅进行开发,而 Angular 因为在 16 年又发布了第 2 个版本,与第 1 版完全割裂,考虑成本等因素被抛弃在外。

2017 年因为公司发展的不景气及工资收入一直保持稳定,我选择了跳槽。此时我的简历(2 年前端经验)中的技能是这样的:

跳槽面试可以说是非常成功,因为当时我所在地区前端招聘的时候 React、Vue 及 webpack 这样的技能在能力要求里还不是很常见(现在可以说是近 100% 出现了)。

入职后同样加入的是公司刚成立不久的部门,不同的是前端团队规模有 10 人左右,之后便开启了我的团队开发模式。

由于当时组内刚开始采用 Vue 做项目,我一进来上手可以说比较容易(对他们来说我可以算是 Vue 老手了),因此他们遇到问题便会来向我请教。同时在组内我也开启了前端相关的培训工作,如 Vue、webpack(在前端构建工具上,2017 年 webpack 已经占据了主流地位)、编码规范等。

2017 年后,前端框架开始趋于稳定,都各自发布了几个版本的迭代,前端技术慢慢的开始往跨平台、服务端发展,React Native、Node 在国内开始广泛使用,大前端的概念开始显现。同时 2017 年初,微信团队发布了小程序的正式版本。

2018 年,为了迎合部门发展需要,我开始着手部门 APP 中 React Native 的建设,与 iOS、Android 工程师配合实现 RN 的混合编程。同年,小程序发展迎来了春天,发展事态势不可挡,凭借微信流量平台,越来越多的企业开始将小程序开发纳入前端开发的技能领域。我也开始着手架构部门小程序的项目,将前端自动化、组件化理念渗透其中。

同时前端基础设施建设变得越来越重要,没有基建的前端团队很难得到发展,前端架构也越来越被人重视。随着 ES6、ES7 以及 TypeScript 的普及,JavaScript 编写变得越来越严谨和系统化。

而 Node 在前端领域的应用大大增加了前端系统的能力,如前端中间层的搭建。慢慢的一些中高级前端工程师开始往 Node 服务端探索。我们组内前端应用也相继使用 Koa2 框架搭建 node 中间层,用于处理接口转发及实现服务端的中转。

2019 年前端仍在不断变化着,前端微服务开始被越来越多人的讨论和实践,“任何可以使用 JavaScript 来编写的应用,最终会由 JavaScript 编写”的这个玩笑也逐渐变为现实。

最后更新下我的前端技能(4 年经验):

前端路慢慢,吾将上下而求索。

关于

推荐关注我的微信公众号【前端呼啦圈】,定期分享原创和精选好文,第一时间获取推送文章。

正文完
 0