性能优化必知必会
750篇文章 · 615订阅
  • 前端Echarts性能优化：从卡顿到流畅的百万级数据可视化
    在数据驱动决策的时代，数据可视化大屏已成为企业标准配置。作为前端工程师，我们常常面临这样的困境：设计阶段流畅运行的Echarts图表，在接入真实海量数据时却出现严重卡顿、内存飙升、交互延迟等问题。
    前端 JavaScript
  • Abort Controller - 优雅处理竞态请求
    AbortController 是 JavaScript 提供的 Web API，用于通过 AbortSignal 对象中止异步操作（如 fetch 请求），避免资源浪费和竞态问题
    前端 JavaScript 性能优化
    Abort Controller - 优雅处理竞态请求
  • 微信小程序 Skyline 渲染引擎解析：如何突破 WebView 的性能天花板
    一、引言 随着微信小程序的不断发展，用户对小程序的性能和体验要求也越来越高。为了满足这些需求，官方推出了 Skyline 渲染引擎，为小程序带来了更流畅的渲染效果、更高的性能表现和更好的开发者体验。
    微信小程序
    微信小程序 Skyline 渲染引擎解析：如何突破 WebView 的性能天花板
  • 从 DOM 到 Wasm：前端实现千万级表格渲染的技术演进
    在实际开发中，很多人会认为“千万级数据表格”属于不切实际的前端场景，尤其是浏览器端。但在实际业务中，类似飞书文档、Excel Online、乃至企业级 ERP 系统，确实存在这样的需求。 以飞书为例，
    前端 架构
  • Obs.js：面向所有人的上下文感知 Web 性能
    Obs.js 通过读取少量的浏览器信号（Navigator 和 Battery API），推断出用户的连接强度、电池状态以及设备性能。它将这些信号以 CSS 类的形式添加到 <html> 元素上，并且
    前端 JavaScript GitHub
    Obs.js：面向所有人的上下文感知 Web 性能
  • 如何实现高性能的网格渲染和单体拾取
    当业务的3D场景中有几万个Mesh时，传统的多Mesh+Raycast射线检测就慢得令人绝望，本文将分享一种ms级响应的拾取方案，让上万级Mesh的场景也能流畅交互。
    前端 数据可视化
    如何实现高性能的网格渲染和单体拾取
  • Canvas高性能Table架构深度解析
    表格组件是数据展示的核心组件之一。传统的DOM表格在处理大量数据时往往面临性能瓶颈，而基于Canvas的虚拟表格则能够在保持流畅交互的同时处理海量数据。 最近刷论坛发现了一个小而美的基于canvas的
    前端 Canvas JavaScript
  • Monorepo性能噩梦：一行配置解决VSCode卡顿与TS类型崩溃
    Monorepo性能噩梦：一行配置解决VSCode卡顿与TS类型崩溃 前言 在现代前端开发中，Monorepo已成为管理大型项目的流行方案。它通过将多个项目、库和组件集中在同一个代码仓库中，简化了依赖
    前端 Visual Studio Code TypeScript
  • 前端大屏原理系列：高性能拖拽系统的实现
    轻松理解拖拽移动、拖拽大小的原理，以及优化几百个元素同时拖拽可能产生的性能问题，探讨拖拽系统中会影响用户体验的因素与解决方案。
    前端 React.js 开源
    前端大屏原理系列：高性能拖拽系统的实现
  • Vue 3 + Three.js 打造轻量级 3D 图表库 —— raychart.js
    最近在数据可视化领域进行了一些探索，基于 Vue 3 和 Three.js 开发了一款轻量级的 3D 图表库 —— raychart.js。 今天不谈晦涩的代码实现，主要和大家分享一
    前端 Vue.js 数据可视化
    Vue 3 + Three.js 打造轻量级 3D 图表库 —— raychart.js