yuuu · 在枫丹的午后写点什么

FONTAINE · FURINA

yuuu

10 篇 · 22 标签 · 2 分类

下滑

LATEST

最新手记共 10 篇

全部归档 →

分类

随笔新2026 年 9 月 16 日

yuuu的第一篇文章

正文写在这里。 hello yuuuer

#闲聊1 分钟 →

技术2024 年 9 月 16 日

用 Astro 重构一个博客：从手写静态站到零 JS

记录一次彻底的重构：为什么放弃手写方案、Astro 的岛屿架构到底省掉了什么、以及怎么把首屏 JS 压到 10KB 以内。

#Astro #前端 #性能1 分钟 →

技术2024 年 9 月 14 日

用 Pagefind 给静态博客加全文搜索

静态站点也能有实时全文搜索。Pagefind 在构建后扫描 dist 目录生成分片索引，用户聚焦搜索框时才下载，首屏一点 JS 都不占。

#Pagefind #搜索 #性能1 分钟 →

技术2024 年 9 月 10 日

Tailwind 4 的 @theme inline 与运行时换主题

Tailwind 4 改成 CSS-first 配置后，怎么让工具类跟着 data-theme 实时变化？答案是 @theme inline 加上 CSS custom properties。

#Tailwind #CSS #主题1 分钟 →

技术2024 年 9 月 5 日

零 JavaScript 的页面切换动画

不引入任何动画库，用浏览器原生的 View Transitions API，多页应用也能有丝滑的转场。三行 CSS 搞定。

#CSS #动画 #View Transitions1 分钟 →

随笔2024 年 8 月 28 日

读《献给阿尔吉农的花束》

一本用日记体写成的科幻小说。一个人从愚笨变聪明，再变回愚笨，而记录这一切的，正是他自己越来越短的日记。

#读书 #随笔 #测试1 分钟 →

技术2024 年 8 月 10 日

10 个我常用的 JavaScript 数组技巧

写业务代码的时候数组操作占了三分之一。整理一份日常最常用的写法，附一张「会不会改变原数组」的速查表。

#JavaScript #前端 #技巧1 分钟 →

技术2024 年 7 月 5 日

用 CSS 做一块「枫丹玻璃」

玻璃拟态的三个关键属性：半透明背景、背景模糊、细高光边框。附一份可以直接抄的代码，以及一个性能警告。

#CSS #前端 #设计1 分钟 →

随笔2024 年 6 月 18 日

歌剧、水，与一个不肯谢幕的人

关于芙宁娜的一些漫谈。她演了五百年，最后终于可以做一个普通人。

#原神 #芙宁娜 #随想1 分钟 →

技术2024 年 6 月 2 日

重新整理一次前端开发环境

换电脑之后重新搭了一遍开发环境，把用到的东西和踩过的坑记下来，方便下次直接抄。

#工具链 #Node #前端1 分钟 →

已经到底啦