您的专属记事本 | HTML源码页面

效果展示

功能描述

1. 留言创建：用户可以在文本框中输入留言并提交
2. 留言展示：所有留言会按照时间顺序显示在页面上，每一条留言都包含时间戳和删除按钮
3. 数据持久化：使用浏览器的 localStorage存储留言数据，刷新页面后留言不会丢失
4. 视觉效果：标题有轻微的摆动效果；背景有动态粒子动画效果（可以与鼠标进行交互）

亮点功能及实现方式

• 动态粒子背景效果：

1. 实现方式：使用Canvas API创建动态粒子系统
2. 特点：粒子在屏幕上随机移动并反弹；粒子与粒子间有连线效果；使用固定颜色数组为粒子着色；鼠标靠近时粒子会有交互效果

• 标题动画效果：

1. 实现方式：使用CSS @keyframes 动画
2. 特点：标题有轻微的摇摆动画，用以增强视觉吸引力

• 数据持久化：

1. 实现方式：使用浏览器localStorage
2. 特点：留言数据以JSON格式存储；页面加载时自动从存储中读取并显示留言