当青训营遇上码上掘金，这两者结合起来，会发生怎么样的碰撞呢？在参与了青训营的期间，不仅学到了前端的许多知识，更是了解到了以前从未接触过的领域和知识。正愁着没有地方可以初步检验自己的学习成果的时候，此时发布了一个活动--码上掘金。这个活动要求青训营的学员们选择其中一个主题进行编码。我选择的是主题“我的名片”，接下来我简单介绍我的编码思路和想法。
首先是整体的风格。既然作为我的个人名片，我希望我能够向大家介绍的是我的一些兴趣爱好、个人性格以及生活上喜欢做的事情为主，因为我并不想做成一个招聘简历那样。所以我整体采用了一个偏向简约版的风格。我使用了一些简单的ICON小图标，以此能够代表我的一些生活习惯和兴趣爱好，然后在每个小图标下面配上我对应内容的一些扩展和讲解，以便于观看我的名片的人能够更好的理解我和认识我。
紧接着是一些我个人喜欢的小套路。我的“我的名片”的网页上，制作了一个很传统的顶部导航栏，里面有更详细的内容可以去给一个跳转的按钮。但是传统的跳转内容其实是非常死板的，没有与用户进行一些交互的部分和内容。所以我给我的顶部导航栏里面的每个可以点击跳转的文字下面加上了一个加载进度条。这个加载条是完全使用了CSS去编写的，详细的内容大家可以看我发布的代码。这样的一个简单的加载进度条，可以给点进网页的人一个眼前一亮的感觉，颇具特色。
