JavaScript 文章
-
是什么让 WebAssembly 如此快速?
使用 WebAssembly 或 JavaScript 进行编程并非二选一的。因此,开发者无需在 WebAssembly 和 JavaScript 之间做出选择。但是,我们预计开发者将用 WebAssembly 替换掉部分 JavaScript 代码。WebAssembly 系列文章的第五篇。
-
WebAssembly 的现状和未来发展方向?
2 月 28 日,四大浏览器宣布达成共识,WebAssembly 的最小可行产品 (MVP) 已完成。即使在初始版本中,WebAssembly 的速度也将很快。但未来通过修复和新增功能,其速度还会进一步提升。WebAssembly 系列文章的第六篇。
-
TypedArray 或 DataView:理解字节序
根据访问 ArrayBuffer 的方式不同,在同一台机器上获得的字节序也不同。所以长话短说:使用 TypedArray 或 DataView 的 setter 会产生不同的结果。
-
Async/Await 在 Firefox 中上线
新的
async
和await
关键字——使异步代码更简洁、更易懂、更易维护——已在 Firefox 52 中上线。目前在最新的开发者版本 Firefox 52 中可用,计划于 2017 年 3 月正式发布。 -
在 DevTools 中可视化动画缓动
动画的缓动(或时间函数)决定了其随时间推移的变化方式。例如,线性缓动表示动画在整个持续时间内以相同的速度运行。这意味着如果一个元素最初没有移动然后开始移动,它将立即移动,因为 […]
-
Mozilla 推送服务器现已支持主题
Mozilla 推送服务现在可以为通知消息提供主题。这意味着,当用户代理从脱机状态返回时,仅会收到订阅应用程序的主题的最后一条消息。
-
使用 requestIdleCallback 进行协作调度
requestIdleCallback
支持已在 Firefox Nightly 中上线,计划在 Firefox 52 中发布。从历史上看,脚本无法与用户交互和页面渲染“和谐相处”,导致帧速率不稳定和输入延迟。显然,如果情况仍然如此,我不会写这篇文章! -
介绍 debugger.html
debugger.html 是 Mozilla 开发的一个现代 JavaScript 调试器,它使用 React 和 Redux 构建为 Web 应用程序。该项目于今年年初启动,旨在替换 Firefox 开发者工具中的当前调试器。此外,我们希望开发一个能够调试多个目标并在独立模式下运行的调试器。 […]
-
使用 Element.animate 随心所欲地进行动画
在 Firefox 48 中,我们发布了<a href="https://mdn.org.cn/docs/Web/API/Element/animate" target="_blank"><b>Element.animate()</b></a> API——一种使用 JavaScript 以编程方式为 DOM 元素设置动画的新方法。让我们暂停一下——“没什么大不了的”,你可能会说,或者“有什么好大惊小怪的?”毕竟,已经有很多动画库可供选择。在这篇文章中,我想 […]
-
HTML5 游戏的 Web 字体预加载
在游戏开发中,有两种渲染文本的方法:通过位图字体和矢量字体。位图字体本质上是一个精灵图,其中包含给定字体的所有字符。精灵图使用常规字体文件(传统上为 .ttf)。这如何应用于 Web 和 HTML5 上的游戏开发 […]