大家好我是刘跃坤一名前端开发工程师最近自己从0到1做了一个个人作品集网站用来展示项目和简历。一、项目背景在找实习/接单过程中我发现一个问题 简历很难直观展示能力 面试官更希望看到真实项目所以我决定自己做一个「作品集网站」。二、技术选型本项目主要使用Vue3Composition APIVite 构建工具CSS3 动效clip-path 实现交互效果响应式布局三、核心功能1️⃣ 交互动画效果通过clip-path实现鼠标跟随效果maskEffect(){constsizethis.showOverlay?200:0return{clip-path:circle(${size}px at${this.pointer.x}px${this.pointer.y}px)}}2️⃣ 简历翻转动画使用 3D transform 实现页面翻转.stage-flipper{transform-style:preserve-3d;}.visual-stage.is-flipped.stage-flipper{transform:rotateX(-180deg);}3️⃣ 自动滚动简历this.scrollTimersetInterval((){container.scrollTop0.4},30)四、项目展示 我的个人网站https://liuyuekun.asia包含完整项目展示和个人简历五、总结通过这个项目我主要提升了Vue3 实战能力页面交互设计能力前端工程化经验如果你也是前端开发欢迎交流学习如果觉得文章有帮助欢迎点赞 收藏 ⭐