1)TypeScript

  1. 代码更容易理解
  2. 更容易,更快的实现代码
  3. 代码容易重构

2)WebAssembly (WASM)

运行在现代网络浏览器中的新型代码,并且提供新的性能特性和效果。

我们可以用自己喜欢的语言来编写,然后将其编译成 WASM 文件,以便在浏览器中运行。WebAsssembly 目前支持的语言有 C/c++、Elixir、Python、Go、c#/.Net 和 Java。

优势: 

  1. 二进制文件比 JavaScript 文本文件小得多。因而下载速度更快
  2. WebAssembly 的解析和执行速度也更快
  3. 可移植性。使用 WebAssembly ,只需要一次编译,您的应用程序将可以在每个现代浏览器中运行;
  4. 灵活性。使用 WebAssembly,Web开发人员将能够选择其他语言,更多的开发人员将能够为 Web应用 编写代码。

3)渐进式WEB应用(PWA)

一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用.随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能.能够模拟一些原生功能,比如通知推送基于浏览器后台,替代app。

  1. 使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生功能;
  2. 利用最新的技术将网页和移动应用程序结合起来。可以把 PWA 想成一个使用 web 技术的网站,但是行为和感觉是一个应用程序(APP);
  3. 可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送;
  4. 由于本质上是网页,PWAs 不能使用大多数硬件功能,如 NFC 和蓝牙。

4) 微前端

是一种软件架构,可以将前端应用拆解成一些更小的能够独立开发部署的微型应用。然后再将这
微应用进行组合使其成为整体应用的架构模式,类似于组件架构。但不同的是,组件不能独立构建和发布,但是微前端中的应用是可以的。微前端架构与框架无关,每个微应用都可以使用不同的框架。还需要一个容器。

5)Serveless

就是数据库放在云服务器前端通过云函数编写直接获取操作数据。

6)BFF

就是为前端服务的后端,可以只用一个后端基础接口针对不同设备写不同的接口,也可以整合多个后端基础接口供前端专门使用。

问题服务端设计的接口究竟是面向UI,还是面向通用服务

  1. 多端应用,不同类型客户端对数据、API有个性化的需求
  2. 服务聚合,单一后端为多个前端团队提供接口,导致跨团队协作低效,资源协调困难

解决方案: Backends For Frontends, 简称BFF。

BFF最适合的场景,为第三方提供定制API等差异化场景,每个客户端对应一个后端。

BFF理念中,最重要的一点是:服务自治,谁使用谁开发,所以一般由前端维护。

BFF实现不限制具体技术,可以自由选型:Java/Node/PHP/Python,但大部分前端团队都会选择Node.js。

BFF 和 Serveless详细介绍参考:

你学BFF和Serverless了吗_u013655559的博客-CSDN博客

110、了解哪些前端的新技术相关推荐

  1. web前端开发新技术,CSS介绍

    一.如何入门,学习建议 在你开始入手学习前,有一些小的建议.根据我自己学习的经验发现,这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的.还有就是开始学习前,建议可以先花几天时间,查找一些如何入门的 ...

  2. web前端开发新技术,css全称怎么读

    在敲下这个标题的时候,心里好虚.话说我一直不太喜欢发表这些看上去很假大空的文字,每个人的职业规划都是独有的,不具有太大的可复制性,把自己的经历放出去,容易误人子弟.只是最近很多师弟们(别问我为什么都是 ...

  3. 秋招斩获所有互联网大厂面经之前端

    1 flash和js通过什么类如何交互? ExternalInterface ----------------------------------- 2 call和apply: -apply传入的是一 ...

  4. [转] 年终回顾,为你汇总一份「前端技术清单」

    记得年初的时候我给自己制定了一个学习计划,现在回顾来看完成度还不错.但仍有些遗憾,一些技术点没有时间去好好学习. 在学习中我发现,像文章这样的知识往往是碎片化的,而前端涉及到的面很多,如果不将这些知识 ...

  5. iframe 接班人-微前端框架 qiankun 在中后台系统实践

    「福利」 ✿✿ ヽ(°▽°)ノ ✿:文章最后有抽奖,转转纪念 T 恤,走过路过不要错过哦 背景 在转转的中台业务中,交易流转.业务运营和商户赋能等功能,主要集中在两个系统中(暂且命名为 inner/o ...

  6. 作为一名资深前端工程师需掌握的技能

    1.扎实的基本功: HTML5.DIV+CSS.JS.XML.Json基础知识精通 2.几种后端语言有所了解,通晓前后端的交互方式,熟悉互联网的运作原理:学习Spring mvc框架,掌握到contr ...

  7. php直播前端,全民直播高薪诚聘 PHP 开发工程师、web 前端开发工程师啦~~

    各位大牛们,全民直播诚邀您的加入~~~ 1 . Web 前端开发工程师 15K+ 上不封顶哦~~~ 岗位职责 准确理解产品需求.交互文档或原型, 进行 web 产品前端开发: 优化用户体验,修正项目中 ...

  8. 前端面经 300条,背完这些就够了!

    前沿 确实有些标题党哈,但是确实是本人秋招之间总结的经验,前端岗位,会很多也不行,有时候秋招就是面试官看你的知识广度和深度,特别是前端的岗位,设计的方方面面太多了,只有提前准备好,理解好,然后背下来, ...

  9. 《大型网站技术架构》《K8S进阶实战》等书籍!送45本!读完工资多个0!

    学习如逆水行舟,不进则退.所以又来给各位读者送书了,这次送45本技术书,内容涉及深度学习.Python.Dubbo.Flutter等. 感谢本次活动的赞助商『电子工业出版社博文视点』 另外!急于购书的 ...

最新文章

  1. Open Drug Discovery Toolkit
  2. KMP模版 KMP求子串在主串出现的次数模版
  3. 随着通信和编程,它是一门艺术系列3(沟通的目的)
  4. 使用jQuery Ajax功能的时候需要注意的一个问题
  5. cat查看tomcat日志 linux_方法篇:tomcat日志切割和定期删除
  6. 网站架构探索(1)---序言
  7. ACL20 | 让笨重的BERT问答匹配模型变快!
  8. 赫夫曼树编码的算法及应用习题--数据结构
  9. SAS在金融中的应用五
  10. Maven项目中使用本地JAR包
  11. Ubuntu14.04中踩过的坑
  12. ixigua解析_资本运作系列课程五:《科创板申请上市估值模型理论解析》现场直播回放...
  13. 基于模型驱动低代码平台的实现原理
  14. linux bond服务是什么,linux 查看bond
  15. Vue使用fabric图片缩放失效
  16. 读书笔记 - -《Python网络编程》重点
  17. 如何判断1024!末尾有多少个0
  18. TiDB 在特来电的实践
  19. 品Spring:bean定义上梁山
  20. 余弦定理和新闻的分类(TF-IDF+余弦相似度)

热门文章

  1. cocos creator实例--CocosCreator实现的1024游戏
  2. F28335 学习系列一——FLASH 搬移到 RAM 运行实现方法
  3. 苹果的“BIOS”设置
  4. Excel中时间戳转换时间
  5. orcal数据库基本操作笔记
  6. 22春天津大学《工程概预算》在线作业二
  7. Nacos集群数据同步
  8. 爬虫神器之 PyQuery 实用教程(一)
  9. 使用JAVA给excel添加密码
  10. WebGL简易教程(十):光照