余弦の博客

Remotion 停止自研转赞助 Mediabunny；npm 作者 Qix 与 DuckDB 团队相继账号被黑，多个热门包被注入恶意代码，引发供应链安全危机。文章方面涵盖字体特性、React Native 新架构迁移、ES2023 安全数组方法、Rust 构建的 JS 运行时 Andromeda、CSS 折射与色彩动态技巧等。趣味工具包括 SVG Path 编辑器、动画优先的 ForgeUI、图像对比库 BlazeDiff 等。Deno 2.5 版本更新权限管理。

本文围绕前端发展的“变”与“不变”展开：一方面，外在技术形态如 CSS 标准、构建工具和框架在持续迭代；另一方面，核心设计思想如状态管理、组件分解、渲染优化和可维护性却始终存在。文章提醒开发者要在技术潮流中抓住长期有效的原则，并同时关注前端作为创意表达的特质。后续内容还收录了生态动态、CSS 新特性、社区文章、趣味项目及手办分享，展现了前端社区的活跃与多元。

觉得之前的想法还挺有意思的，决定润色润色放进博客里水一篇。这个标题听着好唬人，其实各行各业都适用。 前阵子看到有人讨论 “如何系统性地学习前端”，提到很多前端架构层面的东西多年未变，更应该关注整体架构设计和代码复杂度的控制。 我很赞同这个说法，不过我也想补充几点。前端其实是个非常宽泛的领域，细分下去有 toC 前端、toB 前端、基建前端、WebGL 前端等等。想要系统学习，首先得明确方向：是专注用户体验，还是深耕业务逻辑，或是投入工具链开发？不同方向要深耕的内容截然不同。 此外，前端并不是一成不变的。用户也不只有企业系统的用户，还有很多专注于创意表达、视觉展示的类型。游戏前端是前端，未来的...

本期聚焦 Nx 供应链投毒、Remix v3 转向 Preact、Firefox 实验 PWA 与 Chrome DevTools 网络面板 AI。实践与教程涵盖 sendBeacon 上报、字体加载最佳实践、hidden=until-found、Big O 与 Semver 性能。CSS 专题包括 interpolate-size、corner-shape、Anchor Positioning、纯 CSS 电梯与 clip/offset-path 深入。工具与版本侧有 CSS HDR Gradients、LiftKit、electron-liquid-glass、Uppy，以及 ESLint 并行、Zod Codecs、Node 24.7、Rspack 1.5 与 Prisma 6.15

本周前端周刊汇总 Next.js 15.5、ReactNative 0.81、TC39 进展与 Win11 补丁争议，推荐 RSC 实践、Chrome 内置 AI API、LLM 局限等文章及多款工具库。

本周前端周刊介绍了 GitHub CEO 辞职、微软关闭 Lens、RSLint 发布等动态，聚焦 CSS attr()、anchor positioning、PostCSS 经验复盘、AI 工具实践、开源项目的演进与社区思考。工具推荐包括 CSS-Questions、self.so、Online CSS Analyzer、Omnara AI 监工等，有实用 CSS 新特性与开发资源。

本期周刊聚焦生态与社区动态，亮点包括 V8 引擎提升 JSON.stringify 性能两倍，Vite npm 周下载量首超 Webpack，Vite 生态如 Rolldown 启动提速和 Oxlint 类型检查进展。内容涵盖 npm、Deno 社区新闻、新发布 CSS 特性、深度文章（如 Tree Shaking、RAG、字符编码）及 AwesomeIndex、Kibo UI 等工具库更新。

从上个月 9 号开始从 Cursor 转使用 Claude Code 也快一个月了，我算是中度使用，也轻松回本（20$ 一个月），现在 Cursor 就主要负责 tab 补全了，日常全是 Claude Code 更好用，下面是 ccusage 截图。 太太太太太爽了，用 sonnet-4 对我来说已经足矣，很聪明，下面记录一下日常使用的小技巧。本篇没什么干货，只有一些记录～ # 小知识 从 6 Weeks of Claude Code - Puzzmo Blog 和 How I use Claude Code (+ my best tips)...

本期为 FE Bits 前端周周谈创刊号，精选并总结了过去一周全球泛前端生态的新动向、重要技术动态、文章推荐、工具和代码库更新，以及深入分析几篇行业高质量内容。内容涵盖 TypeScript、React、CSS Masonry、Web 安全、Node.js/Bun、新一代前端架构（Remix 3）、Web 交互特效、独立开发实践等。

# 前言及示例 事情是这样的，最近逐渐想把之前做过的一些交互特性和 webgl 相关的 demo 收集一下，写几篇博客进行记录，虽然还有很多不足，比如性能等都亟需优化，也欢迎各种指正。这是第一篇，下一篇是这个的基础上进行修改的另一个粒子系统。 第一个讲的是这个效果：Particles to Image，以下实践是在这个的基础上进行修改、重构得来的，有兴趣可以去看看原代码。 重构、移植到 react 和加入 ts...