如何看待2020年web大前端市场发展趋势？

在现在的科技时代，web前端的开发最为迅速，在之前的每一年中都给开发者带来新的关键词比如小程序，APP，混合开发。2019年已经悄然离去，根据目前的前端市场数据发现，前端依旧会围绕小程序、超级APP、跨端开发、前端工程化以及新的技术运用等几个方面展开。

 

小程序

在2019年是小程序突飞猛进的一年，大多主流的APP都有上线小程序的能力支持，前端的团队也有了专业的小程序开发团队，能更快的适应小程序的开发需求，同时App 中很多关键的功能都被⼩程序所替代，甚⾄有些 App 已经变成 Native ⼩程序壳，上层的应⽤实现全部是⼩程序。

在微信小程序出现以前，大家在谈 Hybird、ReactNative，但终归只是技术层面的狂欢，始终没有业务属性的注入。小程序的出现，一方面告诉业界在当前设备上 Webview 也没差到哪去，另外一方面告诉业界如何让有能力的商家在超级 APP上进行私域运营。

另一方面，从技术角度说，在上层 DSL 的严格限制下，超级 APP 就可定义符合自己诉求的 Web 标准，弥补当前 Web 标准的不足，最后和客户端配合，结合离线、预加载、定制Webview 能产出类似于 NSR 等各种酷炫的技术模型，让 Web 在端内低成本达到 Native 版的体验，端外也不会像 Weex 一样有点小别扭。

不过由于需要依赖超级APP（微信、支付宝、百度、美团、头条等），由于各家平台采用的具体方案的差异，造成目前小程序的落地方案也不一样，有时候需要开发多套代码。

跨端开发

跨端开发⽅⾯，RN ⽣态已经⾮常成熟，或者说看不到太多发展前景，因为目前还停留在0.61版本，似乎1.0版本仍然遥遥无期。因此，今年很多团队转战⾕歌⽣态的 Flutter，特别是 Flutter for Web 的第⼀个 Release，⼜让 Web 前端重燃希望、跃跃欲试。

同时，苹果公司也发布了全新的 UI 系统——SwiftUI，同时，开源社区中 SwiftUI for Web已经在路上了，SwiftUI for Android 还会远吗？

跨端开发⽅⾯，Flutter 仍会快速发展，并且会有更多的开发者，Flutter on JS、SwiftUIfor Web&Android 也将是开源⽣态值得期待的事情，毕竟跨端仍没有⼀个完美的解决⽅案。

前端工程化

在前端⼯程化⽅⾯，开发者最重要的基本素养就是通过⼯具提升效率，⽽前端开发者在这⽅⾯会持续迭代和优。

曾经我们谈 Yoman，谈 CLI 等系列构建工具，但在团队大了之后始终觉得差点什么。反观 Java 同学，从没听说过 Spring Boot 配置工程师。今年很多团队都在建设完整的前端 DevOps 流程⼯具集，⼀些团队之间也开始协作共建，不管是 Web 还是⼩程序项⽬，从新建项⽬、开发、联调（tiao）、部署、测试、发布、运维到监控统计，都有完善的⼯具做保障和提效，今后前端⼯程也会越⾛越标准化。

展望2020年前端的发展，前端工程体系一定会更加闭环，不再是一个脚手架这么简单，而是会结合 IDE，打通业务属性，从项目初始化、到编写代码、到 CI、到灰度、到发布 形成一个完成的闭环。

Serverless

Serverless 的⽕爆⼏乎可以归因于前端。因为 Serverless 能够较完美的⽀持Node.js，使⽤ Serverless 帮助前端开发者解决了使⽤Node.js 过程中的诸多问题。

当前的前端工程师大多都是科班出身，虽不能和正宗的服务端开发同学比，但也可写很多服务端层的业务逻辑。当前已经有很多公司在做 BFF 层，来满足这部分诉求，但依旧摆脱不掉运维、机器分配 这条拦路虎。随着 Serverless 的逐步落地，BFF 这层的代码会摆脱运维、机器分配等复杂的问题，同时大概率会由前端同学写这部分代码，服务端同学专注中台系统的实现。从业务上说，业务的试错成本也会大幅度降低。

随着 Node.js 成为前端开发者必备技能之后，云计算的不断普及会让Serverless 触⼿可及。当越来越多的开发者尝到研发⾼效的甜头之后，Serverless 必将对前端的研发模式产⽣变⾰。

同时，使用Serverless的同学一定会使用 TS。这也意味着，2020 不写 TS 可能真的就 Out 了。

WebAssembly

WebAssembly是一种新的字节码格式。它的缩写是”.wasm”， .wasm 为文件名后缀，是一种新的底层安全的二进制语法。。它被定义为“精简、加载时间短的格式和执行模型”，并且被设计为Web 多编程语言目标文件格式。 这意味着浏览器端的性能会得到极大提升，它也使得我们能够实现一个底层构建模块的集合， 不过别搞错了，这并不意味着WebAssmbly是为了取代 JavaScript而生哟~ 就像Bjarne Stroustup说的：“JS会活得很好，因为世界上只有两种类型的语言：一类语言被人们不断的地吐槽，而另一类语言压根儿没人用！”而 Eric EIIiott认为：“最好不要把WebAssembly仅仅当做一门编程语言，实际上它更像是一个编译器。”

WebAssembly 的核心 JavaScript 引擎 V8 目前已包含了 Liftoff 这一新款 WebAssembly baseline 编译器。Liftoff 简单快速的代码生成器极大地提升了 WebAssembly 应用的启动速度。2019年，很多的公司都开始投入人力进行WebAssembly的学习个改造，相信2020年WebAssembly会经历爆发式期。