web简历模板
做web简历，历模最怕的历模不是没内容，而是历模把网页做成了word文档的翻版。上周帮朋友改一个前端工程师的历模简历，打开他的历模个人站点，满屏的历模居中文字、黑色宋体、历模灰色分割线，历模信息挤在800px宽的历模容器里，像一份被塞进网页的历模PDF。他技术不错，历模但那份简历让我看了三遍才找到他的历模项目经历——全藏在第二屏的最底下。
web简历的历模核心优势从来不是“在线看”，而是历模交互和视觉层级。你见过几个设计师用表格写简历？历模同理，前端工程师的简历本身就是作品集。GitHub上有个叫“json-resume”的项目，用纯JSON数据驱动简历生成，但多数人用错了方向——他们只把数据从word搬到了网页，却没利用网页的布局自由。
我见过一份印象深刻的简历，作者把工作经历做成时间轴，鼠标悬停时，每条经历右侧会滑出对应的技术栈标签和项目链接。没有花哨的动画，就一个CSS transition，但面试官第一眼就知道他擅长什么。更妙的是，他把“技能”部分做成了可折叠的雷达图，用Canvas画了个五边形，每个角代表一个技术方向，面积大小直接反映熟练度——虽然这个数据是主观的，但视觉冲击力比“熟练掌握React、Vue”这种列表强十倍。
排版上，别用传统的“个人信息-教育背景-工作经历-自我评价”这种纵向流水账。试着把屏幕分成两栏，左栏固定放联系方式、核心技能、开源项目，右栏放工作经历和项目细节。左侧栏用sticky定位，滚动时始终可见——面试官想联系你时，不用滚回顶部找邮箱。这不算什么高深技术，但能体现你懂“用户需求”。
技术选型也别盲目跟风。有人用Three.js做3D旋转的立方体展示简历，酷是酷，但加载要三秒，手机端还卡顿。除非你应聘的是WebGL岗位，否则这属于喧宾夺主。更务实的选择是纯HTML+CSS，配上少量JavaScript做交互，保证任何设备上都能流畅打开。我自己的简历用了不到30行JS，全部用来处理导航高亮和滚动渐入，其余全是语义化标签——h1、section、time、address，连搜索引擎都能快速抓取关键信息。
最后说个容易被忽略的细节：字体和颜色。别用系统默认的宋体或微软雅黑，试试“Inter”或“IBM Plex Sans”这类开源无衬线字体，行高设到1.7，字重控制在400和600两档。背景别用纯白，用#f7f8fa这种带一点灰度的底色，文字用#2d3436而不是纯黑。这些微调不会让简历变得花哨，但阅读舒适度会明显提升——面试官一天看几十份简历，眼睛舒服就是优势。
说到底，web简历是写给两类人看的：机器和面试官。机器要的是清晰的DOM结构和meta标签，面试官要的是30秒内抓住重点。你不需要炫技，但必须展示出“我理解网页的本质是信息组织”。如果做完的简历在浏览器里放大到200%依然布局不乱，在手机上看字号不小于16px，那基本就合格了。至于那些花哨的粒子背景和鼠标拖尾特效，留给个人博客吧——简历页面最性感的时刻，是面试官按Ctrl+F搜索“React”时，一秒就能定位到关键词。