BR 技术头条

技术头条

技术链接、资讯与社区分享流

fe fed.taobao.org / 2021-05-27 07:19 / by @技术头条 / 原作者：@淘系前端团队

响应至上：打造无卡顿的滚动列表

打开原文 0 条评论
在技术变化与发展如此之快的今天，web用户对页面的访问速度与响应度提出了越来越高的要求。

其中的“响应度”不仅仅是实现层面的问题，更是个设计问题，仅靠性能优化与更快的硬件是难以解决的。

本文以常见的「无尽滚动列表」场景为案例，阐述如何从交互的角度看待和提升用户体验的思路，提升页面的「响应度」。


赞过的人

@IT技术博客大学习

发表评论

相关分享

jo jokerbai.com / 2023-11-30 23:22

在Kubernetes中从0打造可观测性

在这篇文章中，我们将在Kubernetes中使用Grafana、Prometheus、Loki、Tempo、OpenTelemetry来搭建可观测性平台。其中Grafana作为操作面板，Prometheus、Loki、Tempo作为数据源，分别用来获取指标、日志以及跟踪数据。同时，我们还将使用Exemplars将trace_id与Java指标相关联，使用OpenTelemetry对应用进行检测。

查看详情
无图
an androidperformance.com / 2022-08-31 23:12

Systrace 响应速度实战 3 ：响应速度延伸知识

本文是响应速度系列的第三篇，主要是讲在使用 Systrace 分析应用响应速度问题的时候，其中的一些延伸知识，包括启动速度测试、Log 输出解读、Systrace 状态解读、三方启动库等内容。

查看详情
无图
an androidperformance.com / 2022-08-19 00:09

Systrace 流畅性实战 2 ：案例分析 - MIUI 桌面滑动卡顿分析

Systrace 作为分析卡顿问题的第一手工具，给开发者提供了一个从手机全局角度去看问题的方式，通过 Systrace 工具进行分析，我们可以大致确定卡顿问题的原因：是系统导致的还是应用自身的问题

当然 Systrace 作为一个工具，再进行深入的分析的时候就会有点力不从心，需要配合 TraceView + 源码来进一步定位和解决问题，最后再使用 Systrace 进行验证

所以本文更多地是讲如何发现和分析卡顿问题，至于如何解决，就需要后续自己寻找合适的解决方案了，比如对比竞品的 Systrace 表现、优化代码逻辑、优化系统调度、优化布局等

查看详情
无图
an androidperformance.com / 2022-08-19 00:08

Systrace 流畅性实战 1 ：了解卡顿原理

当我们说 流畅度 的时候，我们说的是什么？不同的人对流畅性(卡顿掉帧)有不同的理解，对卡顿阈值也有不同的感知，所以有必要在开始这个系列文章之前，先把涉及到的内容说清楚，防止出现不同的理解，也方便大家带着问题去看这几篇问题，下面是一些基本的说明。

查看详情
无图
ip www.ipcpu.com / 2022-07-24 20:59

Python的list列表详解

Python list(列表)，是Python中最常用的一种数据结构，它是一组用方括号括起来、逗号分隔的数据。 列表的元素可以是任何类型的，但使用时通常各个元素的类型是相同的。 列表支持加入不同数据类型的元素：数字、字符串、列表、元组等。 列表是可变的，因此即使在创建后也可以对其进行更改。 Python中的列表是有序的，并且有一定数量。 根据确定的序列对列表中的元素进行索引，并使用0作为第一个索引来完成列表的索引。

查看详情
无图
on onevcat.com / 2022-07-24 20:51

用树莓派打造一个超薄魔镜的简单教程

本来买了一个树莓派打算架个 Nextcloud，实际弄好以后发现并不是很用得上。眼看新买的树莓派就要沦为吃灰大军中的一员，实在不甘心。正好家里有一面穿衣镜，趁机改造一下，做成了一个 Magic Mirror。

有一些朋友好奇是怎么做到的，也会想要自己动手做一个类似的。这篇文章里我简单把这个镜子用到的材料、一些基本步骤和自己遇到的一些坑记录下来，通过说明整个过程，为大家提供参考。

这篇文章不会是一个手把手一步步教你做的教程。如果你也想要制作一个你自己的魔镜，最好是根据自己的情况和现实需要选取材料，这样会更贴合你自己的需求，也能让整个过程更有乐趣。

查看详情
无图
mp mp.weixin.qq.com / 2022-02-27 21:01

手把手教你打造一款高逼格的Vim神器

Vim 是一个上古神器，本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项，以及持续分享一个前端工作者不得不安装的一些插件，而关于 Vim 的简介，主题的选择，以及为何使用 vim-plug 来管理插件等内容，有兴趣的同学下来可以自己了解和对比下。

查看详情
无图