Featured
Cookie 安全三属性：HttpOnly、Secure、SameSite 分别防什么？
Cookie 是 Web 中最古老的状态管理机制，也是前端安全中最容易被忽视的薄弱环节。今天就让我们来一起来复习下 Cookie 的三个属性HttpOnly、Secure、SameSite 分别防什么？为什么缺了任意一个都可能导致安全漏洞？
Mizuki_Miru
All Posts
博客
Featured
文章编辑器全功能特性手册
面向作者的完整功能参考。编辑器为 Tiptap 富文本
Mizuki_Miru
№ 04
frontend / performance / ssr
Violet 与 Yggdrasil 性能实测：首屏速度与长文并发
用 36 次真实浏览器加载与 273 次有界 HTTP/2 请求，对比两站首页和同文长文的显示速度、缓存状态与并发长尾，解释封面晚发起、字体失败和全部 200 背后的性能差异，并给出可展开的优化建议。
Mizuki_Miru
№ 05
developer-tools
kite 开发进度看板
kite 已经开发了哪些接口、哪些在做、接下来做什么。接口清单由代码自动生成。
Mizuki_Miru
№ 06
frontend / react / ssr
@violetjs/react-tweet：把推文当数据渲染，而不是嵌一段脚本
介绍原生 React 推文卡片 @violetjs/react-tweet：数据与展示的分界、正文纯文本与不可用三态的实测输出、渲染确定性，与 Vercel react-tweet 的差异，以及取数的边界与上手顺序。
Mizuki_Miru
№ 07
frontend / data-visualization / developer-tools
Inkline：给 SVG 和 Canvas 一支「像人在画」的笔
介绍手绘风格矢量绘图库 @violetjs/inkline：它与「加点抖动」有何不同，最小 jerk 轨迹等算法的出处，id 派生随机带来的局部稳定（含实测对比），与 Rough.js 的取舍，以及上手方式与边界。
Mizuki_Miru
№ 08
frontend / react / ssr
React Tweet：在博客里把推文获取、快照与展示分开
原生 React 推文卡片不只是把 iframe 换成组件。以 @violetjs/react-tweet 为例，说明如何分开外部取数、快照与展示，为什么可用性必须先于正文渲染，以及 SSR、客户端加载和媒体请求各自保留哪些边界。
Mizuki_Miru
№ 09
frontend / data-visualization / developer-tools
手绘不只是随机抖动：Inkline 如何生成可重放的笔墨
手绘质感不仅来自坐标偏移，还来自分笔、运笔和笔尖对压力的响应。沿着 Inkline 的生成流程，理解几何、手法、笔与填充的分工，以及稳定随机为什么能让 SVG、Canvas 和绘制动画共享同一份结果。
Mizuki_Miru
№ 10
ci-cd / deploy
Violet 的 CI/CD：从合并代码到生产发布
从并行 PR 的版本意图开始，串起固定 SHA 的检查与构建、镜像 digest、生产互斥、数据库迁移和失败恢复，解释 Violet 如何让发布记录与实际运行状态对应。
Mizuki_Miru