2019大前台有哪些技术热点和趋势？展望2020

总结：

TypeScript，2019当之无愧的热点

前台三大框架，三分天下，已趋于平稳，开始标准化

多端处理新方案：Flutter

各种小程序持续火爆，开发模式逐步多样

简化后端的处理方案——serverless

我的学习交流群web前台学习交流群

1.TypeScript

假如只评选一个2019年前台技术热点，那个Ts必定当之无愧。

预测2019年有超过30%前台框架的新项目以TypeScript为主要语言开发，可见Ts的火爆！他开始逐步统治开源社区。大量重量级前台开源项目采用TypeScript开发，像Angular、Vue3.0、Antd等著名项目，而且这个趋势越来越显著，包括Facebook自家的Jest也宣布从flowType转向TypeScript。TypeScript的开源生态已经非常完善了，公司完全可以放心大胆得进行TypeScript化开发。

其实Ts的火爆也是可以预见的，由于他自带爆款气质——规避错误和提升效率。

下面是Ts火爆的几个起因分析：

（1）处理了前台开发中一直让人头疼的三种报错。

Uncaught TypeError: Cannot Read Property

TypeError: ‘undefined’ Is Not an Object (evaluating…)

TypeError: Null Is Not an Object (evaluating…)

（对！就是这三种非常非常低级的错误。他们可以说‘是在控制台，一直陪着你从小白变成大神，从入门陪到放弃的三段文字了’）

起因就是JavaScript是动态语言，类型之间可以相互转换，只有运行时才会报错。但是这些低级错误在类型定义完整的TypeScript中不会发生，这就是TypeScript的优势之一，编码时就能规避大量的类型错误，是真正处理生产力问题的技术

（2）能够提高项目的健壮性，减少后期维护成本。

长期迭代维护的大项目开发和维护的成员会有很多，团队成员水平会有差异，像js这样的动态类型语言被多个开发者注入后很容易埋下隐患，不断增量开发的过程中，可维护性逐步降低的问题。有了强类型束缚和静态检查，以及智能

IDE 的帮助下，可以降低软件腐化的速度，提升可维护性。

（3）入门成本不高

在学习上手方面：TS 本身是 JS 的超集，这也意味着他本身是可以支持现有 JS 代码的，至少理论上是这样。学习一下类型系统的相关知识和面向对象的基础知识，应该可以 hold 住 TS，成本不会很高

在代码编写方面：尽管需要多写少量类型定义代码，但 TS 在 VSCode、WebStorm 等 IDE 下可以做到智能提醒，其实需要多写的东西不多，相比动态类型的BUG而言，这几行代码根本不算啥。

2.前台三大框架，三分天下，已趋于平稳，开始标准化

由于前几年新兴框架井喷式的增长，2019上半年框架层没有太大变化，短时间应该也很难再出现革命性的框架了。仍旧三大前台框架把持：React，Vue，Angular。

从团队使用情况来看，React、Vue 仍旧是主流，Angular 似乎慢慢不那么受待见。（可能是老程序员开始干不动了，新程序员有觉得angular太难不想用 ：）

2019年的框架趋势大致是：前台三大框架已趋于平稳，标准化，向 Web Components 看齐。

3.多端处理新方案：Flutter

”富二代flutter”是”google大哥”推出的新多端处理方案。顶尖大厂的名牌效应，让flutter吸引了大量的目光，不少开发者主动尝鲜

，为 Flutter 提供了不少的生态内容。同时加上其对于 PC 端应用和 Web 应用开发的支持，更是让 Flutter

如虎添翼，吸引了不少的目光。相信flutter在不久的将来会在多端领域占下自己的跟脚，但是，Flutter 能走多远，就看 Google 能够为

Flutter 提供多少的能力，帮助 Flutter 扩大自己的版图，提供更大的能量。

4.各种小程序持续火爆，开发模式逐步多样

因为小程序云开发这种简化后端的开发模式的提出，不但让小程序使用门槛低，而且开发门槛也降低了，微信小程序2019年持续火爆。同时随着微信PC2.7开始支持小程序pc端，可以预见小程序还会不断上升~

2019年最主流的四种小程序开发模式：

选择一：小程序原生开发方式+云开发，云开发简化后端，小程序简化前台，快速上线项目，再以微信小程序为主阵地，修改代码，拓展业务。

选择二：H5 内嵌开发方式，天然多平台跨端，但会有些许性能损失，也会有些功能限制，例如微信里面的消息通知不能通过 H5 来推送

选择三：mpvue 这类基于某种框架的开发方式，mpvue 就是基于 vue 框架来开发小程序，对于熟习 vue 的同学学习曲线很低，同时也可以实现代码逻辑的复用

选择四：Taro和uni-app 跨多端的实现方式，支持一次开发，自动生成能运行在微信 / 百度 / 支付宝 / 字节跳动 / QQ 小程序、快应用、H5、React Native 等的应用。对于功能需要同时满足多个小程序应用的场景比较适合。

5.简化后端的处理方案——serverless

在 Serverless 中，万物皆为 HTTPS 接口。Serverless 应用程序被分解为各种各样的服务，例如独立的函数，对象存储，鉴权服务，文档数据库，发布／订阅消息队列。这些服务间的接口都是典型的 HTTPS 。

当你使用作为serverless后端开发，你只要要引入平台的sdk，调用api，就可以快速使用平台服务，迅速安装简单后端。

对于大前台体系而言，Serverless

将前台工程师之前所无法完成的业务封装成前台可用的 API

接口，大大的提升了前台工程师的工作范围。目前国内的serverless服务在小程序领域做的较好，小程序云开发成为了2019年的小程序开发潮流模式，”简化后端，快速上线“的特点很符合互联网公司的需求。

相信当国内的 Serverless 方案很好在web领域落地以后，将会是又一次前台领域的大爆发。

我的学习交流群web前台学习交流群