musashi

WebGL实现soul星球效果 最近在研究webGL，觉得soul app的星球挺有意思的，于是就实现了一下，中间涉及的知识和知识点太多的，最后的还原度还是挺高的 soul...

在前端开发中，设计模式是解决特定问题的经验总结和可复用的解决方案。设计模式可以提高代码的复用性、可维护性和可读性，是提高开发效率的重要手段。我们一起来看下7种前端开发中必须...

问题现象： Chrome 浏览器使用 video 渲染相比于 webgl2 渲染对比度低，颜色发白。 Opera + video 渲染没问题，和 webgl2 渲染表现一致...

web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。WebCodecs于21年9月份推出，是用于在web页面上对音视频进行底层操纵（如编解码）的API。...

1. 摘要 WebAssembly（WASM）是一种高效的低级字节码格式，可以在现代浏览器中运行近乎原生速度的代码。然而，由于其编译产物是二进制字节码，调试 WebAsse...

摘要 随着互联网的快速发展，Web应用已经成为我们日常生活中不可或缺的一部分。然而，传统的Web应用在处理复杂计算和高性能任务时可能显得捉襟见肘。为了解决这一问题，WebA...

结论 经实测发现，使用 WebAssembly 计算大文件的 MD5 哈希值相较于 JavaScript 实现，耗时缩减了一半，这种改进不仅可以显著提升用户体验，还能够加速...

核心代码 基于 webgl 获取到设备的 renderer（渲染器）信息，其中就包括了 gpu 信息，代码如下： https://hardwaretester.com/gp...

下面我会让你在最短的时间内，实现一个WebGPU的小案例，不用你配置复杂的开发环境，你只需要复制下面代码，到一个.html文件中，然后用最新版的谷歌浏览器打开该html文件...

webWorker 优化，优化后主线程空闲的比例由 26% 提升到了 62%，实际体验丢帧减少很多，视频更加平滑...

背景 Web视频编辑器即基于浏览器的视频编辑工具，可以实现视频拼接、滤镜等功能点，一般包含视频导入、预览和导出功能。在众多编辑器中，绝大部分编辑器选择了服务端导出，因为服务...

这几个月，想必大家都听到过一个新闻： Svelte 弃用 TypeScript，改用 JSDoc 了。 TypeScript 我们知道，是用来给 JS 加上类型的，可以实现...