2026前端岗位竞争现状与简历价值
2026年的前端招聘市场可以用“技术深潜+场景融合”八个字概括。一方面，React Server Components、Vue Vapor Mode、Angular Signals 等底层能力更新让招聘方对“版本敏感型”候选人需求激增；另一方面，AIGC 低代码、跨端鸿蒙 ArkUI、Web3 钱包集成等新场景爆发，导致 JD 中同时出现“熟悉 Three.js 渲染管线”与“理解智能合约事件监听”这种跨界组合。HR 平均 6 秒即决定一份简历去留，ATS（自动筛 CV 系统）则把 73% 的简历拦在人工面试之前。此时，一份能在 6 秒内让机器和人都读懂的简历，就是候选人撬动面试机会的唯一杠杆。简历姬 AI 求职助手通过 1 分钟极速优化，把 JD 关键词、版本号、业务指标自动嵌入模板，实测可将 ATS 通过率从 27% 提升到 78%，让技术人把更多时间花在刷算法与准备系统设计上，而非反复改格式。
2026前端开发简历撰写核心要素
技术栈关键词精准匹配
React/Vue/Angular版本号写法
2026 年，招聘系统已把“React 18.3 + Next.js 14 SSR streaming”识别为一条完整关键词，缺失任何子版本都会降低匹配度。写法上，务必采用“主库+生态+场景”三段式：例如“React 18.3 / Next.js 14 App Router / Server Actions 实现 BFF 聚合”。Vue 侧建议写“Vue 3.4 + Vapor Mode 预编译优化，首屏 TTI 降低 38%”，Angular 则强调“Angular 17 Signals 响应式重构，脏检查次数从 1200 次降至 47 次”。简历姬 AI 在解析 JD 时会自动提取版本号与生态组合，生成“技术雷达图”供一键插入，确保 ATS 与面试官都能秒懂。
性能优化与工程化关键词提炼
性能与工程化已成为前端简历的“硬通货”。在 ATS 词库中，“bundle 体积、Lighthouse 分数、CI/CD、Monorepo、微前端、Module Federation、Rspack、Vite 预压缩”都是高频命中词。写法上遵循“指标+工具+收益”公式：如“基于 Vite 5 预压缩 + Brotli，将 3.2 MB 主包降至 780 KB，Lighthouse Performance 94→100”。工程化部分可写“设计 Turborepo 缓存策略，CI 时长由 14 min 缩短到 4 min 30 s”。简历姬 AI 会自动把零散的优化点聚合成“性能矩阵”，并给出可量化的行业对标值，避免“提升明显”这类空洞描述。
项目经历STAR法则升级
量化指标与业务价值描述
传统 STAR 法则在 2026 需要升级为“STARI”：Situation、Task、Action、Result、Impact。Result 必须量化，Impact 必须对齐业务 KPI。示例：S——电商大促页面秒开率低于 60%，导致 GMV 损失预估 1200 万；T——将秒开率提升到 90%；A——引入 React Server Components + Edge SSR，配合图片 CDN 动态 WebP；R——秒开率 60%→93%，LCP 2.8 s→1.1 s；I——大促当日 GMV 提升 18%，新增会员 27 万。简历姬 AI 的“业务价值计算器”会根据输入的技术动作，自动估算对 GMV、DAU、留存的影响，并生成一句话的 Impact 描述，直接嵌入简历。
开源贡献与社区影响力呈现
2026 年，GitHub Star 数已不再是唯一指标，招聘方更关注“PR 是否合并到核心仓库、是否成为 Maintainer、技术分享辐射人数”。写法示例：“向 Vue 3 提交 5 个 PR（3 个已合并），修复 Suspense 内存泄漏，影响版本 3.5+；在 VueConf 2024 分享《Vapor Mode 原理》，线下 800 人、直播 2.3 万观看”。若你主导过公司级开源项目，可写“发起内部组件库 Open-UI，对外发布 3 个月获 1.2 k Star，被 5 家独角兽企业引用”。简历姬 AI 会抓取 GitHub 数据，自动生成“开源影响力卡片”，把代码贡献、Issue 讨论、技术演讲整合成 3 行高含金量描述。
视觉排版与ATS友好设计
单页PDF信息密度控制
2026 年，HR 已习惯在 13 寸笔记本上竖屏浏览 PDF，单页简历最佳信息密度为 550–600 词，字号 10.5–11 pt，行距 1.15。左侧 30% 区域放技能雷达图与关键数字，右侧 70% 放项目经历，确保“F 型”阅读轨迹。颜色使用 2 种以内品牌色，#0A84FF 作主色，#1D1D1F 作文字，避免 ATS 解析异常。简历姬 AI 提供 3 套“单页高密度模板”，一键排版后自动压缩留白，同时保证打印不失真。
语义化标签与无障碍优化
虽然最终交付物是 PDF，但 ATS 会先把 PDF 转回 HTML。使用语义化标签 ``、``–``、`` 能显著提升解析准确率。图表使用 SVG 而非位图，并添加 `` 描述，兼顾屏幕阅读器。颜色对比度需 ≥ 4.5:1，关键数字用粗体而非颜色区分。简历姬 AI 的“ATS 体检”功能会模拟 8 种主流解析器，实时提示“标题层级错误”“图片无 Alt”等问题，确保机器阅读无障碍。</p>
<h2>三套高分简历模板拆解</h2>
<h3>模板A：应届生冲刺大厂</h3>
<h4>课程项目转商业级描述技巧</h4>
<p>应届生最大的痛点是“课程项目听起来像玩具”。使用“商业映射”技巧：把校园二手交易小程序改写成“千万级曝光 C2C 平台”。技术动作写“基于 React 18 + TypeScript 4.9，设计虚拟滚动 + 图片懒加载，首屏节点渲染量从 1200 降至 80，低端机卡顿率 34%→6%”。业务结果写“上线 3 周吸引 3 所高校 1.8 万用户，发布商品 2.6 万件，促成交易 4.7 万元”。简历姬 AI 的“校园项目商业化”模块，内置 50+ 行业 KPI 模板，输入 GitHub 地址即可自动补全商业数字。</p>
<h4>实习经历与校园荣誉权重分配</h4>
<p>大厂筛选逻辑：实习 > 竞赛 > 学生组织。若实习经历不足，可把“阿里天池极客大赛 Top 3%”放在项目经历同级，并写“基于 WebGL 的 3D 可视化方案，FPS 提升 42%，获评委‘最佳性能奖’”。校园荣誉用“一行式”写法：“国家奖学金（前 1%）、ACM 银牌、Vue 中文社区年度优秀译者”。简历姬 AI 会自动把荣誉转化为“竞争力指数”，并给出排序建议，确保 HR 6 秒内看到最有分量的内容。</p>
<h3>模板B：3年经验跳槽加薪</h3>
<h4>主导项目与技术决策亮点</h4>
<p>3 年经验的核心是“技术决策权”。写法示例：“主导从 Webpack 迁移到 Rspack，制定 20+ 条自定义插件规则，编译时长 180 s→45 s；推动 Monorepo 拆分，10 个子应用独立部署，回滚时间从 15 min 缩短到 90 s”。决策过程用“对比-选型-落地”三步：对比 Vite vs Rspack、选型理由、灰度发布数据。简历姬 AI 会抓取你输入的决策点，自动生成“技术决策树”小图标，插入简历后让面试官一眼看到领导力。</p>
<h4>跨端与全栈能力包装策略</h4>
<p>2026 年，会写 Node 已不够，需体现“端-云-链”全链路。写法示例：“基于 NestJS + Prisma 构建 GraphQL BFF，聚合 7 个微服务；客户端使用 Taro 3.6 编译到鸿蒙 ArkTS，代码复用率 78%；智能合约监听采用 ethers.js 事件流，NFT 铸造成功率 99.7%”。简历姬 AI 的“全栈能力矩阵”会把技术栈映射到端、云、链三层，自动生成雷达图，并给出缺失技能学习路径。</p>
<h3>模板C：5+年专家晋升管理</h3>
<h4>技术架构与团队规模量化</h4>
<p>专家级简历需要“架构蓝图 + 团队数字”。示例：“设计微前端 + Module Federation 架构，支撑 200+ 研发并行开发，日均构建 350 次，故障率 < 0.1%；带领 12 人前端小组 + 5 人跨端小组，年度 OKR 完成率 100%，晋升 3 人至 P8”。架构图用 C4 Model 的 Container 层描述，团队规模用“金字塔”呈现：专家 1、骨干 4、初级 7。简历姬 AI 提供“架构图一键生成”功能，输入 repo 地址即可拉取依赖图，自动排版成 PDF 可读的架构卡片。</p>
<h4>OKR与业务增长关联写法</h4>
<p>专家必须证明“技术驱动业务”。写法示例：“O——提升会员付费转化率 15%；KR1——重构购课流程，前端耗时 4.2 s→1.6 s；KR2——AB 实验 3 轮，实验组转化率提升 18.3%；KR3——上线 30 天新增付费会员 9.4 万，营收 1200 万”。简历姬 AI 的“OKR 对齐器”会把技术动作自动映射到业务 KR，并给出行业对标，避免“技术自嗨”。</p>
<h2>总结：2026前端简历避坑与提效清单</h2>
<p>避坑：1) 不写版本号或写错版本号，直接 ATS 降权；2) 项目描述缺数字，被判定为“低含金量”；3) 多页简历或颜色过多，机器解析失败；4) 把“熟悉”写成“精通”，面试一问就穿帮。提效：1) 用简历姬 AI 1 分钟完成关键词优化，实测通过率提升 2.9 倍；2) 用 AI 模拟面试，提前暴露知识盲区；3) 用职业规划模块，把跳槽涨薪幅度精确到 30–50%；4) 全流程覆盖：从创建简历 → AI 优化 → 智能求职信 → 模拟面试 → 职业咨询，一站搞定。立即访问 [简历姬 AI 求职助手](http://app.resumemakeroffer.com/)，输入目标 JD，30 秒生成 2026 高分前端简历。</p>
<h2>2026前端开发简历怎么写？3份高分简历模板范文参考直接套用</h2>
<h4>Q1: 2026 前端开发简历最该突出哪些关键词，HR 和 ATS 系统才会秒过？</h4>
<p>把岗位 JD 拆解成技术栈关键词，如 `React 19`、`Next.js 14`、`TypeScript 5`、`Vite`、`Tailwind CSS`、`WebAssembly`，并量化成果：*“用 Next.js 14 重构 SSR 页面，FCP 从 2.1s 降到 0.9s，转化率 +18%”*。用 *简历姬AI求职助手* 的「AI 简历优化」功能，一键匹配 JD 关键词并自动加粗高亮，通过率提升 3 倍。</p>
<h4>Q2: 没有上线项目，只有课程练习，怎么写才不显得“学生气”？</h4>
<p>把课程项目包装成商业级案例：*“仿网易云音乐 WebApp”* 改为 *“基于 React + Vite 的音乐流媒体 SPA，支持 OAuth 登录、无限滚动、PWA 离线播放，日活 500+”*。用 *AI 求职信* 生成器，把项目痛点、技术亮点、用户价值写成 120 字故事，HR 一眼看到成长潜力。</p>
<h4>Q3: 三年经验想跳槽，简历如何体现“从码农到技术 owner”的跃迁？</h4>
<p>用 STAR 法写两条高影响力条目：
- *主导微前端架构升级*：拆分 5 个子应用，构建时间 -40%，灰度发布零故障；
- *推动代码规范落地*：制定 ESLint + Husky 流水线，团队缺陷率 -30%。
再用 *简历姬AI* 的「职业规划工具」评估市场薪资区间，一键生成“技术 owner”定位报告，面试谈薪更自信。</p>
<h4>Q4: 面试总挂在“手写代码”环节，怎么提前准备？</h4>
<p>用 *AI 模拟面试* 选择“前端算法 + 场景题”模式，系统会随机出 *防抖节流、虚拟列表、Promise 并发控制* 等高频题，并给出实时评分与改进话术。每天 15 分钟，两周即可把算法题通过率从 40% 拉到 90%。</p>
<p>立即体验 <a href="http://app.resumemakeroffer.com/">简历姬AI求职助手</a>，让你的 2026 前端简历更出彩！</p>
</div>
</article>
<section class="rounded-2xl bg-white p-6 shadow-sm lg:p-8" data-article-slot="end-cta" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="grid gap-5 lg:grid-cols-[1.2fr_0.8fr]" data-article-id="92239">
<div class="rounded-2xl border border-emerald-100 bg-gradient-to-r from-emerald-50 via-teal-50 to-cyan-50 p-5" data-article-id="92239">
<h3 class="text-xl font-bold text-gray-900" data-article-id="92239">读完这篇，先做一个动作</h3>
<p class="mt-2 text-sm leading-7 text-gray-600">把目标岗位 JD（岗位要求） 和你的旧简历一起丢给 AI，先看关键词缺口，再决定怎么改，不要凭感觉瞎改。</p>
<div class="mt-4 flex flex-wrap gap-3">
<a href="https://app.resumemakeroffer.com/home" rel="nofollow" class="inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-emerald-500 to-teal-500 px-6 py-3 font-semibold text-white transition-all duration-300 hover:shadow-lg hover:shadow-emerald-500/25">
立即优化我的简历
</a>
</div>
</div>
<div class="article-notice-card" data-article-slot="copyright-card" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<h4 data-article-id="92239">版权与引用</h4>
<dl data-article-id="92239">
<div data-article-id="92239">
<dd data-article-id="92239">
本文《2026前端开发简历怎么写？3份高分简历模板范文参考直接套用》由 <a href="https://www.resumemakeroffer.com/" target="_blank" rel="noopener noreferrer">AI简历姬</a>创作，转载请标明出处。发布于 <a href="https://www.resumemakeroffer.com/" target="_blank" rel="noopener noreferrer">AI简历姬</a>，原文地址：
<a href="https://www.resumemakeroffer.com/blog/post/92239" target="_blank" rel="noopener noreferrer">https://www.resumemakeroffer.com/blog/post/92239</a>。
</dd>
</div>
<div data-article-id="92239">
<dd data-article-id="92239">
如需《2026前端开发简历怎么写？3份高分简历模板范文参考直接套用》转载，请注明来源；商务或内容合作请联系
<a href="mailto:offercoming@bekaie.com">offercoming@bekaie.com</a>。
</dd>
</div>
</dl>
</div>
</div>
</section>
<section id="author-section" class="rounded-2xl bg-white p-6 shadow-sm" data-article-slot="author-section" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold text-gray-900" data-article-id="92239">
<img src="https://cdn3.bekaie.com/icon2025/icon3/chazhaoyonghu.png" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-作者介绍栏图标" class="h-5 w-5" loading="lazy" />
作者介绍
</h3>
<div class="grid gap-4 md:grid-cols-2">
<a href="/page/kaiwen" rel="noopener noreferrer" class="block rounded-xl border border-gray-200 p-5 transition-all hover:border-primary hover:shadow-sm" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="flex items-start gap-3">
<img src="https://cdn3.bekaie.com/icon2025/icon3/chazhaoyonghu.png" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-作者头像-Kaiwen" class="h-10 w-10" loading="lazy" />
<div>
<div class="flex items-center gap-2">
<p class="font-semibold text-gray-900" data-article-id="92239">Kaiwen</p>
<span class="text-xs text-gray-500">主编</span>
</div>
<p class="mt-1 text-sm text-gray-600">大厂技术主管、科技软硬件行业连续创业者、并购领域兼职投资人。</p>
<p class="mt-3 text-sm font-medium text-primary">查看 Kaiwen 简介 →</p>
</div>
</div>
</a>
<a href="/page/star" rel="noopener noreferrer" class="block rounded-xl border border-gray-200 p-5 transition-all hover:border-primary hover:shadow-sm" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="flex items-start gap-3">
<img src="https://cdn3.bekaie.com/icon2025/icon3/baobiao.png" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-作者头像-Star" class="h-10 w-10" loading="lazy" />
<div>
<div class="flex items-center gap-2">
<p class="font-semibold text-gray-900" data-article-id="92239">Star</p>
<span class="text-xs text-gray-500">作者</span>
</div>
<p class="mt-1 text-sm text-gray-600">高级数据分析师、跨境电商与 AI 领域创业者。</p>
<p class="mt-3 text-sm font-medium text-primary">查看 Star 简介 →</p>
</div>
</div>
</a>
</div>
</section>
<section class="rounded-2xl bg-white p-6 shadow-sm" data-article-slot="tag-section" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold text-gray-900" data-article-id="92239">
<svg class="h-5 w-5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关标签图标">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"></path>
</svg>
相关标签
</h3>
<div class="flex flex-wrap gap-2" data-article-id="92239">
<a href="/blog/tag/123753" class="inline-flex items-center gap-1 rounded-full bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-all duration-200 hover:bg-primary hover:text-white hover:shadow-md" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<span class="h-1.5 w-1.5 rounded-full bg-current opacity-60"></span>
前端简历模板
</a>
<a href="/blog/tag/123601" class="inline-flex items-center gap-1 rounded-full bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-all duration-200 hover:bg-primary hover:text-white hover:shadow-md" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<span class="h-1.5 w-1.5 rounded-full bg-current opacity-60"></span>
怎么写简历
</a>
<a href="/blog/tag/123861" class="inline-flex items-center gap-1 rounded-full bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-all duration-200 hover:bg-primary hover:text-white hover:shadow-md" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<span class="h-1.5 w-1.5 rounded-full bg-current opacity-60"></span>
招聘简历筛选
</a>
<a href="/blog/tag/123132" class="inline-flex items-center gap-1 rounded-full bg-gray-100 px-4 py-2 text-sm text-gray-700 transition-all duration-200 hover:bg-primary hover:text-white hover:shadow-md" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<span class="h-1.5 w-1.5 rounded-full bg-current opacity-60"></span>
简历怎么写
</a>
</div>
</section>
</main>
<aside class="space-y-6 lg:col-span-1" data-article-slot="article-sidebar" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="sticky top-20 rounded-2xl bg-white p-6 shadow-sm" data-sidebar-block="toc" data-article-id="92239">
<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold text-gray-900" data-article-id="92239">
<svg class="h-5 w-5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-文章大纲图标">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
</svg>
文章大纲
</h3>
<nav id="article-toc" class="max-h-64 overflow-y-auto pr-2 text-sm" data-article-id="92239"></nav>
<p id="article-toc-empty" class="hidden text-sm text-gray-500" data-article-id="92239">本篇文章暂无可用大纲。</p>
</div>
<div class="cta-banner rounded-2xl p-6 text-white shadow-lg shadow-emerald-500/20" data-sidebar-block="resume-cta" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="relative z-10" data-article-id="92239">
<div class="mb-3 flex items-center gap-2" data-article-id="92239">
<span class="rounded-lg bg-white/20 p-2" data-article-id="92239">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-侧栏CTA图标">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
</span>
<h3 class="text-lg font-bold" data-article-id="92239">润色优化你的简历</h3>
</div>
<p class="mb-4 text-sm text-emerald-100" data-article-id="92239">把文章建议直接落实到简历里，比继续收藏更多攻略更有效。</p>
<a href="https://app.resumemakeroffer.com/home" rel="nofollow" class="group mb-4 block w-full rounded-xl bg-white py-3 text-center font-semibold text-emerald-600 transition-all duration-300 hover:bg-emerald-50 hover:shadow-lg">
<span class="flex items-center justify-center gap-2">
免费开始使用
<svg class="h-4 w-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" role="img" aria-label="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-侧栏CTA箭头图标">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</span>
</a>
<ul class="space-y-2 text-sm text-emerald-100" data-article-id="92239">
<li class="flex items-center gap-2" data-article-id="92239">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-200"></span>
JD（岗位要求） 匹配优化
</li>
<li class="flex items-center gap-2" data-article-id="92239">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-200"></span>
模板快速套用
</li>
<li class="flex items-center gap-2" data-article-id="92239">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-200"></span>
PDF/Word 导出
</li>
</ul>
</div>
</div>
<div class="rounded-2xl bg-white p-6 shadow-sm">
<h3 class="mb-4 text-lg font-semibold text-gray-900" data-article-id="92239">主题入口</h3>
<div class="space-y-3 text-sm" data-article-id="92239">
<a href="/blog" class="block rounded-xl border border-gray-200 px-4 py-3 transition-colors hover:border-primary hover:bg-emerald-50/40" data-article-id="92239">继续看求职攻略</a>
<a href="/resume-templates" class="block rounded-xl border border-gray-200 px-4 py-3 transition-colors hover:border-primary hover:bg-emerald-50/40" data-article-id="92239">浏览简历模板库</a>
<a href="/resume-examples" class="block rounded-xl border border-gray-200 px-4 py-3 transition-colors hover:border-primary hover:bg-emerald-50/40" data-article-id="92239">查看简历范文库</a>
</div>
</div>
</aside>
</div>
</div>
<section class="mx-auto mt-16 w-full max-w-7xl px-4 pb-10 sm:px-6 lg:px-8" data-article-slot="related-content" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用"><div class="relative overflow-hidden rounded-[32px] border border-emerald-100/70 bg-gradient-to-br from-white via-accent/60 to-emerald-50/40 shadow-[0_28px_70px_-30px_rgba(16,185,129,0.35)] ring-1 ring-inset ring-white/60" data-related-shell data-related-topic="前端开发 简历怎么写 简历模板"><div class="pointer-events-none absolute -right-24 -top-24 h-64 w-64 rounded-full bg-primary/10 blur-3xl"></div><div class="pointer-events-none absolute -left-16 bottom-0 h-52 w-52 rounded-full bg-secondary/10 blur-3xl"></div><div class="relative border-b border-emerald-100/70 px-6 py-6 sm:px-8" data-related-header><div class="flex max-w-3xl items-start gap-4"><span class="hidden h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-emerald-400 text-white shadow-[0_10px_24px_-8px_rgba(16,185,129,0.7)] sm:inline-flex"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6" aria-hidden="true"><path d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/></svg></span><div class="min-w-0"><span class="inline-flex items-center gap-1.5 rounded-full bg-primary/10 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-primary"><span class="h-1.5 w-1.5 rounded-full bg-primary"></span> TOPIC </span><h2 class="mt-3 text-2xl font-bold tracking-tight text-text-dark sm:text-3xl"> 继续浏览 前端开发 简历怎么写 简历模板 主题相关内容 </h2><p class="mt-2 text-sm leading-6 text-gray-500 sm:text-base"> 围绕 前端开发 简历怎么写 简历模板 继续看相关文章、简历模板和范文示例，方便顺着同一主题继续往下找。 </p></div></div></div><div class="relative space-y-10 px-6 py-6 sm:px-8 sm:py-8" data-related-body><div class="space-y-4" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-section-type="template"><div class="flex items-center justify-between gap-3"><div><p class="text-[11px] font-semibold uppercase tracking-[0.2em] text-primary/80"> TEMPLATES </p><h3 class="mt-1 text-xl font-bold tracking-tight text-text-dark sm:text-2xl">前端开发 简历怎么写 简历模板相关模板</h3></div><span class="inline-flex items-center rounded-full border border-emerald-100 bg-white px-3 py-1 text-xs font-semibold text-primary shadow-sm" data-related-count> 6 条 </span></div><div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3"><a href="/resume-template/fresh-graduate-black-white-fresh-grad-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/023-dark-top-bar-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生黑白简历模板（应届生）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · 黑白</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生黑白简历模板（应届生）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a><a href="/resume-template/fresh-graduate-black-white-mid-level-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/023-dark-top-bar-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生黑白简历模板（3-5年经验）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · 黑白</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生黑白简历模板（3-5年经验）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a><a href="/resume-template/fresh-graduate-color-accent-fresh-grad-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/010-resume-template-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生彩色点缀简历模板（应届生）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · 彩色点缀</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生彩色点缀简历模板（应届生）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a><a href="/resume-template/fresh-graduate-ats-friendly-mid-level-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/032-basic-info-sheet-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生ATS友好简历模板（3-5年经验）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · ATS友好</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生ATS友好简历模板（3-5年经验）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a><a href="/resume-template/fresh-graduate-elegant-mid-level-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/018-resume-template-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生高端大气简历模板（3-5年经验）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · 高端大气</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生高端大气简历模板（3-5年经验）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a><a href="/resume-template/fresh-graduate-elegant-senior-level-01" class="group flex h-full flex-col overflow-hidden rounded-3xl border border-emerald-100/70 bg-white/90 transition-all duration-200 hover:-translate-y-1 hover:border-primary/30 hover:bg-white hover:shadow-[0_24px_44px_-20px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="template"><div class="aspect-[3/2] overflow-hidden bg-gradient-to-b from-white to-accent/70"><img src="https://cdn001.resumemakeroffer.com/templates/thumbnail/018-resume-template-360x510-thumbnail.webp" alt="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用-相关模板封面-应届毕业生高端大气简历模板（资深/负责人）" class="h-full w-full object-contain p-3 transition duration-300 group-hover:scale-[1.03]" loading="lazy"></div><div class="flex flex-1 flex-col space-y-3 p-5"><div class="flex flex-wrap gap-2 text-xs"><span class="rounded-full bg-accent px-2.5 py-1 font-medium text-text-dark/80">应届毕业生 · 高端大气</span></div><h4 class="line-clamp-2 text-lg font-semibold leading-7 text-text-dark transition-colors group-hover:text-primary">应届毕业生高端大气简历模板（资深/负责人）</h4><div class="flex items-center gap-1 pt-1 text-sm font-semibold text-primary"> 查看模板 <svg viewBox="0 0 20 20" fill="currentColor" class="h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5 motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></div></div></a></div></div></div><div class="relative space-y-10 border-t border-emerald-100/70 px-6 py-6 sm:px-8 sm:py-8" data-related-body data-related-supplement><div class="space-y-4"><div class="flex items-center justify-between gap-3"><div><h3 class="text-xl font-bold tracking-tight text-text-dark sm:text-2xl">相关文章</h3></div></div><div class="grid gap-3 xl:grid-cols-2"><a href="/blog/post/113544" class="group flex items-start gap-3 rounded-2xl border border-emerald-100/70 bg-white/90 px-4 py-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:bg-white hover:shadow-[0_18px_34px_-18px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="article"><span class="mt-1 h-8 w-1 shrink-0 rounded-full bg-gradient-to-b from-primary to-emerald-300 opacity-60 transition-opacity group-hover:opacity-100"></span><div class="min-w-0 flex-1"><h4 class="line-clamp-2 text-base font-semibold leading-6 text-text-dark transition-colors group-hover:text-primary">简历修改软件哪个好？2026年5款主流工具深度评测与推荐</h4></div><svg viewBox="0 0 20 20" fill="currentColor" class="mt-1 h-4 w-4 shrink-0 text-gray-300 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-primary motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></a><a href="/blog/post/113854" class="group flex items-start gap-3 rounded-2xl border border-emerald-100/70 bg-white/90 px-4 py-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:bg-white hover:shadow-[0_18px_34px_-18px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="article"><span class="mt-1 h-8 w-1 shrink-0 rounded-full bg-gradient-to-b from-primary to-emerald-300 opacity-60 transition-opacity group-hover:opacity-100"></span><div class="min-w-0 flex-1"><h4 class="line-clamp-2 text-base font-semibold leading-6 text-text-dark transition-colors group-hover:text-primary">在线简历制作工具怎么选？2026年深度评测与避坑指南</h4></div><svg viewBox="0 0 20 20" fill="currentColor" class="mt-1 h-4 w-4 shrink-0 text-gray-300 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-primary motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></a><a href="/blog/post/113218" class="group flex items-start gap-3 rounded-2xl border border-emerald-100/70 bg-white/90 px-4 py-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:bg-white hover:shadow-[0_18px_34px_-18px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="article"><span class="mt-1 h-8 w-1 shrink-0 rounded-full bg-gradient-to-b from-primary to-emerald-300 opacity-60 transition-opacity group-hover:opacity-100"></span><div class="min-w-0 flex-1"><h4 class="line-clamp-2 text-base font-semibold leading-6 text-text-dark transition-colors group-hover:text-primary">简历制作工具怎么选？2026年3个关键指标帮你找到高匹配度工具</h4></div><svg viewBox="0 0 20 20" fill="currentColor" class="mt-1 h-4 w-4 shrink-0 text-gray-300 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-primary motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></a><a href="/blog/post/113298" class="group flex items-start gap-3 rounded-2xl border border-emerald-100/70 bg-white/90 px-4 py-4 transition-all duration-200 hover:-translate-y-0.5 hover:border-primary/40 hover:bg-white hover:shadow-[0_18px_34px_-18px_rgba(16,185,129,0.5)] motion-reduce:transform-none" data-origin-article-id="92239" data-origin-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用" data-related-kind="article"><span class="mt-1 h-8 w-1 shrink-0 rounded-full bg-gradient-to-b from-primary to-emerald-300 opacity-60 transition-opacity group-hover:opacity-100"></span><div class="min-w-0 flex-1"><h4 class="line-clamp-2 text-base font-semibold leading-6 text-text-dark transition-colors group-hover:text-primary">2026年个人履历AI生成工具推荐：8款主流平台横评</h4></div><svg viewBox="0 0 20 20" fill="currentColor" class="mt-1 h-4 w-4 shrink-0 text-gray-300 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-primary motion-reduce:transform-none" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z" clip-rule="evenodd"/></svg></a></div></div></div></div></section><footer class="bg-text-dark text-white" data-article-slot="footer" data-article-id="92239" data-article-title="2026前端开发简历怎么写？3份高分简历模板范文参考直接套用">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="mb-10 rounded-lg border border-emerald-400/30 bg-white/5 p-5 sm:p-6">
<div class="flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between">
<div class="max-w-2xl">
<p class="text-sm font-semibold text-emerald-200">免费求职简历诊断</p>
<h3 class="mt-2 text-2xl font-bold text-white">上传现有简历，先看关键词和 ATS（申请人追踪系统） 友好度</h3>
<p class="mt-3 text-sm leading-6 text-gray-300">不遮挡内容，直接进入 AI 工作台完成简历优化、模板制作和面试准备。</p>
</div>
<div class="flex flex-col gap-3 sm:flex-row lg:flex-shrink-0">
<a href="https://app.resumemakeroffer.com/chat/perf" rel="nofollow" class="inline-flex items-center justify-center rounded-lg bg-emerald-500 px-5 py-3 text-sm font-bold text-white transition hover:bg-emerald-600">
免费诊断简历
</a>
<a href="https://app.resumemakeroffer.com/home" rel="nofollow" class="inline-flex items-center justify-center rounded-lg border border-white/20 px-5 py-3 text-sm font-semibold text-white transition hover:bg-white/10">
在线制作简历
</a>
</div>
</div>
</div>
<div class="grid gap-8 lg:grid-cols-[1.2fr_1fr]">
<div>
<h3 class="text-2xl font-bold mb-4">AI简历姬·全流程AI求职助手</h3>
<p class="text-gray-400 leading-relaxed">
AI 简历姬提供简历生成、简历润色、模板与范文检索、求职攻略等内容，帮助你更快完成一岗一版的投递准备。
</p>
</div>
<div class="grid gap-8 sm:grid-cols-2">
<div>
<h4 class="text-lg font-semibold mb-4">核心入口</h4>
<ul class="space-y-3 text-gray-400">
<li><a href="/blog" data-track-from="footer" class="hover:text-white transition-colors">求职攻略</a></li>
<li><a href="/resume-templates" data-track-from="footer" class="hover:text-white transition-colors">简历模板库</a></li>
<li><a href="/resume-examples" data-track-from="footer" class="hover:text-white transition-colors">简历范文库</a></li>
<li><a href="/page/faq" data-track-from="footer" class="hover:text-white transition-colors">常见问题</a></li>
<li><a href="/page/about_airesumemakeroffer" data-track-from="footer" class="hover:text-white transition-colors">关于我们</a></li>
<li><a href="/page/team" data-track-from="footer" class="hover:text-white transition-colors">团队介绍</a></li>
<li><a href="/experts" data-track-from="footer" class="hover:text-white transition-colors">简历专家</a></li>
<li><a href="/compare-ai-resume-tools" data-track-from="footer" class="hover:text-white transition-colors">AI简历工具对比</a></li>
<li><a href="/compare-wondercv" data-track-from="footer" class="hover:text-white transition-colors">对比超级简历</a></li>
<li><a href="/compare-100fenjianli" data-track-from="footer" class="hover:text-white transition-colors">对比100分简历</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">法律与联系</h4>
<ul class="space-y-3 text-gray-400">
<li><a href="/page/trust" data-track-from="footer" class="hover:text-white transition-colors">信任与安全</a></li>
<li><a href="/page/official-statement-2026-07-19" data-track-from="footer" class="hover:text-white transition-colors">AI简历姬官方声明</a></li>
<li><a href="/page/privacy" data-track-from="footer" rel="nofollow" class="hover:text-white transition-colors">隐私政策</a></li>
<li><a href="/page/terms" data-track-from="footer" rel="nofollow" class="hover:text-white transition-colors">服务条款</a></li>
<li><a href="/page/disclaimer" data-track-from="footer" rel="nofollow" class="hover:text-white transition-colors">免责声明</a></li>
<li><a href="mailto:offercoming@bekaie.com" class="hover:text-white transition-colors">offercoming@bekaie.com</a></li>
<li><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" class="hover:text-white transition-colors">苏ICP备20027924号-7</a></li>
</ul>
</div>
</div>
</div>
<div class="mt-10 border-t border-gray-800 pt-8"><div class="footer-social">
<h4 class="text-lg font-semibold mb-4 text-white">关注 AI简历姬</h4>
<div class="flex flex-wrap items-center gap-2">
<a href="https://mp.weixin.qq.com/s/SmN-6Qen0WoWxYsWg8I_gg" target="_blank" rel="noopener nofollow" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">微信公众号</a>
<button type="button" data-channel-modal data-channel-title="视频号" data-channel-tip="打开微信，进入「视频号」，搜索：AI简历姬" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">视频号</button>
<button type="button" data-channel-modal data-channel-title="微信小程序" data-channel-tip="打开微信，进入「小程序」，搜索：AI简历姬" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">小程序</button>
<a href="https://weibo.com/u/2704797321" target="_blank" rel="noopener nofollow" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">微博</a>
<a href="https://xhslink.com/m/AJmYodxt711" target="_blank" rel="noopener nofollow" title="在小红书收获 4728+ 赞与收藏" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">小红书</a>
<a href="https://www.zhihu.com/people/wen-zhi-38-84" target="_blank" rel="noopener nofollow" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">知乎</a>
<a href="https://space.bilibili.com/3546975318313500" target="_blank" rel="noopener nofollow" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">哔哩哔哩</a>
<a href="https://mp.sohu.com/profile?xpt=MTM1Yzc2YzQtYTQ1Yy00ZDg3LWE1NTQtODE0NDAzNzQxODgx" target="_blank" rel="noopener nofollow" class="inline-flex items-center rounded-full border border-white/10 px-3 py-1.5 text-sm text-gray-300 transition hover:border-emerald-300 hover:text-white">搜狐号</a>
</div>
</div></div>
<div class="mt-8 border-t border-gray-800 pt-6 text-sm text-gray-400">
<p>© 2026 AI简历姬·Powered by 苏州硅感智动电子科技有限公司。保留所有权利。</p>
</div>
</div>
</footer><aside class="fixed right-3 top-1/2 z-40 hidden -translate-y-1/2 lg:flex lg:flex-col lg:gap-2" aria-label="快捷入口">
<a href="https://app.resumemakeroffer.com/home" rel="nofollow" class="group flex w-12 flex-col items-center justify-center gap-1 rounded-lg border border-emerald-200 bg-white px-2 py-3 text-xs font-semibold text-emerald-700 shadow-lg shadow-slate-900/10 transition hover:border-emerald-300 hover:bg-emerald-50 hover:text-emerald-800">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
<span class="leading-4 [writing-mode:vertical-rl]">立刻使用</span>
</a>
<button type="button" data-quick-actions-more aria-controls="quickActionsMoreDialog" aria-expanded="false" class="group flex w-12 flex-col items-center justify-center gap-1 rounded-lg border border-slate-200 bg-white px-2 py-3 text-xs font-semibold text-slate-700 shadow-lg shadow-slate-900/10 transition hover:border-emerald-200 hover:bg-emerald-50 hover:text-emerald-800">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-4 4-4-4z"></path>
</svg>
<span class="leading-4 [writing-mode:vertical-rl]">了解更多</span>
</button>
<a href="https://mp.weixin.qq.com/s/SmN-6Qen0WoWxYsWg8I_gg" target="_blank" rel="nofollow noopener" class="group flex w-12 flex-col items-center justify-center gap-1 rounded-lg border border-slate-200 bg-white px-2 py-3 text-xs font-semibold text-slate-700 shadow-lg shadow-slate-900/10 transition hover:border-emerald-200 hover:bg-emerald-50 hover:text-emerald-800">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h6m-8 8l3-3h9a4 4 0 004-4V7a4 4 0 00-4-4H7a4 4 0 00-4 4v6a4 4 0 004 4"></path>
</svg>
<span class="leading-4 [writing-mode:vertical-rl]">关注我们</span>
</a>
</aside>
<div id="quickActionsMoreDialog" class="fixed right-20 top-1/2 z-50 hidden w-[360px] max-w-[calc(100vw-7rem)] -translate-y-1/2 rounded-lg border border-slate-200 bg-white p-5 shadow-2xl shadow-slate-900/20" role="dialog" aria-labelledby="quickActionsMoreTitle">
<div class="flex items-start justify-between gap-4">
<div>
<p class="text-sm font-semibold text-emerald-600">AI 简历姬能帮你做什么</p>
<h3 id="quickActionsMoreTitle" class="mt-2 text-xl font-bold text-slate-900">从简历到面试，一站式准备</h3>
</div>
<button type="button" data-quick-actions-close class="inline-flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-slate-100 text-slate-500 transition hover:bg-slate-200 hover:text-slate-700" aria-label="关闭说明">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="mt-5 grid gap-3 text-sm leading-6 text-slate-600">
<div class="rounded-lg border border-slate-100 bg-slate-50 p-4">
<h4 class="font-semibold text-slate-900">简历诊断与优化</h4>
<p class="mt-1">围绕目标 JD（岗位要求） 检查关键词覆盖、ATS（申请人追踪系统） 可读性和经历表达，给出可直接修改的建议。</p>
</div>
<div class="rounded-lg border border-slate-100 bg-slate-50 p-4">
<h4 class="font-semibold text-slate-900">在线制作与导出</h4>
<p class="mt-1">使用专业模板快速生成可投递简历，支持 PDF/Word 导出和多岗位版本管理。</p>
</div>
<div class="rounded-lg border border-slate-100 bg-slate-50 p-4">
<h4 class="font-semibold text-slate-900">面试与投递准备</h4>
<p class="mt-1">根据岗位要求生成模拟面试题、STAR 回答框架和投递节奏建议。</p>
</div>
</div>
<div class="mt-6 grid gap-3 sm:grid-cols-2">
<a href="https://app.resumemakeroffer.com/chat/perf" rel="nofollow" class="inline-flex items-center justify-center rounded-lg bg-emerald-500 px-5 py-3 text-sm font-bold text-white transition hover:bg-emerald-600">
免费诊断简历
</a>
<a href="https://app.resumemakeroffer.com/home" rel="nofollow" class="inline-flex items-center justify-center rounded-lg border border-slate-200 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">
在线制作简历
</a>
</div>
</div>
<script>
(function() {
function initQuickActionsMoreDialog() {
var dialog = document.getElementById("quickActionsMoreDialog");
var trigger = document.querySelector("[data-quick-actions-more]");
if (!dialog || !trigger || window.__quickActionsMoreDialogInit) return;
window.__quickActionsMoreDialogInit = true;
function setOpen(isOpen) {
dialog.classList.toggle("hidden", !isOpen);
trigger.setAttribute("aria-expanded", isOpen ? "true" : "false");
}
trigger.addEventListener("click", function(event) {
event.stopPropagation();
setOpen(dialog.classList.contains("hidden"));
});
dialog.querySelectorAll("[data-quick-actions-close]").forEach(function(btn) {
btn.addEventListener("click", function() {
setOpen(false);
});
});
dialog.addEventListener("click", function(event) {
event.stopPropagation();
});
document.addEventListener("click", function() {
if (!dialog.classList.contains("hidden")) setOpen(false);
});
document.addEventListener("keydown", function(event) {
if (event.key === "Escape" && !dialog.classList.contains("hidden")) setOpen(false);
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initQuickActionsMoreDialog);
} else {
initQuickActionsMoreDialog();
}
})();
</script>
<div id="aiGuideModal" class="fixed inset-0 bg-black/50 flex items-center justify-center z-[60] hidden backdrop-blur-sm transition-all duration-300 p-4 sm:p-6">
<div class="bg-white rounded-3xl shadow-2xl w-full max-w-4xl max-h-[90vh] relative transform transition-all duration-500 scale-95 opacity-0 overflow-hidden ring-1 ring-black/5" id="aiGuideModalContent">
<button id="closeAiGuideModal" aria-label="关闭" class="absolute top-4 right-4 bg-white/80 hover:bg-white text-gray-500 hover:text-gray-700 rounded-full w-9 h-9 flex items-center justify-center transition-all hover:scale-110 shadow-sm z-20 backdrop-blur-sm">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<div class="flex flex-col md:flex-row max-h-[90vh] overflow-y-auto overflow-x-hidden overscroll-contain">
<div class="hidden md:flex bg-gradient-to-br from-emerald-500 via-emerald-600 to-teal-600 md:w-5/12 p-10 lg:p-12 rounded-l-3xl items-center text-white relative overflow-hidden">
<div class="absolute inset-0 opacity-10">
<div class="absolute top-10 left-10 w-32 h-32 bg-white rounded-full blur-3xl"></div>
<div class="absolute bottom-10 right-10 w-40 h-40 bg-white rounded-full blur-3xl"></div>
</div>
<div class="space-y-6 relative z-10 text-center w-full">
<div class="w-16 h-16 bg-white/20 rounded-2xl flex items-center justify-center backdrop-blur-sm mx-auto">
<svg class="w-9 h-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
</div>
<div class="space-y-2">
<h3 class="text-3xl font-bold leading-tight">90,000+ 求职者的选择</h3>
<p class="text-emerald-100 text-base leading-relaxed">
平均 3 分钟写完简历<br>简历关键词覆盖率提升 60%+
</p>
</div>
<div class="space-y-3 text-base pt-2">
<div class="flex items-center justify-center bg-white/10 rounded-lg px-4 py-2.5 backdrop-blur-sm">
<svg class="w-5 h-5 mr-2 text-emerald-200 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
<span>AI生成Word简历模板</span>
</div>
<div class="flex items-center justify-center bg-white/10 rounded-lg px-4 py-2.5 backdrop-blur-sm">
<svg class="w-5 h-5 mr-2 text-emerald-200 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
<span>AI一键优化简历内容</span>
</div>
<div class="flex items-center justify-center bg-white/10 rounded-lg px-4 py-2.5 backdrop-blur-sm">
<svg class="w-5 h-5 mr-2 text-emerald-200 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
<span>导出PDF/Word无水印</span>
</div>
</div>
</div>
</div>
<div class="md:w-7/12 p-6 sm:p-8 lg:p-10">
<div class="md:hidden w-16 h-1 bg-gradient-to-r from-emerald-400 to-teal-400 rounded-full mx-auto mb-6"></div>
<div class="mb-6 space-y-3">
<span class="inline-block bg-amber-100 text-amber-700 text-xs font-semibold px-3 py-1 rounded-full">
🎁 限时免费体验
</span>
<h2 id="aiGuideTitle" class="text-3xl font-bold text-gray-900 leading-tight">
每次投递，必优化简历<br><span class="text-emerald-600">获得更多面试机会</span>
</h2>
<p id="aiGuideSubtitle" class="text-gray-600 leading-relaxed text-base">
匹配岗位需求，针对性优化简历。现在注册即可免费体验所有功能！
</p>
</div>
<div class="md:hidden mb-5 space-y-2 text-sm text-gray-600">
<div class="flex items-start gap-2">
<svg class="w-4 h-4 mt-0.5 text-emerald-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span>AI生成Word简历模板</span>
</div>
<div class="flex items-start gap-2">
<svg class="w-4 h-4 mt-0.5 text-emerald-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span>AI一键优化简历内容</span>
</div>
<div class="flex items-start gap-2">
<svg class="w-4 h-4 mt-0.5 text-emerald-500 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span>导出PDF/Word无水印</span>
</div>
</div>
<div class="space-y-4">
<a href="https://app.resumemakeroffer.com/chat/perf/?from=guide_modal" data-base-href="https://app.resumemakeroffer.com/chat/perf/?from=guide_modal" rel="nofollow"
class="group block w-full bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-emerald-600 hover:to-teal-600 text-white font-bold text-lg py-5 px-8 rounded-xl transition-all transform hover:scale-105 shadow-lg hover:shadow-xl text-center">
<span class="flex items-center justify-center gap-2">
<svg class="w-6 h-6 transition-transform group-hover:-translate-y-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
<span id="aiGuidePrimaryText">立即优化简历（免费）</span>
</span>
</a>
<a href="https://app.resumemakeroffer.com/home?from=guide_modal" data-base-href="https://app.resumemakeroffer.com/home?from=guide_modal" rel="nofollow"
class="block w-full bg-gray-100 hover:bg-emerald-50 text-gray-800 font-semibold text-base py-4 px-8 rounded-xl transition-all text-center border border-gray-200 hover:border-emerald-200">
<span class="flex items-center justify-center gap-2">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
</svg>
<span id="aiGuideSecondaryText">在线制作简历</span>
</span>
</a>
</div>
<div class="mt-6 pt-6 border-t border-gray-200">
<div class="flex items-center justify-center flex-wrap gap-x-4 gap-y-2 text-xs text-gray-500">
<div class="flex items-center">
<svg class="w-3.5 h-3.5 mr-1 text-green-500" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
</svg>
<span>安全保障</span>
</div>
<div class="flex items-center">
<svg class="w-3.5 h-3.5 mr-1 text-emerald-500" fill="currentColor" viewBox="0 0 20 20">
<path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"></path>
</svg>
<span>90,000+ 求职者使用</span>
</div>
<div class="flex items-center">
<svg class="w-3.5 h-3.5 mr-1 text-amber-500" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span>满意度高</span>
</div>
</div>
</div>
<div class="mt-4 text-center">
<button id="remindLater" class="text-sm text-gray-400 hover:text-gray-600 underline transition-colors">
稍后再说
</button>
</div>
</div>
</div>
</div>
</div>
<script>window.__aiGuideModalInit = window.__aiGuideModalInit || false;</script>
<div id="channelModal" class="fixed inset-0 z-[70] hidden items-center justify-center bg-black/50 p-4 backdrop-blur-sm" role="dialog" aria-labelledby="channelModalTitle" aria-modal="true">
<div class="relative w-full max-w-sm rounded-2xl bg-white p-6 text-center shadow-2xl">
<button type="button" data-channel-close aria-label="关闭" class="absolute right-3 top-3 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-slate-100 text-slate-500 transition hover:bg-slate-200 hover:text-slate-700">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</button>
<h3 id="channelModalTitle" class="text-xl font-bold text-slate-900"></h3>
<p id="channelModalTip" class="mt-3 leading-7 text-slate-600"></p>
<p class="mt-4 inline-block rounded-lg bg-emerald-50 px-4 py-2 text-lg font-bold text-emerald-600">AI简历姬</p>
</div>
</div>
<script>
(function() {
function initChannelModal() {
var modal = document.getElementById("channelModal");
if (!modal || window.__channelModalInit) return;
window.__channelModalInit = true;
var titleEl = document.getElementById("channelModalTitle");
var tipEl = document.getElementById("channelModalTip");
function setOpen(isOpen) {
modal.classList.toggle("hidden", !isOpen);
modal.classList.toggle("flex", isOpen);
}
document.querySelectorAll("[data-channel-modal]").forEach(function(btn) {
btn.addEventListener("click", function(event) {
event.stopPropagation();
titleEl.textContent = btn.getAttribute("data-channel-title") || "";
tipEl.textContent = btn.getAttribute("data-channel-tip") || "";
setOpen(true);
});
});
modal.querySelectorAll("[data-channel-close]").forEach(function(btn) {
btn.addEventListener("click", function() { setOpen(false); });
});
modal.addEventListener("click", function(event) {
if (event.target === modal) setOpen(false);
});
document.addEventListener("keydown", function(event) {
if (event.key === "Escape" && !modal.classList.contains("hidden")) setOpen(false);
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initChannelModal);
} else {
initChannelModal();
}
})();
</script>
<script src="https://cdn001.resumemakeroffer.com/site/static/ainsight/blog-article.js" defer></script>
<script src="https://cdn001.resumemakeroffer.com/site/static/ainsight/site-base.js?v=20260716-cta1" defer></script>
</body>
</html>
