性能优化
6篇文章 · 0订阅
  • 可观测性之国内第一篇讲如何减少卡顿的代码级别详细文章
    本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章， 聊网站性能的文章有很多，通常为了提高js性能，避不开这两点： 不要阻塞主线程 减少长耗时，本文从这两个角度展开。
    性能优化 前端
    可观测性之国内第一篇讲如何减少卡顿的代码级别详细文章
  • 一文彻底了解Web Worker，十万条数据都是弟弟
    Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞
    前端 JavaScript
    一文彻底了解Web Worker，十万条数据都是弟弟
  • chrome devtools使用详解——Performance
    当页面卡顿、慢时可以使用Performance来分析问题原因所在。 截图：默认勾选，每一帧都会截图。关闭后区域二下面部分会去除（下图红框标记那里） 1 . FPS 绿色越高越好，出现红色则表示FPS低（这就是你为啥觉得页面卡顿了），你可以在区域三Frames中看到具体的FPS值…
    Chrome 前端 JavaScript
  • 狙杀页面卡顿 —— Performance 指北
    今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…
    Chrome JavaScript 前端
    狙杀页面卡顿 —— Performance 指北
  • 虚拟滚动是怎么做性能优化的?
    携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情。 前言 一个简单的情景模拟（千万别被带入）： A： 假设现在有 10 万条数据，你作为前端该怎么优化这种大
    前端 Vue.js 性能优化
    虚拟滚动是怎么做性能优化的?
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)