上海 2017 JSConf 大会已经结束，整理的两天大会实录如下：

2017 JSConf 第一天实录

2017 JSConf 第二天实录

首先是开场演讲，主要介绍了 JSConf 的一些往年活动以及所取得的成就，JSConf 在中国已经举办了 6 年，80 多个讲师参与。

第一场 Programming the Universal Future with next.js

简短的介绍之后，第一场主讲就开始啦。第一场讲的是 Programming the Universal Future with next.js。

首先一个大新闻就是 next.js 3.0 发布啦！！！

先介绍了 now，一行命令搞定你的部署。一个非常不错的工具。

now 支持 static projects、package.json(node 项目)、Dockerfile 项目配置部署。

提出一系列开发中会遇到的需求：自定义 URL，服务端渲染、实时日志。

我们能用一个命令来解决这些需求吗？答案是是的，那就是 next

1.安装

2.创建一个页面

3.使用 next 命令启动，直接搞定手工。

启动之后无需配置直接具有以下功能：

现场代码演示，用了一个很酷的终端 —— Hyper，也是他们团队做的哟。

并提供了一个新的 API —— getInitialProps 用于异步加载数据。

现场展示了使用 next.js 开发的一个在线案例 —— https://next-news.now.sh

next.js 中提供了一个非常有用 head 组件。你可以在这个组件内写任何你需要添加的东西，比如是 link 一个样式，控制页面的 Title 。

典型的开发流程是：加载代码 —— 加载数据 —— 渲染页面。

有了 next.js 就可以很轻松的做服务端渲染，进一步提升页面体验。

服务器端渲染可以实现首屏秒开，并且可以函数式的懒加载代码。

想要了解更多信息可以查看以下链接哟：

第二场理解现代 Web 开发

这一场演讲干货满满，作者想要表达的内容也很多，总结了 web 开发领域的早期模式以及现代开发的趋势。感兴趣的同学可以直接查看作者的幻灯片。

第三场后 ES6 时代的 JavaScript 语言

Hax ，一个写了 20 年 JS 的人，有很多演讲。并调侃了明年的演讲计划

支持度

对比了各个浏览器和 babel 之间对 ES6 的支持程度以及演进时间过程。到 2016 年 3 月份，chrome 几乎全部实现了所有标准，形势一片大好。

只有 proper tail calls 还没有支持。其他厂商没有支持的原因是对这一特性有其他意见，并提出了新想法 STC。

Array.prototype.values() 方法已经实现了，只是没有默认开启，原因是在旧应用中可能存在兼容性问题。

ES7+

已经几乎全部支持。

ES6 已落地，ES7+ ready

之前的语言规范像是憋大招，五年半憋出了一个大版本，厂商集中实现特性。

现在的策略是细水长流，根据提案推进实现，每年 6 月份左右发新版本，并将版本号按年份命名。

从 stage 0 => 4,主要过程如下：

Strawman => Proposal => Draft => Candidate => Finished

核心是正式版本发布前至少有两个实现

ES7+ 特性

`**` 乘方

Array.prototype.includes()

tips:

[NaN].indexOf(NaN) // -1
[NaN].includes(NaN) // true

尾逗号

函数传参和调用时支持尾逗号，在参数比较复杂时非常好用。

f(
    a,
    b,
    c,
)

object.values() && object.entries()

String.prototype.padStart() && String.prototype.padEnd()

回想起了 left-pad 事件，现在有标准支持啦。

Async function

Shared memory and atomices

Worker 之间是通过消息进行通信，现在可以共享内存了。

Async / Await

Worker 其实就是类似线程。Worker 的通信是消息传递的，message事件传递的。一般多线程编程里面是共享内存。

RTC ，run to completion，JS函数从头运行到底，一般都不会被打断的。JS 是使用 run to completion 语意的语言。在增加 Async/Await 打破了run to completion 语意，但是还是可控的，只在标识了 Async/Await 的地方可能会有变量的改变，其他没有标识的地方还都是 run to completion 可控的。SharedArrayBuffer 也同理。在 JS 中默认所有变量都是『线程安全』的，只有在 await 或创建 SharedArrayBuffer 的地方不是。