特色文章
-
使用 Things Framework 构建自己的 Web 应用
去年,Mozilla 启动了 Project Things 项目,旨在帮助开发人员以安全、可靠且可互操作的方式将物理“事物”连接到 Web。现在,借助 Things Gateway 的 0.4 版本,您可以将原生 Web 事物添加到您的网关中,以便与所有其他智能家居设备一起控制它们。原生 Web 事物的优势在于,它们不需要自定义网关适配器,因为它们遵循使用现有 Web 技术的通用标准。
-
WebAssembly Studio 预览
WebAssembly.Studio 是一款在线 IDE(集成开发环境),可帮助您学习并教授他人。它也是一个瑞士军刀,在使用 WebAssembly (WASM) 时非常方便。WebAssembly 是一种低级类似汇编的语言,它以接近本机的性能运行,并为 C/C++/Rust 等语言提供编译目标,以便它们可以在 Web 上运行。WASM 还设计为与 JavaScript 协同运行。
-
从 JavaScript 到 Rust 再返回:wasm-bindgen 故事
最近,我们看到了 WebAssembly 的编译速度非常快,从而加快了 JS 库的速度,并生成了更小的二进制文件。我们甚至制定了关于改善 Rust 和 JavaScript 社区以及其他 Web 编程语言之间互操作性的高级计划。wasm-bindgen 的目标是在 JavaScript 和 Rust 的类型之间架起一座桥梁。它允许 JS 使用字符串调用 Rust API,或 Rust 函数捕获 JS 异常。wasm-bindgen 消除了 WebAssembly 和 JavaScript 之间的阻抗不匹配,确保 JavaScript 可以高效且无需样板代码地调用 WebAssembly 函数,而 WebAssembly 可以对 JavaScript 函数执行相同的操作。
-
ES 模块:卡通深入讲解
ES 模块为 JavaScript 引入了官方的标准化模块系统。随着 5 月份 Firefox 60 的发布,所有主要浏览器都将支持 ES 模块,并且目前正在努力为 Node.js 添加 ES 模块支持,以及 WebAssembly 的 ES 模块集成。Lin Clark 的深入讲解说明了 ES 模块的工作原理、它们解决的问题以及它们与其他模块系统中的模块有何不同。
-
为 MDN 带来交互式示例
在过去的一年左右的时间里,MDN Web Docs 团队一直在设计、构建和实施参考页面上的交互式示例。其动机是在 MDN 上为喜欢通过查看和试用示例代码来学习的人做更多的事情。我们刚刚完成了为 JavaScript 和 CSS 参考页面添加交互式示例的工作。这篇文章回顾了该项目,了解我们如何走到今天以及在此过程中学到了什么。
-
使 WebAssembly 更好地适用于 Rust 和所有语言
为了成为一种有用的 Web 语言,Rust 需要与 JavaScript 生态系统良好地协同工作。我们需要做一些工作才能实现这一点,幸运的是,这项工作也将帮助其他语言。Lin Clark 的代码卡通探讨了我们需要解决的一些 WebAssembly 易用性挑战。想帮忙吗?
-
使用 A-Frame 和低多边形模型构建沉浸式游戏
在本教程的两部分的第一部分中,Josh Marinacci 使用 A-Frame 构建了一个沉浸式 WebVR 游戏,并介绍了添加物理引擎、管理碰撞以及添加 3D 模型和效果的关键概念和代码。
-
如何在所有浏览器(即使是旧浏览器)中编写有效的 CSS
Jen Simmons 关于弹性 CSS 的七部分迷你系列,以及您如何现在就在 Web 上创建出色的图形设计,并且不必担心所有旧浏览器。
-
弹性 CSS 周
在本周的 Layout Land 视频系列中,Jen Simmons 庆祝弹性 CSS 并向您展示了如何实现它。查看开场剧集:“弹性 CSS 简介”和“我可以使用此 CSS 吗?”,两者现已上线。
-
制作一个拍手感应 Web 事物
Project Things Gateway 作为一个平台存在,使用标准化的基于 HTTP 的 API 将所有 IoT 设备整合到一个统一的保护伞下。我们最近宣布了 Things Gateway,并且我们已经开始了一系列针对希望设置网关并进行探索的人员的动手项目文章。在这篇文章中,我们将利用我们迄今为止学到的知识,为网关构建一个真正的附加组件。此附加组件将提供一个拍手感应 Web 事物,我们可以用它来控制我们的灯光和其他设备。