用原生 JS 撸了一个电商风格的 WEB 前端简历，兼容到了 IE5，源码在 github，欢迎 star；希望可以帮到需要的人；

[an168bang521]

在 2012 年的时候，就想做一个电商风格的简历，但当时只会设计，和改 discuz ， WordPress 模板；设计出来的板式，不会用代码写出来；

2015 年初的时候开始学写 JavaScript ；现在写出来了；分享给大家；

github 地址：源码地址

在线预览的地址：http://broszhu.com/works/my-resume-like-tmall/index.html

图片预览：

测试环境

• chrome 浏览器
• IETeser 中的 6
• win 系统自带的 IE5 ；

全部原生 JavaScript 写的；最低兼容到 IE5 ，优雅降低方案；

[xiaoyu9527]

感觉不错

[27149]

迷之审美。
另外，我更注重面试人逻辑、能力、水平、产出，如果我看到这样一份简历，第一想法是华而不实。

[an168bang521]

@iTakeo @monnand 嗯，主要是想挑战下不同浏览器的兼容性处理；最开始就是抱着学习的心态奔着踩坑去的；实际开发中，如果这么搞，效率就太低了；

[an168bang521]

@zwhu 大哥好眼神啊，我刚看了下，确实没做居中，感谢指出，谢谢；

[an168bang521]

@luo123qiu 嗯，确实没有弄好的，调过一次色，调成正常色调后，照片有点发冷，也许是背景没有选好的原因，所以就继续这种屎黄色了，哈哈~

[an168bang521]

@helone 大哥抬爱了，感谢前辈指点， gulp 只会一丢丢，解压 sass,ECMA6 文件这类简单的操作，应该属于"听说过"的水平，您说的我会认真研究的，谢谢指路；

[an168bang521]

@27149 嗯，就像自由和平等的矛盾一样；
有的人感觉简历就应该用 word 那种中规中矩的把要说的罗列出来，注意下格式，有利于阅读即可；或者直接套 word 模板；
有的人感觉做前端开发岗位的，应该自己做一套网页版或者移动端版的简历，这样才对得起自己作为前端开发着的身份；
没有对错，只是不同人的喜好不同；
我个人是不喜欢那种千篇一律的通用简历写法的，比较喜欢让人眼前一亮，与众不同的简历；
即使不用这种网页实现的方式，也会用 PS 设计一套 A4 纸大小的个性简历打印出来，感觉使用通用简历的写法是对自己技术的忽视和不尊重；

[boxlee]

个人简介 技能总结这个地方应该是切换的风格，而不是跳转到下方，第一次点以为去外太空了。

[KLBJ]

哥们，你这个貌似不兼容 firefox 啊。。。

[an168bang521]

@boxlee 谢谢指出，确实需要改善，我打算个人简介 技能总结的导航条部分，距离浏览器窗口的距离为 0 时候，就一直显示在窗口的顶部；感觉这样处理怎么样？

@KLBJ 谢谢指出，我下载 firefox 试试；

[boxlee]

@an168bang521 一般情况下，往下拖拉浏览的时候，悬浮的是最上面的导航条，就是首页 Github 个人博客 联系方式 这部分。可以试着把主导航弄到左侧悬浮，个人简介弄到右侧悬浮。
-----------------------------------------------------------------------------------------------
首页 Github 个人博客 联系方式 个人简介 技能总结
-----------------------------------------------------------------------------------------------
不知道效果如何，右下角可以做个 Top 悬浮。

[boxlee]

上面空格不管用，挤到一起了。
-----------------------------------------------------------------------------------------------
首页 Github 个人博客 联系方式 -------------------------------- 个人简介 技能总结
-----------------------------------------------------------------------------------------------

[jarnanchen]

个人觉得， git ， webstorm 这种写到技能里不太合适吧

[an168bang521]

@boxlee 好主意，在右侧弄个类似对联广告的板式，返回顶部，确实是个好主意；

[an168bang521]

@jarnanchen 嗯，这里是可以随时改的； PSD 里面改下素材，就可以换成想换的文件了；

[xinple]

不错的创意，我觉得蛮好的

[ivenvd]

做得挺好的，但是……为毛要做成电商样式，怪怪的……

[jation]

所以“兼容 IE5 ”是卖点，还是“用原生 JS ”是卖点

[yyyle]

点进去看到楼主的大头像吓得立马关了哈哈哈哈 JK

[LWXYFER]

哈哈哈哈哈哈，挺好玩的。