网站采用纯前端三件套实现,不依赖任何框架,通过原生 HTML5 构建页面结构,CSS3 实现 Flexbox + Grid 布局、霓虹渐变、模糊背景与动画效果,JavaScript 负责粒子系统、滚动监听和响应式菜单。Canvas 绘制动态粒子背景,粒子随鼠标移动产生避让效果,提升页面科技感。项目使用单页结构,首屏加载快,无后端依赖,部署在静态托管平台即可。上线后可稳定访问,适合作为个人独立开发者的能力展示页。
项目使用单文件 HTML 实现,核心依赖 marked.js 库完成 Markdown 到 HTML 的解析。左侧 textarea 监听 input 事件,触发实时渲染函数更新右侧预览;右侧简历容器通过 CSS 设置 A4 尺寸(210mm × 297mm)和 box-shadow 营造纸张效果。三套模板通过切换 CSS 类名实现样式隔离,扩展新模板只需新增一段样式。导出 HTML 时使用 Blob 与 URL.createObjectURL 在浏览器端生成文件并触发下载;导出 PDF 通过 @media print 打印样式调用浏览器打印功能。项目部署在静态托管平台,可长期访问使用。