当青训营遇上码上掘金
每个人都是独立的个体，他们都有着不一样的人生和不一样的成就，我们要塑造自己的个人形象，给其他人良好的第一印象，塑造个性鲜明的便签会让别人更容易、更快速的记住你。
灵感来源
此次的灵感主要来源于网易云音乐，我个人也是音乐爱好者，特别喜欢唯美的东西，所以我结合音乐的美感而创作我的个人名片，我觉得这也是我对自己的认可。这个是我的全部代码
页面布局
采用背景图和内容信息重叠的效果来显示，层次感分明，能够突出体现重要之处，布局主要使用flex流式布局，flex布局的适配性很强，减少了很多不必要的代码元素，其容易上手，根据flex规则很容易达到某个布局效果。弹性布局在网页中实现快速分配比例，盒子快速对齐优势很大，因为通过简单的几个属性就可以实现，进而减少我们设置具体值。在写移动端页面(包括PC端页面)的时候，flex布局是最好的选择。
页面样式
在css3中引入了背景色渐变的属性，background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);，CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。
内容信息
在名片中需要明显的展示自己的个人信息，如果信息模糊或者不清晰容易导致别人的印象感差，联系方式和地址信息需要明确说明，还有名字年龄，由于个人隐私我就不展示自己的姓名。点击我的头像可以跳转到我的掘金个人中心。
let info = document.querySelector('.name')
info.addEventListener('click',()=>{
window.location.href="https://juejin.cn/user/1104328599275517";
})
总结
本次主题创作也是我第一次的个人创作，对我的感触很深，此次创作还是有一些不足之处，需要多多学习改进，js的性能很强，通过它会有更多不一样的效果，我会更加的去学习
[码上掘金链接](VbhExVtA - 码上掘金 (juejin.cn))
