个人前端作品集网站产品系统Vibe Coding

这是我的个人前端作品集网站，旨在展示我的前端开发能力和项目经验。
项目采用HTML5/CSS3/JavaScript原生技术栈开发，实现了响应式布局，
支持手机/平板/电脑多端适配。包含个人介绍、技术栈展示、项目卡片、
联系方式等模块。页面风格简洁现代，代码结构清晰，适合作为前端开发
求职或接单的展示案例。

我的前端作品集网站包含以下功能模块：

1. 个人介绍模块：展示我的基本信息、求职方向和联系方式，让访客快速了解我的背景。

2. 技术栈展示模块：以标签形式列出我掌握的HTML5、CSS3、JavaScript、Vue、响应式设计等前端技术，便于需求方匹配技术需求。

3. 项目作品展示模块：以卡片网格形式展示我的三个前端项目——待办应用、天气小窗和品牌落地页。每个卡片包含项目名称、功能描述、使用技术栈和预览链接，访客可以点击查看项目详情。

4. 联系方式模块：提供邮箱、微信等联系方式，方便潜在客户或雇主与我沟通合作。

整个页面采用响应式设计，在手机、平板和电脑上都能正常浏览，代码结构清晰，便于后续维护和扩展。

我负责这个作品集网站的完整开发工作，包括：

1. 页面设计与布局：从零开始设计整体视觉风格，使用Flex和Grid布局实现页面的响应式适配，确保在不同设备上都有良好的浏览体验。

2. 前端开发：使用原生HTML5、CSS3和JavaScript实现所有交互效果，包括导航栏滚动、平滑锚点跳转、项目卡片悬停动画等。

3. 技术栈：纯原生三件套（HTML/CSS/JS），未使用任何框架或第三方库，代码轻量且加载速度快。亮点包括：渐变文字效果、毛玻璃导航栏、卡片悬停动画、移动端适配。

4. 难点解决：主要难点在于移动端适配和不同屏幕尺寸下的网格布局调整。通过CSS Grid的auto-fill和媒体查询，实现了跨设备的自适应展示。

5. 部署上线：通过GitHub Pages完成部署，作品集链接为：https://MrYangMrYangMrYang.github.io