大前端时代越来越近，你，准备好了吗？

早在2003年开始，市场上开始出现与前端相关的工作岗位，到今天前端技术的百花齐放，我们可以明显感觉到前端技术发展之快。首先我们来回顾一下前端技术的发展历史：

• 2003年：基于HTML+CSS+JS的前端工作出现
• 2008年：前端性能得到重视，YSlow、PageSpeed等工具开始使用，Yahoo/Google前端优化军规得到应用落地
• 2013年：三大框架开始流行，node.js全栈开发兴起，前后端分离
• 2014年：移动互联网时代来临，H5/Hybrid/RN/Weex/Flutter等等跨平台解决方案层出不穷
• 2016年：中后台概念，通过配置化、模块化实现中后台少量代码搭建

最近两年前端的变化非常之快，React普及，Jquery被下架，AngularJS又发布了N个版本等等。虽然前端技术更新频率略高，但如果我们仔细观察各个版本的特性，不难发现Vue、React、Angular这三大框架的写法已经越来越贴近Webomponents标准。而小程序依靠微信的巨大用户量，已经成为今年最火的技术，各大互联网巨头相继推出小程序版本，而快应用作为同样的免安装轻量级框架，也想从中分一杯羹，但效果并不理想。

归根结底还是因为小程序的爸爸叫做微信。移动端方面还是以强运营为主，具有一定规模的互联网公司已经不再all in移动端，逐步开始执行多段并进的策略，并开始在细节方面投入更多的精力。

在浏览器方面，WebAssembly异军突起，直接打开了浏览器上多语言的大门。在这个前端技术百花齐放的时代，你能想象到未来前端的样子吗？

相信大多数前端开发者对这个名字已经非常熟悉了， Flutter自2017年问世以来，一直保持高速的发展，我们来看看它的迭代历史：

• 2017年5月，Google I/O正式向外界公布了Flutter
• 2018年6月，Google I/O发布了Flutter 1.0预览版
• 2018年12月，Flutter 1.0发布
• 2019年2月，Flutter 1.2发布，增加对web的支持
• 2019年9月，Flutter 1.9发布，将Flutter对web的支持代码合并至主repo

我们可以看到，Flutter每半年就会发布一个大的版本更新，从开始的移动端跨平台到今年增加对web的支持，这意味着开发者只需使用同一套基准代码，便可为移动平台、桌面端和网页端开发应用。这是什么概念朋友们，只要你学会了这项技能就可以一敌三！PS：Flutter流批！（疯狂破音）

在StackOverflow 2019年的全球开发者问卷调查中，Flutter被选为最受开发者欢迎的框架之一，超越了TensorFlow和Node.js。国内互联网巨头也相继投入精力研究Flutter，从早期的闲鱼到现在的美团、腾讯等，都足以证明Flutter的优秀。而我也非常看好Flutter的前景，Flutter一统大前端似乎越来越近了。

Vue在最近2年的发展非常迅速，已经逐渐超越了React，在国内的互联网公司对Vue的认可度要远远高于React，这些都得益于Vue上手快的特点。

但在Vue 3.0之前，它的API还是饱受争议的，许多开发者认为Vue的API比React要逊色不少。而Vue也吸取了开发者的建议，在3.0版本中的API写法与React几乎是一模一样的。这个改动并不是Proxy或者是TypeScript，而是支持原生class的写法。

总而言之，前端三大框架已经趋于平稳，大家都秉承着faster、smaller、easier的理念，让开发者可以更轻松的构建自己的应用。

得益于微信爸爸的巨大流量，小程序也是火得一塌糊涂。凭借着小程序更加轻量，免安装的优势，各大互联网巨头早已推出各自APP的小程序版本。其实不止互联网公司，甚至连贴膜小哥都有自己的小程序，可见小程序渗透率之高。对于开发者来说，小程序官方提供的DSL并不好用，所以各种第三方开发框架就应运而生。目前比较主流的有3个：

以上开发框架各有优点，大家可以根据具体业务需求来选择适合自己的框架进行开发。

说到小程序就不得不提一下快应用。快应用是华为、小米、蓝绿大厂等9大国内手机厂商联合推出的新型应用生态，用户无需下载安装，即点即用，并可享受到原生应用的性能体验。讲的明白一点就是为了对抗小程序而存在的。

快应用开发基于React-Native，使用原生引擎对UI进行渲染，在Android手机上有比较好的体验，基本能够满足其对外宣称的特性。而小程序是基于webview的，个人感觉快应用的体验是强于小程序的。奈何没有小程序的富二代出身，在整个行业的普及率远远不及小程序。

Serverless看字面意思是无服务器的，当然这并不是指应用架构中不需要服务器，而是通过Serverless的服务形态，让开发者在使用某个服务时，无需关心服务器的软硬件资源或稳定性，只需关注代码本身，上传执行函数到相应的云计算平台，按照运行时长按量付费即可。当前比较成熟的 Serverless 云产品主要有 Amazon Lambda、Google Cloud Function、Azure Function、AliCloud Function Compute。

Serverless由Faas和Baas组成，Faas主要处理开发者上传的函数，Baas用于处理后台相关的功能。当然Serverless也有一些局限性，比如不适合长时间任务，冷启动时间较长等。Serverless在国内的发展还处于早起期阶段，还有许多需要完善的地方，因而并没有被大规模使用。但站在开发者的角度来看，Serverless的设计理念是非常超前的，在不久的将来可能会给前端开发带来一些创新和变革。

WebAssembly是一种新的字节码格式，目前主流的浏览器都已经添加了对WebAssembly的支持。与JS不同的是，WebAssembly的字节码和底层机器码非常类似，可以快速装载运行，因此在性能方面相较于JS需要解释执行的效率有了较大的提升。

大家需要注意的是，WebAssembly并不是一种编程语言，WebAssembly并不是给大家用键盘一行一行的撸代码的，而是作为一个编译目标存在的。简单来讲，WebAssembly就是将各种代码经过编译器编译后得到的结果。

WebAssembly的出现意味着从此以后，在浏览器上可以跑任何语言代码。它在浏览器里嵌入VM，让代码直接执行而不需要转译，这不就是一个操作系统吗？想象一下在浏览器上打LOL是什么样的体验吧，相信那一天不远了。

上面说了那么多的新技术，各位读者的心态崩了吗？写到这里我抬手挠了挠头顶依旧浓密的头发，心中的一块大石头也应声落地。

无论推出多少种新技术，对于开发者而言，只需掌握一种技术——学习能力。掌握了学习能力就能够从容应对未来的一切变化，哪怕有一天AI真的可以代替程序猿写代码，我们依然可以从容不迫。

以上是我对2019年流行技术的一些认知，难免存在一些理解偏差，希望大佬们多多批评指正。