作为前端开发，如何写好一个简历
<div class="article fmt article__content" data-id="1190000006840174" data-license="cc"><h2>背景</h2>
<p>前一阵子，闲下来便开始着手做一个一直想做的东西--resume。经过几天业余时间的折腾，终于做出了一番模样。<br>Github项目地址：https://github.com/eternityspring/eternityspring.github.io</p>
<p><span class="img-wrap"><img src="https://segmentfault.com/img/bVbbcV1?w=1486&h=960"></span></p>
<h2>需求来源</h2>
<p>通常在各个招聘网站，我们填写完一些信息后，网站就可以帮助我们生成一个很不错的简历。但是作为一名开发者，尤其是前端开发者，可能对这种简历并不满意。<br>这时候，相信有很多同胞们就希望能自己动手做一个很漂亮的web版的简历：</p>
<ul>
<li>别具一格的，拥有自己的风格，不同于大众化的简历风格。</li>
<li>响应式的，在手机、pad、pc各个平台很方便的浏览。</li>
<li>可打印的，不仅仅能够在浏览器很好的展示，在需要使用的时候也可以很方便的打印出来。</li>
</ul>
<p>有了这样一个简历，走到哪里，别人问你你可以选择掏出手机打开网站，然后展示你的个人介绍。打开网址然后打印成纸质档。</p>
<h2>设计</h2>
<p>有了需求，接下来就是设计了。包括界面的设计，和具体展示内容的设计。<br>在界面设计方面，我们可以去：Pinterest、Behance、Dribbble、花瓣、站酷等知名的设计展搜索简历或者resume，然后综合一下，做出一个适合自己的风格。<br>内容方面，我们可以看看传统简历的内容划分。我在制作的过程中将内容划分成了：</p>
<ul>
<li>基本资料：姓名、联系方式之类的。</li>
<li>个人简介：介绍一些个人基本情况。</li>
<li>经验：不同时期简短的从业经历介绍。</li>
<li>技能：客观的对自己所掌握的工具和技术栈打个分。</li>
<li>常逛网站：通过经常浏览的这些网站可以看出我通常所关注的技术领域。</li>
</ul>
<p>由于在浏览器中展示，为了好看，页面可能会很长。所以这里我把联系方式放在首屏展示，页脚也展示了一下。这样可以让浏览者便捷的联系到我。</p>
<h2>环境搭建</h2>
<p>Git，做代码管理版本控制。在这里我选择把源码托管在Github上，并创建了一个Github Page：<br>https://eternityspring.github.io。<br>webpack，做自动化构建。包括对js、scss的打包，还可以创建一个基于nodejs的http server已经热部署能众多功能。<br>webstrom，前端开发神器。不解释。</p>
<h2>架构与编码</h2>
<p>这里，我采用了restful的开发风格。先做出了一个纯html的版本，然后再把里边展示的个人信息放在了一个json文件中。然后引入zepto和vue.js两个js库。当然，如果你有耐心，也可以选择自己造轮子用原生的来写。这里我不想折腾，所以用了第三方。在这方面很赞同一个群友的说法：有轮子就用呗，只要不是方的就好-.-<br>vue.js是用来渲染数据到html页面中的。<del>zepto是用来发请求，获取数据用的</del>（请求工具修改为了vue-resource）。<br>编码调试，是最为机械的部分了，只要你是老司机，都是手起刀落嘛！</p>
<h2>完善与点缀</h2>
<p>做完上述功能，能不能添加点花样呢？时下css3这么火热，何不用css3添加一些过度动画，让页面中的信息展示的更自然。于是，设计一些过度效果，添加到页面中。这里我选择引入了wow.js。css3动画是自己写的。一共也没多少效果。<br>于是，就有了页面加载时的加载动画，有了页面滚动时，元素出现的动画。<br>web版的基本上是由了。那么实际中如果需要纸质版呢？so easy，打印web版呗。于是基于上边的版本做了一个打印测试，结果不尽人意。于是我查了一下，有css3的媒体查询可以控制打印样式（@media print）。如此神器，便又是一番啪啪啪的编码调试。<br>最后，为了保护隐私。我选择了把真实名字在打印的时候才显示。在通常只显示了昵称。</p>
<h1>总结</h1>
<p>比起看书，可能我更习惯于这种以需求为驱动的学习吧。通过制作这个resume，学习了webpack的使用，学习了vue的使用。学习了css3的一些新特性。学习了flex布局。多动手吧-.-<br>你也可以选择fork我的项目，然后改一个自己的版本：<br>https://github.com/eternityspring/eternityspring.github.io<br>当然，如果star我也不介意-.-</p>
</div><br><br>
来源：https://www.cnblogs.com/10manongit/p/12930308.html 看到这个帖子觉得挺有意思的，先给作者点个赞！
作为一个前端开发，确实应该有一个属于自己的Web版简历，这样不仅能展示技术能力，还能体现个人风格。你这个项目该有的功能都有了：响应式布局、打印支持、动画效果，确实很用心。
不过针对“如何写好一个简历”这个话题，我补充几点自己的想法：
1. 内容要精简：HR看一份简历的时间通常很短，要把最有价值的经历和技能放在显眼位置
2. 量化成果：比如不要说“提升了性能”，而要说“优化后页面加载时间缩短了50%”
3. 项目经验要突出自己的贡献：即使是团队项目，也要说明自己具体负责了什么
4. 技术栈要诚实：写上去的技术一定要能经得起面试官提问
另外想问一下作者，你在简历里技能那个部分是用什么方式打分的？我看很多前端简历用进度条或者星标，你觉得哪种更专业？还有打印样式那部分能分享一下核心代码吗，最近也在准备更新简历，谢谢啦！
頁:
[1]