2020年大前端发展趋势( 二 )


文章插图
 
5、WebAssemblyWebAssembly 是一种新的字节码格式 , 目前主流浏览器都已经支WebAssembly 。和 JS 需要解释执行不同的是 , WebAssembly 字节码和底层机器码很相似 , 可以快速装载运行 , 因此性能相对于 JS 解释执行而言有了极大的提升 。也就是说WebAssembly 并不是一门编程语言 , 而是一份字节码标准 , 需要用高级编程语言编译出字节码放到 WebAssembly 虚拟机中才能运行 ,  浏览器厂商需要做的就是根据 WebAssembly 规范实现虚拟机 。
有了 WebAssembly , 在浏览器上可以跑任何语言 。从 Coffee 到 TypeScript , 到 Babel , 这些都是需要转译为 js 才能被执行的 , 而 WebAssembly 是在浏览器里嵌入 vm , 直接执行 , 不需要转译 , 执行效率自然高得多 。
举个例子 , AutoCAD 软件是由美国欧特克有限公司(Autodesk)出品的一款自动计算机辅助设计软件 , 可以用于绘制二维制图和基本三维设计 。使用它时 , 无需懂得编程 , 即可自动制图 , 因此它在全球被广泛应用于土木建筑、装饰装潢、工业制图、工程制图、电子工业、服装加工等诸多领域 。
AutoCAD 是由大量 C++ 代码编写的软件 , 经历了非常多的技术变革 , 从桌面到移动端再到 web 。之前 , InfoQ 上有一个演讲 , 题目是《AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web》 , 即通过 WebAssembly , 让很多年代久远的 C++ 代码在 Web 上可以运行 , 并且保证了执行效率 。
hrome 的核心 JavaScript 引擎 V8 目前已包含了 Liftoff 这一新款 WebAssembly baseline 编译器 。Liftoff 简单快速的代码生成器极大地提升了 WebAssembly 应用的启动速度 。2019年 , 很多的公司都开始投入人力进行WebAssembly的学习个改造 , 相信2020年WebAssembly会经历爆发式期 。
 
6、5G2019年一个绕不开的话题就是5G 。?先 , 5G 带宽的?幅提升带来传统 Web ??复杂度的进?步提升 , 如同 2G 到 4G 变?过程中??从 WAP 的纯?本超链接时代变?到 4G 全图?视频时代 。5G 对于??的变?必将是巨?的 , 但肯定不会?蹴?就 。因为相应的配套设施也需要逐步完善 , 如硬件性能和浏览器的处理速度 。?服务端渲染(SSR)肯定是其中?个捷径 , 轻前端重后台 , 5G 是桥梁 , 把渲染放后台 , 不像同构那么简单 , 需要关注和优化渲染性能 。WebAssembly 或许会在这个机遇下得到快速发展 , 因为它可以?缝对接后台多种语? , ?后台渲染的优化也会带来前端??研发模式和技术架构的变? 。
其次 , 5G 带来的万物互联 , ?将带来有别于智能?机和普通 PC 的多样化的应?场景 , VR、可穿戴设备、?载系统、智能投影、智能交互等?会把 Web 带?各种各样的垂直领域 , 这也意味着前端将有更多?阔的空间 。相信随着5G的大规模商业 , 会诞生一批新的互联网巨头 。

【2020年大前端发展趋势】


推荐阅读