美文网首页【HTML+CSS】
2019大前端有哪些技术热点和趋势?展望2020

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

作者: 八重樱勿忘 | 来源:发表于2020-01-10 15:53 被阅读0次

    总结:

    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前端学习交流群

    相关文章

      网友评论

        本文标题:2019大前端有哪些技术热点和趋势?展望2020

        本文链接:https://www.haomeiwen.com/subject/zqfmactx.html