【03】谷歌版本63新功能总结

【03】谷歌版本63新功能总结

 

 

 

动态模块导入

目前，导入 JavaScript 模块是完全静态的，开发者无法根据运行时条件（例如用户是否登录）导入模块。从这个版本开始，开发者可以利用 import(specifier)语法在运行时动态加载代码到模块和脚本中。这一功能可用于仅在需要时延迟加载脚本，从而提升应用的性能。 

button.addEventListener('click', event => {
	import	('./dialogBox.js').then(dialogBox => {
		dialogBox.open();
	}).catch(error => {        /* Error handling */
	});
});

 

上面的代码示例显示了如何在某个事件后使用 import(specifier) 函数导入 JavaScript。

 

 

异步迭代器和生成器

编写通过异步函数执行任何迭代的代码不是很好的做法。现在，我们推出使用异步迭代协议的异步生成器函数，帮助开发者简化流式传输数据源的消耗或实现。异步迭代器可用于 for 循环以及通过异步迭代器工厂创建自定义异步迭代器。

 

async function* getChunkSizes(url) {
    const response = await fetch(url);
    for await (const chunk of streamAsyncIterator(response.body)) {
        yield chunk.length;
    }
}

 

 

上面的代码示例显示了如何使用异步迭代器通过 streamAsyncIterator 函数编写更简洁的代码来流式传输提取的数据。

 

 

 

Blink > Bindings

• 为了改善互操作性，如果传递的回调不是 EventListener、null 或 undefined，现在将针对 EventTarget.addEventListener 和 removeEventListener 引发 TypeError。

Blink > CSS

• 现在，开发者可以使用全新的 Q 长度单位进行像素级调整，这在小视口上特别有用。
• 开发者现在可以阻止应用使用 Chrome 的拉动刷新功能，或者使用 overscroll-behavior 创建自定义效果，这样，可以在滚动条达到最大限度后更改浏览器的行为。

Blink > Fonts

• font-variant-east-asian 现在已获支持，允许开发者控制为日语和中文等东亚语言使用替代字形。

Blink > HTML

• 为了改善互操作性，Chrome 将 beforeprint 和 afterprint event 作为打印标准的一部分触发，这让开发者可以注解打印副本以及在打印命令完成执行后编辑注解。

Blink > JavaScript

• 使用 Promise.prototype.finally，回调现在可以注册为在 Promise 被实现或拒绝后调用。
• 利用 Intl.PluralRules API，开发者可以通过指示哪种复数形式适用于给定数字和语言来构建可以理解给定语言复数的应用。

Blink > MediaStream

• 本地视频 MediaStreamTracks 现在支持 MediaStreamTrack.applyConstraints()，其中包括从 getUserMedia() 获取曲目、从媒体元素捕捉或屏幕捕捉。

Blink > Network

• NT LAN Manager (NTLM) API 的第 2 版现在已经推出，它让应用可以对远程用户进行身份验证以及在应用请求时提供会话安全性。

Blink > Sensor

• 得益于 Intel 工程师的贡献，一项初始试用现已推出，它可以通过全新的 Generic Sensors API 语法公开以下 sensor：Accelerometer, LinearAccelerationSensor, Gyroscope, AbsoluteOrientationSensor 和 RelativeOrientationSensor。

Blink > Storage

• localStorage 和 sessionStorage API 现在使用 getItem() 而不是匿名 getter 函数，因此，尝试使用 getItem() 获取某个键现在将返回 null，而不是 undefined。感谢 Intel 的大力贡献！
• 为了提升开发者体验，sessionStorage 和 localStorage 的相关函数（例如 getItem()、removeItem() 和 clear()）现在可以枚举。感谢 Intel 让这成为现实！

UI > Browser > Mobile (Android)

• Android 版 Chrome 现在支持 display: minimal-ui，让开发者可以向用户显示类似于 Chrome 自定义标签页的界面。

 

 

弃用项和互操作性的改善

Blink > Bindings

• 为了改善互操作性，Promise 类型的实例属性现在将返回被拒绝的 promise，而不是引发异常。

Blink > CSS

• 继在 Chrome 45 中弃用后，/deep/ 或 >>> 选择器以及 ::shadow现在计划从 CSS 动态分析中移除。

Blink > DOM

• 为了改善互操作性，HTMLAllCollection、HTMLCollection、HTMLFormControlsCollection和 HTMLOptionsCollection 不再可以枚举，因为它们现在已从 Object.keys() 调用或 for-in 循环中排除。
•  

**