小周记第 15 期（2024-08-26）
程序员阅读清单、CSS滚动动画、深入理解预加载、CSS 炫酷光晕按钮特效
Articles & Tutorials
程序员阅读清单：我喜欢的 100 篇技术文章（1-20） | Piglei
程序员们也许是互联网上最爱分享的群体之一，他们不仅喜欢开源自己写的软件，也爱通过写文章来分享知识。本文分享了作者从业以来阅读过的佳作文章。在这些文章中，有些凭借深刻的技术洞见令人深受启发，也有些以庖丁解牛般的精湛手法解释一项技术，让人读后大呼过瘾。这是系列文章的第一篇。
不能落后，好好缕缕 CSS 滚动动画 « 张鑫旭-鑫空间-鑫生活
本文介绍了 CSS 滚动动画相关属性：scroll-timeline、view-timeline、animation-timeline。
在性能优化过程中，开发者通常会集中精力在以下几个方面：服务器响应时间（RT）优化、服务端渲染（SSR）与客户端渲染优化、以及静态资源体积的减少。然而，对于许多用户进入网站的第一个页面（如首页），网络开销也是一个不容忽视的问题。
由于新用户可能从未与网站建立连接，从 DNS 查询到 TCP 连接，再到下载服务器返回的内容，这些步骤的耗时通常远远超过服务器的响应时间。而多数情况下开发者无法通过代码优化来减少这部分时间消耗。
为了解决新用户访问网站时可能遇到的网络开销问题，我们可以借助多种预加载技术在用户实际需要之前提前加载资源，从而减少等待时间，实现更流畅的用户体验。本文将详细探讨几种常见的预加载方法，并在 prefetch、preload 等基础上，结合流式渲染、HTTP Early Hints、HTTP/2 push 等技术，对预加载技术灵活运用，从而在用户到达网站的瞬间就提供无缝、快速的访问体验。
Code & Tools
前端 - CSS 炫酷光晕按钮特效 - 南城FE - SegmentFault 思否
本文介绍如何用 CSS 制作一个很炫酷的发光按钮特效：鼠标悬停时，按钮呈现旋转动画发光的效果，这样的动画效果可以显著提升用户体验和视觉吸引力。