背景前段时间闲下来，开始做一件一直想做的事情——简历。闲暇之余折腾了几天，终于做出来了。Github项目地址：https://github.com/eternityspring/eternityspring.github.io需求源一般在各个招聘网站上。我们填写一些信息后，网站可以帮我们生成一份非常不错的简历。但是作为开发人员，尤其是前端开发人员，你可能对这种简历并不满意。这个时候相信很多同胞都希望自己制作一份非常漂亮的网页版简历：与众不同，有自己的风格，区别于流行的简历风格。反应灵敏，易于在移动、pad和pc平台上浏览。可打印，不仅可以在浏览器中很好的展示，还可以在需要的时候方便的打印出来。有了这样一份简历，无论走到哪里，如果有人问你，你都可以选择拿出手机打开网站，然后展示你的个人介绍。打开URL并将其打印在纸上。设计有了需求，下一步就是设计。包括界面的设计，以及具体展示内容的设计。在界面设计方面，我们可以去Pinterest、Behance、Dribbble、Petals、Zcool等知名设计展上搜索简历或简历，然后综合做出适合自己的风格。在内容方面，我们可以看看传统简历的内容划分。在制作过程中，我将内容分为：基本信息：姓名、联系方式等。PersonalProfile：介绍一些基本的个人信息。经历：简要介绍不同时期的工作经历。技能：客观评价自己掌握的工具和技术栈。经常访问的网站：我经常访问的这些网站可以告诉我我通常关注哪些技术领域。由于在浏览器中的显示，为了好看，页面可能会很长。所以这里我把联系方式放在了首屏，页脚也显示了。这让观众很容易联系到我。该环境构建Git用于代码管理和版本控制。这里我选择将源代码托管在Github上，并创建了一个GithubPage：https://eternityspring.github.io。webpack，用于自动构建。包括js和scss的封装，也可以基于nodejs创建一个http服务器，已经热部署，功能很多。webstrom，前端开发神器。没有解释。架构和编码这里，我采用了restful的开发风格。先做一个纯html版，然后把里面显示的个人信息放到一个json文件里。接着介绍zepto和vue.js这两个js库。当然，如果你有耐心，也可以选择自己造轮子，原生写。不想在这里折腾，所以用了第三方。对此，我同意一群朋友的说法：有轮子就用它，只要不是square-.-vue.js是用来渲染数据到html页面的。Zepto用于发送请求和获取数据（请求工具改为vue-resource）。编码调试是最机械的部分。只要是有经验的司机，都可以亲手搞定！完善与点缀完成以上功能后，是否可以添加一些小技巧呢？现在css3这么火，何不利用css3加一些过度的动画，让页面的信息显示的更自然。因此，设计一些过渡效果并添加到页面中。这里我选择介绍wow.js。CSS3动画是我自己写的。总体影响不大。所以页面加载时有loading动画，页面滚动时元素出现时有动画。网页版基本都是编的。那么如果在实践中需要纸质版本怎么办？很简单，打印网络版本。于是我根据上面的版本做了打印测试，结果并不理想。于是查了一下，有css3媒体查询可以控制打印样式（@mediaprint）。这样的神器，又是一个噼里啪啦的编码调试。最后，为了隐私。我选择了只在打印时显示真实姓名。通常只显示昵称。总结比起看书，可能我更习惯这种按需学习。通过制作这份简历，我学会了webpack的使用和vue的使用。学习了css3的一些新特性。了解弹性布局。多做一些-.-你也可以选择fork我的项目，然后改自己的版本：https://github.com/eternityspring/eternityspring.github.io当然，我不介意我star-.-
