2017 年值得一瞥的 javascript 相关技术趋势 -欧洲杯足彩官网

0顶
0踩

2017 年值得一瞥的 javascript 相关技术趋势

2017-01-03 17:11 by 副主编 jihong10102006 评论(1) 有12767人浏览

javascript 编程

跨年前两天，dan abramov在twitter上提了一个问题：

js社区毫不犹豫的抛出了它们对于新技术的预期与期待，本文内容也是总结自twitter的回复，按照流行度降序排列。有一个尚未确定的小点是既然函数式编程已不再是少数派，是否要把它踢出红毯呢？

webassembly

去年笔者就表示过了对于webassembly的期待，webassembly就是面向web平台的底层代码。其初衷是希望能够使所有语言都能够编译运行到web平台，这一点对于很多函数式编程、响应式编程的粉丝充满吸引力。特别是随着这几年javascript社区的突飞猛进，很多开发者并不能跟得上这门语言衍化的速度，因此他们也非常希望能够直接用自己习惯的语言而不是要去重头学一门从入门到直接放弃的语言。不过javascript目前还处于明显的上升势头，暂时还没人唱衰它。并且webassembly仍处于襁褓中，才进入到预览阶段，离真正的发布还有很长的距离。总结而言，笔者建议我们都应该对webassembly保持一定的关注，毕竟它会对未来的javascript造成极大的影响。

elm

引用

笔者个人不太意愿使用elm，不过其特性还是很有借鉴价值

2016年不少的开发者参与到，elm不仅仅是javascript的扩展库，而是一门可以编译到javascript的编程语言，对于很多热衷于函数式编程的开发者是个不错的选择。参考，elm提供了如下特性：

并不会存在运行时错误，没有null，没有undefined is not a funtion。
非常友好的错误提示信息能够辅助你开发。
比较严格的代码规范与项目架构，保证了你的应用在快速迭代中依然保持着最佳实践。
自动为所有的elm包添加语义版本描述。

总而言之，elm为我们提供了优秀的工具来保证编写干净、简单与碎片化的代码，并且因为elm是可以编译到javascript，因此很多javascript开发者都可以保持下关注或者尝试下。

babili(babel-minify)
最早于2016年8月份发布，它是基于babel工具链上的支持原生es6语法的压缩工具。henry zhu在中称述了为什么我们需要另一个压缩工具，关键点如下：
目前大部分压缩工具只能够处理es5代码，因此在压缩之前需要先进性编译，而babili能够支持直接输入es2015 。随着浏览器性能的提升，越来越多的浏览器支持直接运行es2015的代码，因此我们不需要再进行转换编译。另外babili也可以作为引入到现有的babel配置中，也可以作为直接使用的命令行工具。

这里举个简单的例子，我们编写了如下的es6类:

之前，利用传统的babel进行编译与压缩，会得到如下代码:

而babili的效果如下:

ocaml
ocaml本身和js没啥关系，不过列表接下来的两项都是基于ocaml，因此还是要先介绍下。如果你关注了近两年来的函数式编程崛起之路，你或许听过haskell。而得益于ocaml能够编译到就s，其以后来居上的姿态凌驾于haskell。facebook的不少开发者都是ocaml的粉丝，他们的hack、以及infer都是基于ocaml构建的。

bucklescript
是基于ocaml实现的服务端框架，由著名的bloomberg团队创造而来。对他们的解释如下：
bucklescript或者bsc，是个基于ocaml编译器的相对较新的javascript服务端框架。换言之，你可以使用优秀的函数式、自带类型的ocaml语言，同时也能继续背靠基于npm包管理器的web生态系统。

我们来简要的看下bucklescript代码风格，譬如用bucklescript实现简单的服务端：

编译输出为:

ocaml最大的特性就是其函数式语言特性，我们再看下其对于不可变类型的支持，我们使用ocaml stdlib实现的不可变类型如下:

而如果要用facebook immutable实现的代码为:

性能评测下，二者的执行时间对比为：

bucklescript: 1186ms
javascript: 3415ms

编译后的体积为：

bucklescript (production): 899 bytes
javascript: 55.3k bytes

reasonml
reasonml与react师出同门，是基于ocamel设计的语法友好、编辑器支持程度高，并且有强大的编译工具支持的语言。建议阅读sean grove对reasonml的介绍。本文简单介绍几个javascript与reason的语法对比：

元类型| javascript | reason |
333.14153.1415"hello world!""hello world!"'hello world!'strings must use “characters are strings'a'truetrue[1,2,3][1,2,3]null()const x = y;let x = y;let x = y;reference cellsvar x = y;no equivalent (thankfully)[x, ...lst] (linear time)[x, ...lst] (constant time)[...lst, x] (linear time)not supported{...obj, x: y}{...obj, x: y}

表达式| javascript | reason |
login ? "hi" : "bye"login ? "hi" : "bye"let res = undefined;switch (thing) { case first: res = "first"; break; case second: res = "second"; break;};`let res = switch thing {first => "first"second => "second"}; `

purescript
另一个强类型、高性能的能够编译到javascript的编程语言，其定位与elm类似，主要特性为：

没有运行时错误
严格的，类似于javascript的计算
支持javascript 对象语法
提供相较于hashkell更强大方便的类型系统
更方便地javascript库集成

dan abramov说过，webpack的定位就是在相对底层，因此将配置以编程块的方式实现会更加完备。

graphql
graphql是个不错的rest替代查询语言，特别是对于那些拥有大量数据的公司。这个案例分析很好地阐述了从rest到graphql的转变之路。我能够想象2017年graphql会继续处于上升势头，不过要谈到真的大规模实施，还要到2018年吧。

相信大家对于react storybook并不陌生了，你能够独立于应用而交互式的开发你的组件，就如下图所示：

jquery 3.0
爷爷辈的jquery仍然处于不断的迭代更新中，可能很多开发者忽略了2016年6月份发布的jquery 3.0版本，可以参考。

如果你打算在浏览器中实现精彩的2d效果，特别是对于使用webgl的游戏开发者，pixi.js是个值得一看的库，可以参考获取更多的demo。

与inferno
非常优秀的react的替代库。

rust
rust可以编译到javascript啦（通过）。

custom elements
custom elements（包括shadow dom）一直不被主流的开发者接受，不过看似2017这一点将会发生些许变化。变化的关键因素在于浏览器支持比例的改善。个人还是蛮期待custom elements的，可以关注或者google’s关于custom elements的解释。

webrtc
很难相信webrtc已经五岁了，facebook、slack、snapchat以及whatsapp都在他们的服务中集成了webrtc。可以预见webrtc会在2017年被更多的公司采用，蒸蒸日上。

next.js是个基于react、webpack与babel构建的，支持服务端渲染的小框架，其来源于zeit团队，在react社区获得了不小的关注度。

来自:

分享到：

0
顶

0
踩

评论共 1 条请登录后发表评论

1 楼 2017-01-08 12:46

发表评论

您还没有登录,请您登录后再发表评论

2017 年值得一瞥的 javascript 相关技术趋势 -欧洲杯足彩官网

0顶0踩