标签： pressure

发布于

JavaScript 里的 ‘Memory Pressure’ 信号：浏览器如何通知 JS 引擎在 OOM 前进行强制压缩 GC？

讲座题目：JavaScript的“内存压力”信号：浏览器如何与JS引擎的“瘦身”大作战 主讲人：资深编程专家，代码小能手 时间：2023年某月某日 地点：线上直播间/线下技术沙龙 第一幕：内存的海洋 各位亲爱的程序猿们，大家好！今天我们来聊一聊一个看似枯燥，实则充满奥秘的话题——内存压力信号。想象一下，我们的JavaScript代码就像是一艘航行在浩瀚内存海洋中的小船，而内存压力信号就像是海上的灯塔，提醒着我们即将驶向风暴。 第二幕：内存的舞蹈 在JavaScript的世界里，内存就像是一群翩翩起舞的精灵，时而欢快，时而忧郁。它们在栈上跳跃，在堆上穿梭，创造出一个个神奇的魔法。然而，这美丽的舞蹈背后，隐藏着一个潜在的危机——内存泄漏。 第三幕：内存泄漏的幽灵 内存泄漏就像是一个幽灵，悄悄地潜伏在我们的代码中。它吸取着内存的精华，却从不吐出任何废物。当内存泄漏积累到一定程度时，我们的JavaScript小船就会因为超载而沉没，这就是传说中的“内存溢出”（Out of Memory，简称OOM）。 第四幕：内存压力信号的诞生 为了拯救我们的JavaScript小船，浏览器们想出了一个绝妙的 …

继续阅读“JavaScript 里的 ‘Memory Pressure’ 信号：浏览器如何通知 JS 引擎在 OOM 前进行强制压缩 GC？”

发布于

垃圾回收压力（GC Pressure）：频繁创建临时对象导致的 UI 掉帧分析

垃圾回收压力（GC Pressure）：频繁创建临时对象导致的 UI 掉帧分析 各位开发者朋友，大家好！今天我们来深入探讨一个在移动端开发中非常常见、但又容易被忽视的问题——垃圾回收压力（GC Pressure）。这个问题看似“幕后”，实则直接影响用户体验的核心指标：UI 帧率（FPS）。 如果你曾遇到过 Android 应用或 Flutter 应用卡顿、掉帧、动画不流畅的情况，而 CPU 和内存占用并不高，那很可能就是 GC 压力过大造成的。我们今天的目标是： 理解什么是 GC Pressure； 分析它如何影响 UI 性能； 通过真实代码案例演示问题根源； 提供可落地的优化策略与实践建议。 一、什么是 GC Pressure？ 定义 GC Pressure（垃圾回收压力） 是指应用程序频繁地生成临时对象，这些对象很快变成垃圾，触发 JVM 或 Dart VM 的垃圾回收机制（Garbage Collection），从而导致主线程暂停（STW, Stop-The-World），进而引发 UI 掉帧。 📌 注意：这不是内存泄漏问题，而是短期大量对象生命周期短 + 高频创建/销毁所引发的 …

继续阅读“垃圾回收压力（GC Pressure）：频繁创建临时对象导致的 UI 掉帧分析”

发布于

CSS `Pressure Sensitive Displays` (压感显示) 结合 `font-variation-settings` 改变字体粗细

哈喽！各位观众老爷们，今天咱们来聊点刺激的——CSS压感显示结合font-variation-settings玩转字体粗细！这可不是什么花拳绣腿，而是能让你网页排版瞬间高大上的黑科技！准备好了吗？系好安全带，咱们发车啦！ 第一站：压感显示，是啥玩意？ 首先，我们要搞清楚什么是“压感显示”。简单来说，它就是指屏幕能感知你手指按压的力度，并根据这个力度做出不同的反应。比如，你轻轻一点，可能只是选中；用力一按，就直接打开了。 虽然目前在桌面端网页应用中，压感显示的应用还不是特别普及（毕竟谁没事在电脑屏幕上用力戳戳戳呢？），但在支持压感笔的设备（比如平板电脑）上，或者未来的触摸屏设备上，这玩意儿的潜力可大了！ 想象一下，你在一个设计网站上用压感笔画画，笔尖越用力，线条就越粗，这感觉是不是很棒？或者在一个阅读App里，你按压屏幕的力度越大，字体就越粗，方便你集中注意力，简直不要太贴心！ 第二站：font-variation-settings，字体的变形金刚！ 接下来，我们来认识一下font-variation-settings。这玩意儿是CSS里专门用来控制可变字体的。 什么叫可变字体？传统的字 …

继续阅读“CSS `Pressure Sensitive Displays` (压感显示) 结合 `font-variation-settings` 改变字体粗细”