当青训营遇上码上掘金
作为一名前端小白刚接触前端，个人感觉是知识量特别大，但是难度相比其他而言并不是很难，所以只要肯付出时间，收获肯定是不少的。恰好这次遇上字节跳动青训营这个机会，再通过网上各方面的学习资料，现在已经具备制作一个的网页的水平了，同时作为一名未来的程序员，用代码介绍自己也是一件很cool的事，所以在此，打算写一个个人介绍名片，顺便体现一下近期的学习成果，当然，为了保护个人隐私，在此以我喜欢的动画人物派大星为对象进行创作。
首先呢，我先设计好大体布局，主要由一个tab栏，一个展示栏，一个广告栏，还有一个动画栏组成。
其中tab栏靠右，边框椭圆，背景蓝色，里面有4给子元素，分别是“名片”“身份”“成长”“感悟”，这4个元素呢均设计了鼠标触碰会有一个悬浮的效果，并会把子元素的底色改为橙色，起到显眼的效果，哦，在悬浮的同时还会有阴影，而且，点击每一个子元素底下的展示区就会切换相应的板块，一开始默认是名片这个板块。
如上所述，展示区有4个div，一开始的时候其他3个div隐藏，从tab栏选择子元素后，会显示对应的div，同时隐藏之前的div。第一个div是一张明信片图片；第二个是一段文字描述同时附有雪花的飘落的动态背景；第三个是一个旋转相册，当鼠标触碰时，相册会打开扩大，照片是海绵宝宝动画里的建筑；第四个是派大星接电话的视频片段。
广告栏是通过精灵图循环获取得到的一个派大星照片集合，同时附带叉叉按钮，并一直粘在浏览器窗口右上角。
动画栏是一个派大星模型上下走动，模型是由几张照片通过css制作的一个走路动画，照片由ps从一张变成5张。
