响应至上：打造无卡顿的滚动列表--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

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

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

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

点击查看原文 >>

由 @技术头条 2021-05-27 07:19 / 原作者微博：@淘系前端团队 / 0个评论

赞过的人： @IT技术博客大学习

在Kubernetes中从0打造可观测性 (jokerbai.com)

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

by @技术头条 2023-11-30 23:22 查看详情

Systrace 响应速度实战 3 ：响应速度延伸知识 (androidperformance.com)

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

by @技术头条 2022-08-31 23:12 查看详情

Systrace 响应速度实战 2 ：响应速度实战分析-以启动速度为例 (androidperformance.com)

本文是响应速度系列的第二篇，主要是以 Android App 冷启动为例，讲解如何使用 Systrace 来分析 App 冷启动。

by @技术头条 2022-08-31 23:12 查看详情

Systrace 响应速度实战 1 ：了解响应速度原理 (androidperformance.com)

本文是响应速度系列的第一篇，主要是讲响应速度相关的理论知识，包括性能工程概述、响应速度涉及到的知识点、响应速度的分析方法和套路等。

by @技术头条 2022-08-31 23:12 查看详情

Systrace 流畅性实战 3 ：卡顿分析过程中的一些疑问 (androidperformance.com)

Systrace (Perfetto) 工具的基本使用如果还不是很熟悉，那么需要优先去补一下上面列出的 Systrace 基础知识系列，本文假设你已经熟悉 Systrace(Perfetto)的使用了

by @技术头条 2022-08-19 00:10 查看详情

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

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

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

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

by @技术头条 2022-08-19 00:09 查看详情

Systrace 流畅性实战 1 ：了解卡顿原理 (androidperformance.com)

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

by @技术头条 2022-08-19 00:08 查看详情

Python的list列表详解 (www.ipcpu.com)

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

by @技术头条 2022-07-24 20:59 查看详情

用树莓派打造一个超薄魔镜的简单教程 (onevcat.com)

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

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

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

by @技术头条 2022-07-24 20:51 查看详情

手把手教你打造一款高逼格的Vim神器 (mp.weixin.qq.com)

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

by @code小生 2022-02-27 21:01 查看详情