FONTAINE · 水色手记

在枫丹的午后
写下一页页温柔

日记 · 随笔 · 技术分享 —— 一个属于 yuuu 的小小水之国度。

开始阅读全部归档

文章数: 12; 篇文章
标签数: 25; 个标签
分类数: 3; 个分类

LATEST

最新手记共 12 篇

全部归档 →

分类

开

置顶日记2024 年 5 月 20 日

开博啦 · 在枫丹的第一页

终于把这个小站搭起来了。用 Astro 从零重构，主题依旧是芙宁娜，但这一次是「零 JS 优先」。

#生活 #开始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 月 15 日

一个很安静的早上

六点半自然醒，没有闹钟。煮了咖啡，读完了一本书的最后一章。

#生活 #早晨1 分钟 →

个

技术2024 年 8 月 10 日

10 个我常用的 JavaScript 数组技巧

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

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

雨

日记2024 年 7 月 21 日

雨天、热可可，和楼下那只猫

下了一整天的雨，没出门，写了点代码，煮了一杯热可可，还遇到了一只三花猫。

#生活 #天气 #猫1 分钟 →

用

技术2024 年 7 月 5 日

用 CSS 做一块「枫丹玻璃」

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

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

已显示最近 10 篇

在枫丹的午后写下一页页温柔

在枫丹的午后
写下一页页温柔