Ladd Zhao - 个人主页

创造数字未来的代码艺术家 | 高级全栈开发者 & AI工程师

一个展示我的技能、项目和经历的高级个人网站，采用现代化设计和流畅动画效果。

🌐 在线访问 🌍 正式环境: https://laddzhao.github.io

📱 移动端: 完全响应式设计，支持所有设备

✨ 特性亮点

• 🎭 3D交互背景 - 使用Three.js创建的动态粒子系统
• 🌀 高级动画 - GSAP驱动的流畅过渡和滚动动画
• 📊 技能可视化 - 交互式技能图表展示
• 📱 完全响应式 - 在所有设备上完美显示
• 🎯 性能优化 - 快速加载，流畅体验
• 🌙 深色主题 - 科技感视觉设计
• ⚡ 现代技术栈 - 使用最新前端技术

🛠️ 技术栈

前端技术

库和框架

部署

🚀 快速开始

环境要求

• 现代浏览器（支持ES6+）
• 本地服务器（用于开发）

本地运行

1. 克隆项目

git clone https://github.com/laddzhao/laddzhao.github.io.git
cd laddzhao.github.io

laddzhao.github.io/
│
├── index.html              # 主页面文件
├── README.md               # 项目说明文档
│
├── assets/                 # 静态资源目录
│   ├── css/               # 样式文件
│   │   └── style.css      # 主样式文件
│   ├── js/                # JavaScript文件
│   │   ├── main.js        # 主逻辑文件
│   │   ├── three-scene.js # Three.js 3D场景
│   │   └── animations.js  # 动画逻辑
│   └── images/            # 图片资源
│       ├── avatar.png     # 头像
│       ├── projects/      # 项目截图
│       └── icons/         # 图标资源
│
├── components/             # 组件目录（如果使用组件化）
│   ├── header.html        # 头部组件
│   ├── footer.html        # 页脚组件
│   └── navigation.html    # 导航组件
│
└── LICENSE                # 开源许可证

动画效果

自定义光标跟随效果

滚动触发的元素动画

3D粒子背景动画

悬停交互反馈