红联Linux门户
Linux帮助

Chrome 55 Beta支持async/await,输入处理改进

发布时间:2016-10-27 09:10:49来源:红联作者:baihuo
Chrome 55 Beta 发布了:输入处理改进、Async 和 await 功能、CSS 自动断字。

1、输入处理改进

随着移动网络使用的普及,网站对触摸输入做出良好反应的重要性也日益增加。在过去,这意味单独处理 MouseEvent 和 TouchEvent,而这种方式可能难以维护。现在,Chrome 通过分派 PointerEvents 事件,支持统一的输入处理方式。默认情况下,PointerEvents 不会阻止滚动,因而页面响应更迅速。为使用 TouchEvent 实现相同的性能,页面可以使用被动事件侦听器。

Chrome 现在还支持两种全新的输入响应方式。touch-action CSS 属性让网站能够响应手势,例如平移。对于鼠标按钮,新的 auxclick 输入事件类型允许网站管理非主要按钮的点击行为。

2、Async 和 await

异步 JavaScript 可能比较难以推导。Promise 可帮助避免回调嵌套问题,但是,当网站存在大量异步依赖时,基于 Promise 的代码仍可能难以读取。Chrome 现在支持 async 和 await JavaScript 关键字,允许开发者编写基于 Promise、可加以结构化并以同步代码形式读取的 JavaScript。

提取 URL 并使用 Promise 记录响应:

function logFetch(url) {

return fetch(url)

.then(response => response.text())

.then(text => {

console.log(text);

}).catch(err => {

console.error('fetch failed', err);

});

}

使用 async 和 await 的相同代码:

async function logFetch(url) {

try {

const response = await fetch(url);

console.log(await response.text());

}

catch (err) {

console.log('fetch failed', err);

}

}

3、CSS 自动断字

对于各种设备和屏幕尺寸,要设置文本格式以使其填充可用空间可能都是一项挑战。Chrome 现在支持 CSS 自动断字,这是 Android 版和 Mac 版 Chrome 最常请求的布局功能之一。CSS 断字允许浏览器在自动换行时用连字号断字,从而提升文本块的视觉一致性。在未来版本中,断字支持将扩展到其他平台。

4、此版本中的其他特性

once 事件侦听器选项支持仅在移除事件侦听器之前调用一次回调。

现在,网站可以将网络存储标记为永久性存储,从而防止 Chrome 自动清除该网站的存储。

现在,在 Android 系统上,跨源 iframe 需要用户手势方可使用 Web Audio API 启动音频播放,以确保与

频道文章

最新教程

随机推荐