首页 文章 精选 留言 我的

精选列表

搜索[AI录音卡],共10000篇文章
优秀的个人博客,低调大师

从一次页面卡顿排查讲清 requestAnimationFrame 与 setTimeout 的本质区别

一个后台管理页面在滚动时明显掉帧,尤其是表格数据多的时候。用 Chrome Performance 录制后发现,滚动事件处理函数里用了 setTimeout 做节流,间隔设为 16ms,期望达到 60fps。但实际帧率波动很大,主线程上 setTimeout 回调经常和渲染任务撞在一起,导致部分帧被跳过。换成 requestAnimationFrame 后滚动顺滑了很多。这个问题背后涉及浏览器事件循环、渲染时机以及两种调度方式的根本差异。本文会从实际代码出发,分析 setTimeout 在动画和滚动场景下为什么不可靠,requestAnimationFrame 如何与刷新率对齐,以及两者在后台标签页、高频触发下的不同行为,最后给出具体的替换策略和注意事项。

优秀的个人博客,低调大师

移动端 H5 长列表不卡顿:虚拟滚动的原理与工程落地

移动端 H5 里最常见的卡顿场景,就是长列表:订单记录、聊天消息、商品列表、数据明细,动辄上千条。直接把所有节点渲染进 DOM,Android 低端机上列表滑动会明显掉帧,iOS 上内存也会被大量离屏节点吃满。虚拟滚动(窗口化渲染)的思路是:只渲染可视区域附近的一小批节点,其余用空白占位,滚动时按需重建。本文讲清楚它为什么有效、实现时有哪些必须处理的坑,以及一套可直接抄走的移动端方案。

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册