Serverless风暴来袭，前端工程师如何应对？

尽管大部分前端的工作并不涉及Server，但最近半年Serverless这个词汇以及其引发的热烈的讨论，深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发，伐薪认为Serverless可能会是接下来引起前端领域革命性变化的技术之一。

今天，将为大家梳理Serverless的历史发展进程以及对前端的影响，希望对前端工程师有所启发。

上图是Serverless 这个词最近5年在 Google 的搜索趋势，可以看到最近半年已经达到巅峰。

历史上前端领域的重要技术革命

Ajax 的诞生

先来回顾一下前端技术领域的重要历史节点，第一个节点是2005年，Google的Jesse James Garrett 发表了一篇文章——《Ajax：Web应用程序的新方法》，首次发布了Ajax 这个新的词汇(准确说并不是新的技术，只是新的词汇)，当时我还在读大二，虽然Ajax不是什么新的技术，只是对XmlHttpRequest等技术的包装，但是这个技术被Google宣传之后成为全球Web开发的标杆，间接促进了富客户端应用(RIA)和单页应用(SPA)的流行，这些应用大都具备丝滑般的体验(局部刷新)，并一直伴随着web 2.0的发展，Ajax的深入人心，使得前端js的工作更加复杂和重要，专业分工越来越细，间接促进了专职的前端开发人员这一角色诞生，在此之前，web开发并不区分服务端和浏览器端的工作，因此Ajax是前端领域的第一次重要事件。

Nodejs 对前端规范化和工程化的促进

接下来对前端变化最大的一个里程碑事件是2009年诞生的 nodejs(包括common js及npm)的出现和流行，它对前端领域的重要意义并不仅仅是让前端可以快速用js写server那么简单，个人认为它最大的贡献反而是commonjs、npm以及其便捷开发体验促进的前端工程化，它使得前端开始从刀耕火种的和传统软件工程格格不入的部署方式，发展为接近传统企业应用的研发模式，在此之前，前端开发在资源引用、依赖管理以及模块规范上缺乏有效的工具和标准，但是nodejs流行以后，基于commonjs的模块及npm的包部署和依赖管理成为主流(类似java的maven体系)，并诞生了多种基于nodejs开发的cli工具辅助前端开发(如grunt、gulp)，npm目前是全球最大的包管理仓库，并且成为前端项目的包依赖管理事实标准。而webpack的出现，又使得前端代码的部署更加简便，让前端可以以类似java jar包的形式发布应用(bundle)，而不管项目中是何种类型的资源。

React 的组件化及vdom理念

第三个革命性事件是2013年开始出现的react，尽管web components标准在此之前早已发布，但是真正让组件化理念深入人心并且应用最广的库是react，它还至少有两点特性足以让它成为历史上最具前瞻性的前端库，第一个特性是vdom的出现，在此之前，所有的ui库，都直接与dom关联，但是react在UI创建与渲染引擎之间，增加了一个中间层——vdom(一个使用轻量级json描写UI结构的协议)，除了改善了其本身的dom diff性能之外，还有一个重大意义就是UI的编写与渲染开始分离，一次编写，多端渲染的UI得以实现，这个多端包括server端、移动端、pc端以及其他需要展示UI的设备，之后的react native以及weex都是这一分层思想的受益者。

除了vdom之外，react还有一个重要的理念非常超前，即UI是一个函数(类)，函数输入一个state，一定返回确定的视图，在此之前，大部分框架和库，都会把UI分离成一个html片段(通常支持模板写法以渲染数据)，一个为该html片段绑定事件的js，尽管这样比较好理解，但是react对UI这种抽象却反映了UI的实际本质，并且这种函数式理念，在后面可以看到，将与faas及serverless技术产生美妙的碰撞。

react 的诞生对此后，甚至此前的框架和库都产生了深远的影响，包括不限于angular和vue都陆续采纳了它很多技术思想，并且成为前端开发领域目前已经趋于稳定的屈指可数的几个技术选型之一。