背景 WebAssembly（wasm）是一个简单的机器模型和可执行格式，具有广泛的规范。它被设计为便携、紧凑，代码执行能够达到接近本机原生指令的执行速度。 作为一种编程语言，WebAssembly

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

上个月我花了2天开发了一个全新的VSCode插件叫“我爱掘金”，让所有掘友可以化身为小蝌蚪，在VSCode里实时聊天。使用的是一个开源项目 workerman-todpole ，在原项目的基础上我做了大量的修改和优化。也曾试图添加一些房管功能，比如只有管理员可以使用大红色，只有…

在知乎「如何看待 WebAssembly 技术」的问题里，可以看出大家普遍对浏览器、WASM 和 JS 之间的三角关系有不少误解。因此这里作为一个开 (bai) 发 (xue) 者 (jia)，我就来尝试纠正些常见的问题吧。 这显然不对，WASM 里的 Assembly 并不意…

Memory（内存，内存都以内存称呼）在 WebAssembly 中的使用和在 JavaScript 中稍有不同。在 WebAssembly 里，我们可以直接访问原始字节，这可能会让一些人感到担忧，但它实际上比你想象的更安全。 当一个WebAssembly模块被实例化时，它需要…

本系列持续更新中，Github 地址请查阅这里。 这是 JavaScript 工作原理的第六章。 现在，我们将会剖析 WebAssembly 的工作原理，而最重要的是它和 JavaScript 在性能方面的比对：加载时间，执行速度，垃圾回收，内存使用，平台 API 访问，调试，…

1. 多年前的方案 在2013年（今年是2020年）的Node Knockout比赛上，有人提出了一个叫 Video Funhouse（年代太久远，我没能找到更多的资料）的设想，后来就有了github上的videoconverter方案。videoconverter将音视频领域…

尽管webpack4新增了对wasm文件的编译支持，在wasm模块编写完成之后将其与webpack结合的过程中发现，wasm模块无法被正确加载。在对@ne_fe/gis编译输出文件的检查之后，有了新的解决方案 wasm-module-webpack-plugin。 出错原因时由…

webassembly的介绍可以参考图说 WebAssembly。 本文以@ne_fe/gis这个模块的开发过程梳理webassembly如何应用到前端工程中。 注：使用emscripten完成weassembly开发至少需要基础的c/c++编码能力。 该模块主逻辑由c++编写…