2026-第九周

该周报主要为各个地方内容的汇总整理

技术

网络上的精灵图

本文介绍了 CSS 中一种使用雪碧图（spritesheet）实现动画的技术，包括其原理、实现步骤、适用场景以及与现代动画技术的对比。

• 🐦 起源：Twitter 在 2015 年为了在低端设备上实现“点赞”动画，采用了游戏开发中的雪碧图技术，而非使用大量 DOM 元素。
• 🖼️ 原理：将动画的所有帧合并到一张图片中，通过 CSS 控制显示区域，快速切换帧以形成动画效果。
• 🛠️ 实现：使用<img>标签，结合object-fit: cover和object-position属性，通过steps()计时函数实现帧的离散切换。
• ⚙️ 细节：steps()函数的jump-none参数可确保循环动画包含最后一帧，避免跳跃。
• ⚖️ 权衡：雪碧图适合重复性、预渲染的动画（如游戏角色），但缺乏程序化动画的随机性和灵活性。
• 🎨 应用：适用于风格化、像素艺术或需要复杂序列帧的动画，例如博客中的交互式角色动画。
• 🚀 现代替代：随着设备性能提升，程序化生成动画（如粒子效果）已成为更动态、更生动的选择。

工具

skills-npm

skills-npm 是一个命令行工具，用于从 npm 包中自动发现并创建智能体（agent）技能的符号链接，解决现有技能分发方案（如仅支持 Git 源、版本不匹配、手动管理等问题）。它通过约定将技能内置在 npm 包中，实现安装依赖时自动同步技能，支持灵活配置和多种代理工具。

• 🔧 功能定位 – 通过 CLI 从 npm 包中发现智能体技能并创建符号链接，供编码智能体使用。
• 📦 解决痛点 – 克服 Git 源限制、版本不兼容、手动管理繁琐及团队共享成本高等问题。
• ⚙️ 便捷使用 – 安装后添加 prepare 脚本即可自动链接技能，支持通过配置文件自定义来源、代理、包含/排除项等。
• 🛠️ 开发者支持 – 包作者可通过在项目中添加 skills/ 目录来内置技能，便于分发。
• 🌟 应用示例 – 已有多款包（如 @slidev/cli、@vueuse/skills 等）内置技能，支持社区贡献扩展。

更新

设计

AI

其他

如何战胜决策疲劳 - 菲尔·麦金尼工作室

决策疲劳并非大脑停止工作，而是大脑在疲惫时悄悄降低标准却不告知你。这会导致人们在长时间用脑后做出更差的选择，因为大脑开始优先选择省力而非准确的方案。

• 🧠 决策疲劳的真相：大脑不会像电池一样耗尽能量，而是在持续努力后转向优先追求速度和省力，而非准确性。
• ⚕️ 现实影响：研究显示，医生在下午更易开不必要的抗生素，外科医生在晚些时候更保守，手部卫生遵守率随班次下降。
• 🚨 四个预警信号：默认倾向（接受平庸方案）、易怒情绪、走捷径反射（依赖直觉）、放弃思考（乐于接受他人结论）。
• 🛡️ 四个应对策略：推迟决定至精力充沛时；缩小决定范围；设置复查点；预先承诺（为疲惫时的自己设定规则）。
• 🔋 恢复的重要性：疲劳并非不可避免，真正休息和恢复才能补充决策能量，领导者带头休息能提升团队整体判断力。
• ⏳ 紧迫性与陷阱：有时截止日期是真实的，有时却是人为制造以迫使疲惫的你仓促决定，需学会区分。

238. 软件之死？不。

AI 不会终结软件，而是改变软件的内容与开发者，但软件需求将大幅增长。文章通过回顾个人电脑、零售和媒体三大领域的转型历史，说明技术变革往往带来扩张而非取代，新工具和领域经验将变得更加重要，同时创新与淘汰并存，但整体发展需要时间和耐心。

• 💻 个人电脑的普及并未消灭大型机，反而推动了数据中心和云计算的发展，命令行界面至今仍是基础
• 🛒 在线零售并未摧毁实体零售，而是催生了全渠道模式，亚马逊和沃尔玛以不同方式主导市场
• 📺 媒体行业历经多次“消亡”预言，却通过流媒体、用户生成内容等形式爆发式增长，内容总量远超以往
• 🚀 AI 将推动软件数量激增，因为它能解决尚未满足的广泛需求，从个人工具到企业系统
• 🔧 AI 软件将向上整合到产品栈中，就像软件融入银行、旅游等行业，催生新旧公司的变革
• 🛠️ AI 将创造实现新功能的新工具，改善工作、协作和交通等众多尚未数字化的领域
• 🧠 领域经验变得至关重要，因为各行业将变得更加复杂，客户和从业者都需要更高技能
• ⏳ 转型周期远长于预期，需要耐心；部分公司会被淘汰，但整体行业将扩大并多样化