做了个web简历……模板!

Posted by Donggu Ho on 2017-03-31

学完Vue.js手撕了一个Web简历模板~通过修改JSON数据和图片就可以更换页面信息,方便维护;并且还支持中英文一键无刷新切换~

假如不想build的话直接下载项目的/dist文件夹,替换数据并部署即可~

最大的特点就是除了vue相关的组件之外,没有使用任何的 Bootstrap/jQuery 等库,全程手撕。不过其实Vue提供的生态环境已经有足够的开发友好度了。所有的动画都由CSS完成,并没有感到有什么不便。

使用了大量的SVG渐变,体积小加载快效果清晰,矢量图果然是未来!顺便发掘了一下Ai的资源导出功能,可以说是非常人性化了。项目展示的部分考虑了很久做成什么形式,最后因为360面试的原因决定做个跑马灯。整个页面的实现用到了不少CSS3特性和HTML5特性,非常稳(没有

设计过程中参考了网上很多炫酷的简历,虽然说web简历这东西就是纯属炫技用的但是还是感觉太过花哨了一点;而且根本没有这么多的实习经历和厉害的作品和厉害的奖项可以展示啊!最后的成品其实主要灵感和风格来自JetBrains官网,但大概有点难看出来……最后的实现居然几乎完全实现了设计图,可以说是非常长进了。设计图↓
设计图

非常感谢webpack的存在,组件化的确提供了巨大的方便,从项目打包到组件化构建到CSS自动完成浏览器兼容,而且还自动热更新,感觉已经不会怎么用普通的html写网页了。ES6和webpack这种新时代的工具真是一下子把前端从体力活变成工程活啊……但是真的太复杂了,有空再仔细研究。