1、webp
WebP是Google新推出的影像技术，它可让网页图档有效进行压缩，同时又不影响图片格式兼容与实际清晰度，进而让整体网页下载速度加快。
2、webgl
WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。
3、Nuxt.js
Nuxt.js 是一个基于 Vue.js 的服务器渲染框架 Nuxt.js团队创建了脚手架工具 create-nuxt-app。
https://zh.nuxtjs.org/guide/installation 想要更多了解戳这里
4、PWA
一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。
官网：https://developers.google.com...
是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。
PWA 可以添加在用户的主屏幕上，不用从应用商店进行下载，他们通过网络应用程序 Manifest file 提供类似于 APP 的使用体验（ 在 Android 上可以设置全屏显示哦，由于 Safari 支持度的问题，所以在 IOS 上并不可以 ），并且还能进行 ”推送通知” 。
PWA 不是特指某一项技术，而是应用了多项技术的 Web App。其核心技术包括 App Manifest、Service Worker、Web Push、Credential Management API ，等等。其核心目标就是提升 Web App 的性能，改善 Web App 的用户体验。 下面我们详细地看一下这些核心技术，是否能够真正弥补 Web 劣势。
5、Parcel
超快的Web应用打包器
6、HTML5.2新标签dialog
HTMl5.2新的版本出现了一个有意思的标签，那就是对话窗或窗口，也就是dialog,其基本用法如下：
open属性表明该窗口是默认显示的，用户可与之交互。 相关js方法有：
1.close():关闭对话框，可选传入类型为{domxref("DOMString")}}的参数，用来更新对话框的returnValue。
2.open():非模式化的显示这个对话框, 即：打开这个对话框之后依然可以和其他内容进行交互。 可选传入类型为Element或者MouseEvent的参数，用来定义对话框的显示位置。
3.showModal():模式化的显示这个对话框， 并且将会至于所有其他对话框的顶层（屏蔽其他对话框的交互）。 可选传入类型为Element或者MouseEvent的参数， 用来定义对话框的显示位置。 show()和showModal()是有区别的，show只是显示dialog,而showMadal()是会屏蔽其他的弹出层。 按ESC可以关闭dialog，dialog需要重新定义css样式，毕竟本身css是默认的样式。 下面是一个demo代码：
