码上问学问代码之理,学编程之道

案例 · 简历(v1 基础版)

一份语义化、可在线浏览、可一键打印 / 导出 PDF 的简历。用 <header> <section> <article> 等语义标签组织内容, 打印样式会隐藏导航与工具栏,只输出干净的简历本身。这是「个人网站」里最常被复用的模块之一。

这是 v1 基础版。后续可扩展:主题切换、多语言、数据从「工作台」动态注入、与图片展示模块组合成完整个人主页。先把骨架和打印能力跑通。
浏览器会弹出打印窗口,选「另存为 PDF」即可得到简历文件 ← 返回工作台
明

李小明

前端开发 · 在读学生

📧 liming@example.com 📱 138-0000-0000 📍 杭州

个人简介

计算机专业在读,系统学习了 HTML、CSS 与 JavaScript,能独立完成响应式静态页面; 正在通过课程项目把知识落地,目标是成为一名前端工程师。

技能特长

HTML5CSS3FlexboxGrid JavaScript响应式设计Git

项目经历

个人作品集网站 2026.03 – 2026.06
独立开发
  • 用语义化标签与 CSS Grid 搭建响应式布局,覆盖手机到桌面。
  • 实现图片灯箱、打印友好简历等可复用模块,沉淀为课程案例库。
课程演练场组件 2026.01 – 2026.03
小组合作
  • 参与开发「左写代码、右看效果」的在线演练场,支持 HTML/CSS/JS 三栏编辑。

教育背景

某某大学 · 计算机科学与技术(本科) 2022 – 2026
主修:数据结构、计算机网络、Web 开发