性能优化
19篇文章 · 0订阅
  • WebAssembly：解决Web端性能瓶颈
    2015年浏览器三大巨头Chrome、Mozilla、Microsoft共同发起WebAssembly项目，意在解决浏览器中的JS性能瓶颈问题，以便更好地在浏览器端支持高性能应用。
    前端 WebAssembly
    WebAssembly：解决Web端性能瓶颈
  • 快 11K Star 的 WebAssembly，你应该这样学
    - 一种新型的代码，可以运行在 Web 浏览器，提供一些新特性并主要专注于高性能 - 主要不是用于写，而是 C/C++、C#、Rust 等语言编译的目标，所以你即使不知道如何编写 WebAss
    前端 WebAssembly
    快 11K Star 的 WebAssembly，你应该这样学
  • Rust vs JavaScript：使用 WebAssembly 实现 76% 的性能提升
    通过 Web Workers 和 WebAssembly 优化 JS 应用性能，将繁重计算移出主线程。通过 Rust 实现斐波那契算法，相比纯 JavaScript 提升了 76% 的执行效率。
    WebAssembly 前端 Rust
    Rust vs JavaScript：使用 WebAssembly 实现 76% 的性能提升
  • WebAssembly实战——实现粒子系统
    前言 之前为大家讲解了一些WebAssembly相关的概念和核心原理，今天我们就使用WebAssmebly完成一个实际小项目，废话不多说，撸起袖子直接开干！
    前端 WebAssembly
    WebAssembly实战——实现粒子系统
  • 第十一章 WebAssembly 在抖音烟花特效中的应用
    本文基于抖音直播烟花特效，向读者介绍如何使用 AssemblyScript 将 JS 代码编译成 WebAssembly 产物并运行，从而实现对 JS 渲染的优化。
    前端 WebAssembly
    第十一章 WebAssembly 在抖音烟花特效中的应用
  • AS 不就是 AnyScript 嘛，那我可太擅长了
    之前主管让我调研在浏览器 WebAssembly 里跑加解密过程的问题，这里记录一下自己实现 demo 的过程。
    WebAssembly TypeScript 前端
    AS 不就是 AnyScript 嘛，那我可太擅长了
  • 让 web 再次伟大——用 canvaskit 实现超级丝滑的原神地图（已开源）
    从手势识别开始，到 canvaskit 实现地图引擎，再到 react/vue 组件封装，最后构建出可交互的地图应用。
    TypeScript 前端
    让 web 再次伟大——用 canvaskit 实现超级丝滑的原神地图（已开源）
  • canvasKit类型文件&API解释（一）
    CanvasKitInit 简介 CanvasKitInit是一个用于在WebAssembly环境下初始化CanvasKit库的函数。CanvasKit是Skia图形库的WebAssembly版本
    Canvas 前端
    canvasKit类型文件&API解释（一）
  • canvaskit-wasm —— 在浏览器中直接使用 skia 的能力渲染 sketch 文件
    Skia 是 Flutter、Chromium 以及 Android 项目中都使用了的 2d 图形库。本文介绍了使用 skia 在浏览器中绘制 sketch 设计稿文件的经验和心得。
    前端
  • Chrome开发者工具 第二十五章（解决内存问题）
    在前端开发中，内存问题是影响页面性能的关键因素之一，包括内存泄漏 、内存膨胀和频繁的垃圾回收等。这些问题不仅影响用户体验，还可能导致页面崩溃。幸运的是，Chrome开发者工具提供了一系列功能来帮助我们
    前端 Chrome
    Chrome开发者工具 第二十五章（解决内存问题）