网站建设与管理试题，从0到1打造高可用站点的实战指南

当面试官把“网站建设与管理试题”四个字写在白板上时，很多人第一反应是回忆课本里的HTML标签。事实上，一套合格的试题应当同时检验技术深度与运营思维，既要覆盖代码层面的实现，也要验证上线后的持续管理能力。以下内容基于真实项目经验整理，既可作为企业招聘笔试题库，也能帮助个人开发者查漏补缺。

一、需求分析与信息架构：试题设计的起点 任何站点在敲下第一行代码前，都必须回答三个问题：目标用户是谁？他们最急迫的痛点是什么？信息如何被最快找到？ 典型试题示例：

1. 请用不超过150字描述“校园二手书交易平台”的核心用户画像。
2. 画出该平台的信息架构图，要求包含“搜索、发布、订单、支付”四大模块，并标注每个模块的入口深度不超过3层。

评分要点：

• 用户画像需体现“高频、低价、即时”三大特征；
• 信息架构图需避免出现“孤岛页面”，确保任意节点可在两次点击内回到首页。

二、技术选型与性能预算：让试题具备工程味道 很多笔试只问“div和span区别”，却忽略“为什么选Next.js而不是原生PHP”。一套有含金量的试题应迫使候选人做权衡。 示例：

1. 在日均PV 10万的场景下，请对比Nginx+PHP-FPM与Node.js SSR两种方案的首屏时间、服务器成本、可维护性，并给出最终选型理由（字数≤200）。
2. 设定性能预算：FCP≤1.5s、TTI≤3s，列出三项具体优化手段并说明可量化的收益。

评分要点：

• 必须引用WebPageTest或Lighthouse的实测数据；
• 优化手段需覆盖静态资源（图片压缩、HTTP/2）、动态资源（SSR缓存、CDN边缘计算）两个维度。

三、安全与合规：把风险写进考卷 2023年某头部电商因未过滤CSV公式注入，导致用户数据泄露。把这类案例改编为试题，既真实又能筛人。

1. 请写出一段Python代码，演示如何在上传Excel时防御CSV公式注入。
2. 当站点需要面向欧盟用户时，GDPR的“被遗忘权”应如何在数据库层面落地？请用伪代码说明删除流程，并指出至少两处日志记录点。

评分要点：

• 代码需体现白名单校验与转义=号；
• 删除流程必须包含“软删除→异步擦除→备份清理”三步，且每一步都有审计日志。

四、SEO与可访问性：让技术产生商业价值 搜索引擎优化不是营销部的“黑魔法”，而是开发阶段就要埋好的伏笔。

1. 请为“在线课程详情页”设计一套JSON-LD结构化数据，要求包含课程名称、讲师、评分、价格四项字段，并说明如何在Google Rich Results Test中验证。
2. 使用ARIA属性改进以下代码片段，使屏幕阅读器可正确朗读“加入购物车”按钮的状态变化。

<button id="buy">加入购物车</button>

评分要点：

• JSON-LD需符合Schema.org/Course规范；
• ARIA改进需同时处理aria-live与aria-disabled状态，确保动态更新可被无障碍工具捕获。

五、自动化运维与监控：试题也要考“后半夜” 网站上线只是开始，凌晨3点的告警短信才是检验真功夫的时刻。

1. 用Docker Compose编写一份docker-compose.yml，实现Nginx + Node.js + Redis的一键部署，要求Node服务崩溃后30秒内自动重启。
2. 设计一条PromQL查询，统计过去5分钟HTTP 5xx错误率超过1%的主机列表，并说明如何将该告警接入企业微信机器人。

评分要点：

• restart: unless-stopped与healthcheck必须同时出现；
• PromQL需使用rate(http_requests_total[5m])与> 0.01阈值，告警规则文件需包含summary与runbook_url字段。

六、版本管理与协作：把“人”的因素纳入试题 代码冲突、回滚、Hotfix，这些日常场景往往比算法题更能区分“能写”与“能扛”。

1. 描述一次Git Flow下从功能分支到生产发布的完整流程，重点说明如何在不中断服务的情况下回滚数据库迁移脚本。
2. 当两名开发者同时修改同一API接口时，如何设计Code Review清单以避免逻辑冲突？请列举三项检查点。

评分要点：

• 回滚方案需体现“蓝绿部署+影子表”双保险；
• Review清单必须包含“接口契约diff、数据库迁移顺序、回滚脚本可逆性”。

七、实战演练：用一页纸做Mini项目 为了让试题更贴近真实工作，可要求候选人在90分钟内完成以下任务：

• 基于提供的Figma稿，用任意框架实现响应式首页；
• 接入Mock API展示课程列表，并实现搜索防抖；
• 部署到Vercel并配置自定义域名，提交Lighthouse性能报告截图。

评分维度：

• 代码规范（ESLint无Error）；
• 性能（Lighthouse四项得分≥90）；
• 可访问性（tab键可完整遍历页面）。

通过以上七大模块，“网站建设与管理试题”不再是零散知识点的拼盘，而是一条从需求到运维的完整价值链。企业可用借此筛选具备全栈视角的工程师，个人亦可将其作为技能树查漏补缺。