# 前端开发 岗位方向；职业资料版本 2026-10-21.careers.2；核查 2026-10-21 让产品行为在浏览器中可理解、可操作且可访问。 涵盖交互实现、浏览器性能和可访问性；视觉设计是相邻工作。 本页按职责提供公开参照；地域、职级和准入以目标组织的现行要求另核。 名称/别名：前端工程师、Web前端、React开发、Vue开发、Frontend 来源状态：active ## 职业工作范围 按本职业主要交付组织工作范围；多个目标可以由同一结果包接收。职责来源用于核对工作定义，AI采用、工具可得性和实际表现按各项具体证据判断。这里不是所有地区与细分岗位的完整清单。 ### 交互功能交付 产物：含加载、空态、错误和权限状态的可操作界面 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；视觉JS基准是邻近缺陷研究，不覆盖本产品整功能与浏览器矩阵。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-1 变体：响应式与视觉还原 ### 设计与响应式实现 产物：不同屏幕上可对照验收的页面与组件 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；原创设计品味与目标用户体验不由截图相似度证明。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-1 变体：响应式与视觉还原 ### 可访问性修复 产物：键盘、焦点、语义和辅助技术检查材料 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；不同辅助技术与用户的真实操作覆盖尚需补足。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-3 变体：可访问性与输入设备 ### 浏览器性能改善 产物：可重放测量及渲染、资源加载变更 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；单一浏览器或热缓存改善不能推广到全部目标设备。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-4 变体：性能与兼容迁移 ### 界面缺陷兼容修复 产物：浏览器和设备复现矩阵与回归 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；代码层测试不足以复现目标浏览器的布局/输入事件。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-5 变体：浏览器或设备缺陷；性能与兼容迁移 ### 前端工程维护 产物：构建依赖、组件接口或状态管理迁移产物 内容覆盖：documented；以该应用的具体产物与独立接收条件呈现目标；大型遗留组件的隐含用法与实际发布矩阵需具体记录。 任务应用：/careers/frontend-developer#work-frontend-developer-deliverable-6 变体：性能与兼容迁移；回归与发布 范围来源：https://www.onetonline.org/link/summary/15-1254.00 当前范围以外： - 品牌战略及原创视觉设计服务 - 后端业务规则所有权 待补： - 需补真实视觉、交互完成度、可访问性及浏览器差异证据，通用代码测试只覆盖一部分 ## 主要工作与 AI 当前变化 以下条件评估与局部证据分别标示，不表示整项职业已验证。 ### 交互功能交付 / 设计与响应式实现 含加载、空态、错误和权限状态的可操作界面。可让Agent实现加载/空态/失败/权限交互，并用浏览器反馈迭代；接收状态必须跨提交、刷新与重进保持。；不同屏幕上可对照验收的页面与组件。给设计/内容和目标视口后可整包实现响应式组件；对照应同时看布局与操作，不靠藏内容凑相似。 交付物：含加载、空态、错误和权限状态的可操作界面；不同屏幕上可对照验收的页面与组件 判断依据：外部报告结果、有条件的编辑推断 当前变化：可让Agent实现加载/空态/失败/权限交互，并用浏览器反馈迭代；接收状态必须跨提交、刷新与重进保持。；给设计/内容和目标视口后可整包实现响应式组件；对照应同时看布局与操作，不靠藏内容凑相似。 - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“交互功能交付”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是含加载、空态、错误和权限状态的可操作界面；真实请求/持久状态、取消/重试与键盘焦点回归，保留trace和失败输入。；前端开发的“设计与响应式实现”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是不同屏幕上可对照验收的页面与组件；长文本/缩放/多视口截图对应同一真实数据，核对溢出、点击区域与内容可达。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） 应用范围：前端开发的“交互功能交付”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是含加载、空态、错误和权限状态的可操作界面；真实请求/持久状态、取消/重试与键盘焦点回归，保留trace和失败输入。；前端开发的“设计与响应式实现”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是不同屏幕上可对照验收的页面与组件；长文本/缩放/多视口截图对应同一真实数据，核对溢出、点击区域与内容可达。 AI工作组织：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。 当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。 - Playwright MCP：https://github.com/microsoft/playwright-mcp 2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备 ### 视觉JavaScript软件缺陷已有专属评估；原研究观察到通用修复系统跨到视觉与另一语言时明显退化。 依据身份：外部报告结果；状态：active - SWE-bench Multimodal 原论文：https://arxiv.org/abs/2410.03859v1 定位：Abstract：任务定义与视觉/跨语言实验摘要；关系：partial 支持：证明视觉修复需要独立任务分布。 限制：2024历史系统，不能当成2026当前前端能力上限。 核查：2026-10-20；来源状态：active 配置：SWE-bench M：617任务、17个JS库；论文SWE-agent等原配置，非本站运行。 适用限制：2024历史系统，不能当成2026当前前端能力上限。 相关进展（本条判断）： - SWE-bench Multimodal把视觉JS缺陷单列评估：/explore?purpose=understand&domain=computing&window=all#P-C-VISUAL-REPAIR 首次公开 2024-10-04 ### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：README：browser tools/configuration；关系：method 支持：提供操作与观察的可用接口。 限制：迁移到具体产品仍需独立数据与体验检查。 核查：2026-10-20；来源状态：active 适用限制：迁移到具体产品仍需独立数据与体验检查。 ## 情境变化 ### 响应式与视觉还原 输入变化：既有设计有桌面/窄屏差异。 判断变化：可整包交付，先冻结内容和交互，避免用藏内容制造相似。 验收变化：检查断点、长文本、溢出与行为；截图须与真实DOM状态对应。 研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。 下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。 未来改判信号： - 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。 - 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。 接收/拒收： - 任务确实完成：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。 拒收：只截图漂亮页面，点击按钮无效果。 - 不同使用条件可接收：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。 拒收：把零axe告警写成所有辅助技术用户都能完成任务。 - 改善可重复：在同一数据/网络/设备条件比较性能与布局，保留失败trace。 拒收：只更改阈值或关闭慢路径来声称性能改善。 失败处理：缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 尚未覆盖：视觉JS基准是邻近缺陷研究，不覆盖本产品整功能与浏览器矩阵。；原创设计品味与目标用户体验不由截图相似度证明。 验证方法：真实请求/持久状态、取消/重试与键盘焦点回归，保留trace和失败输入。；长文本/缩放/多视口截图对应同一真实数据，核对溢出、点击区域与内容可达。 ### 可访问性修复 键盘、焦点、语义和辅助技术检查材料。可委派常见语义/标签/焦点修复与自动扫描；读屏复杂流程单列真实核验，零告警不等于可访问。 交付物：键盘、焦点、语义和辅助技术检查材料 判断依据：工具与方法依据、有条件的编辑推断 当前变化：可委派常见语义/标签/焦点修复与自动扫描；读屏复杂流程单列真实核验，零告警不等于可访问。 - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“可访问性修复”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是键盘、焦点、语义和辅助技术检查材料；键盘顺序、名称/角色、错误朗读、焦点返回和缩放任务；axe规则只作其中一项。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） 应用范围：前端开发的“可访问性修复”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是键盘、焦点、语义和辅助技术检查材料；键盘顺序、名称/角色、错误朗读、焦点返回和缩放任务；axe规则只作其中一项。 AI工作组织：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。 当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。 - Playwright MCP：https://github.com/microsoft/playwright-mcp 2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备 ### 可用Playwright与axe检查常见自动化可访问性缺陷，但需要交互和辅助技术条件验证补足覆盖。 依据身份：工具与方法依据；状态：active - Playwright accessibility testing：https://playwright.dev/docs/accessibility-testing 定位：Introduction/Example accessibility tests；关系：method 支持：给出自动规则和边界。 限制：工具检查不是Agent表现或全面WCAG认证。 核查：2026-10-20；来源状态：active 适用限制：工具检查不是Agent表现或全面WCAG认证。 ### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：README：browser tools/configuration；关系：method 支持：提供操作与观察的可用接口。 限制：迁移到具体产品仍需独立数据与体验检查。 核查：2026-10-20；来源状态：active 适用限制：迁移到具体产品仍需独立数据与体验检查。 ## 情境变化 ### 可访问性与输入设备 输入变化：使用键盘、读屏、缩放或不同输入法。 判断变化：自动规则可批量修复；复杂读屏流程需单独核验。 验收变化：逐步检查名称/角色、顺序、焦点返回和错误朗读。 研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。 下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。 未来改判信号： - 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。 - 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。 接收/拒收： - 任务确实完成：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。 拒收：只截图漂亮页面，点击按钮无效果。 - 不同使用条件可接收：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。 拒收：把零axe告警写成所有辅助技术用户都能完成任务。 - 改善可重复：在同一数据/网络/设备条件比较性能与布局，保留失败trace。 拒收：只更改阈值或关闭慢路径来声称性能改善。 失败处理：缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 尚未覆盖：不同辅助技术与用户的真实操作覆盖尚需补足。 验证方法：键盘顺序、名称/角色、错误朗读、焦点返回和缩放任务；axe规则只作其中一项。 ### 浏览器性能改善 可重放测量及渲染、资源加载变更。让Agent联合性能trace、渲染/资源代码和真实交互修正，在固定数据/网络/设备下接收改善。 交付物：可重放测量及渲染、资源加载变更 判断依据：有条件的编辑推断 当前变化：让Agent联合性能trace、渲染/资源代码和真实交互修正，在固定数据/网络/设备下接收改善。 - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“浏览器性能改善”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是可重放测量及渲染、资源加载变更；多次测加载/交互与资源，检查主任务、hydration和错误恢复，不能事后改阈值。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） 应用范围：前端开发的“浏览器性能改善”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是可重放测量及渲染、资源加载变更；多次测加载/交互与资源，检查主任务、hydration和错误恢复，不能事后改阈值。 AI工作组织：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。 当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。 - Playwright MCP：https://github.com/microsoft/playwright-mcp 2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备 ### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：README：browser tools/configuration；关系：method 支持：提供操作与观察的可用接口。 限制：迁移到具体产品仍需独立数据与体验检查。 核查：2026-10-20；来源状态：active 适用限制：迁移到具体产品仍需独立数据与体验检查。 ### 可在固定浏览器/设备/数据/网络下委派性能诊断与改动，按可重复测量和真实功能回归接收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：browser configuration/tools；关系：method 支持：公开操作/观察接口支持工程测量组织。 限制：视觉JS修复研究不评性能；本页面无改善试验。 核查：2026-10-20；来源状态：active 适用限制：视觉JS修复研究不评性能；本页面无改善试验。 ## 情境变化 ### 性能与兼容迁移 输入变化：改变构建、组件、SSR/客户端状态或大列表。 判断变化：按浏览器矩阵分阶段接收。 验收变化：同数据负载记录性能、hydration和旧组件/接口回归。 研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。 下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。 未来改判信号： - 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。 - 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。 接收/拒收： - 任务确实完成：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。 拒收：只截图漂亮页面，点击按钮无效果。 - 不同使用条件可接收：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。 拒收：把零axe告警写成所有辅助技术用户都能完成任务。 - 改善可重复：在同一数据/网络/设备条件比较性能与布局，保留失败trace。 拒收：只更改阈值或关闭慢路径来声称性能改善。 失败处理：缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 尚未覆盖：单一浏览器或热缓存改善不能推广到全部目标设备。 验证方法：多次测加载/交互与资源，检查主任务、hydration和错误恢复，不能事后改阈值。 ### 界面缺陷兼容修复 浏览器和设备复现矩阵与回归。从实际浏览器/设备复现到补丁与回归可整包委派，视觉/语言环境差异必须进入失败输入。 交付物：浏览器和设备复现矩阵与回归 判断依据：工具与方法依据、有条件的编辑推断、外部报告结果 当前变化：从实际浏览器/设备复现到补丁与回归可整包委派，视觉/语言环境差异必须进入失败输入。 - 缺陷修复：交付补丁与回归证据：/work-units/W-C01?version=2026-10-21.workunits.2 前端开发的“界面缺陷兼容修复”使用缺陷修复：交付补丁与回归证据，输入/接收对象是浏览器和设备复现矩阵与回归；同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。（partial；workunits/work-unit/W-C01@2026-10-21.workunits.2） - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“界面缺陷兼容修复”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是浏览器和设备复现矩阵与回归；同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） 应用范围：前端开发的“界面缺陷兼容修复”使用缺陷修复：交付补丁与回归证据，输入/接收对象是浏览器和设备复现矩阵与回归；同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。 AI工作组织：维护者交付故障契约；Agent自行搜索和修改，测试失败返回修复循环；接收以行为与差异为依据。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：失败契约将搜索空间限定为可观察行为；补丁前后运行与受影响回归能否捕获真实错误，比生成代码是否流畅更有判别力。对无法复现的投诉先接收诊断。 当前可用性：open-implementation；SWT提供容器验收器；修复Agent需接入自己的模型，语料和工具不是此仓库已修复证明。 - SWT-Bench：https://github.com/logic-star-ai/swt-bench 2026-10-20公开仓库HEAD 330a649a764fab2fadaea632776eeae87272f74b；实际运行另固定依赖/镜像/模型；源码公开；需容器资源、目标仓库和模型账户 ### 缺陷测试应在基线失败、正确修复后通过；可用独立失败输入排除补丁和自写测试互相自证。 依据身份：工具与方法依据；状态：active - SWT-Bench 官方实现：https://github.com/logic-star-ai/swt-bench 定位：Overview；unit test/reproduction script modes；关系：method 支持：提供补丁前后双运行的验收入口。 限制：只生成复现测试，没有保证补丁正确或覆盖未知回归。 核查：2026-10-20；来源状态：active 适用限制：只生成复现测试，没有保证补丁正确或覆盖未知回归。 ### 可复现缺陷、可启动依赖和有限改动范围齐备时，可委派Agent整包搜索、修复、重测，按行为结果接收。 依据身份：有条件的编辑推断；状态：active - SWT-Bench 官方实现：https://github.com/logic-star-ai/swt-bench 定位：Overview与gold validation；关系：adjacent 支持：从可运行缺陷控制迁移到修复反馈。 限制：本站没有对新仓库运行；并发、数据损失和环境差异须按变体增加检查。 核查：2026-10-20；来源状态：active 适用限制：本站没有对新仓库运行；并发、数据损失和环境差异须按变体增加检查。 ## 情境变化 ### 浏览器或设备缺陷 输入变化：原错误依赖渲染、权限、生命周期或具体设备。 判断变化：编译和服务测试只接收代码层；须采用W-C04/W-C05的真实环境交付。 验收变化：重放对应浏览器/真机路径并核对持久状态，不能用Mock替代。 研究前沿：公开系统已能构造仓库级复现测试和修复候选；材料不覆盖目标系统全部竞争条件及长期行为。 下一项验证：选一个未解决的授权缺陷；冻结SHA，先让独立复现捕获基线，再接收补丁并重放用户路径和关键回归，保留失败尝试。 未来改判信号： - 新缺陷的独立复现、受影响回归和真实维护接收都持续成立，可考虑扩大相近输入范围。 - 原错误复发、测试被改弱或确认成本抵消收益，应收窄或暂停相应采用。 接收/拒收： - 原错误被真实捕获：在基线和候选上重放同一失败输入，观察行为或状态 拒收：只新增一个永远通过的测试，原问题仍在。 - 修复未破坏现有约束：运行受影响调用方与边界回归；审阅测试是否被删改绕过 拒收：为通过测试移除权限检查或跳过失败用例。 - 交付对应可复现环境：核对仓库SHA、依赖、命令与日志；环境失败单列 拒收：把依赖装不上写成缺陷已经修复。 失败处理：不能复现时返回环境、尝试输入和缺失条件；补丁退化时保留失败证据并继续修正，不能靠缩小原需求宣布成功。 本站记录：未对这一完整修复单元发布本站AI试验结果。 应用范围：前端开发的“界面缺陷兼容修复”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是浏览器和设备复现矩阵与回归；同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。 AI工作组织：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。 当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。 - Playwright MCP：https://github.com/microsoft/playwright-mcp 2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备 ### 视觉JavaScript软件缺陷已有专属评估；原研究观察到通用修复系统跨到视觉与另一语言时明显退化。 依据身份：外部报告结果；状态：active - SWE-bench Multimodal 原论文：https://arxiv.org/abs/2410.03859v1 定位：Abstract：任务定义与视觉/跨语言实验摘要；关系：partial 支持：证明视觉修复需要独立任务分布。 限制：2024历史系统，不能当成2026当前前端能力上限。 核查：2026-10-20；来源状态：active 配置：SWE-bench M：617任务、17个JS库；论文SWE-agent等原配置，非本站运行。 适用限制：2024历史系统，不能当成2026当前前端能力上限。 相关进展（本条判断）： - SWE-bench Multimodal把视觉JS缺陷单列评估：/explore?purpose=understand&domain=computing&window=all#P-C-VISUAL-REPAIR 首次公开 2024-10-04 ### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：README：browser tools/configuration；关系：method 支持：提供操作与观察的可用接口。 限制：迁移到具体产品仍需独立数据与体验检查。 核查：2026-10-20；来源状态：active 适用限制：迁移到具体产品仍需独立数据与体验检查。 ## 情境变化 ### 性能与兼容迁移 输入变化：改变构建、组件、SSR/客户端状态或大列表。 判断变化：按浏览器矩阵分阶段接收。 验收变化：同数据负载记录性能、hydration和旧组件/接口回归。 研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。 下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。 未来改判信号： - 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。 - 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。 接收/拒收： - 任务确实完成：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。 拒收：只截图漂亮页面，点击按钮无效果。 - 不同使用条件可接收：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。 拒收：把零axe告警写成所有辅助技术用户都能完成任务。 - 改善可重复：在同一数据/网络/设备条件比较性能与布局，保留失败trace。 拒收：只更改阈值或关闭慢路径来声称性能改善。 失败处理：缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 尚未覆盖：代码层测试不足以复现目标浏览器的布局/输入事件。 验证方法：同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。 ### 前端工程维护 构建依赖、组件接口或状态管理迁移产物。可委派构建、依赖、组件或状态迁移，以旧用户路径与发布产物接收，不把重新打包当兼容完成。 交付物：构建依赖、组件接口或状态管理迁移产物 判断依据：有条件的编辑推断、可检查产物 当前变化：可委派构建、依赖、组件或状态迁移，以旧用户路径与发布产物接收，不把重新打包当兼容完成。 - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“前端工程维护”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） - 验收器与测试资产交付：能拒绝错误，也能接受合法替代：/work-units/W-C12?version=2026-10-21.workunits.2 前端开发的“前端工程维护”使用验收器与测试资产交付：能拒绝错误，也能接受合法替代，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。（partial；workunits/work-unit/W-C12@2026-10-21.workunits.2） 应用范围：前端开发的“前端工程维护”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。 AI工作组织：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。 当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。 - Playwright MCP：https://github.com/microsoft/playwright-mcp 2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备 ### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。 依据身份：有条件的编辑推断；状态：active - Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp 定位：README：browser tools/configuration；关系：method 支持：提供操作与观察的可用接口。 限制：迁移到具体产品仍需独立数据与体验检查。 核查：2026-10-20；来源状态：active 适用限制：迁移到具体产品仍需独立数据与体验检查。 ## 情境变化 ### 性能与兼容迁移 输入变化：改变构建、组件、SSR/客户端状态或大列表。 判断变化：按浏览器矩阵分阶段接收。 验收变化：同数据负载记录性能、hydration和旧组件/接口回归。 研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。 下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。 未来改判信号： - 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。 - 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。 接收/拒收： - 任务确实完成：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。 拒收：只截图漂亮页面，点击按钮无效果。 - 不同使用条件可接收：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。 拒收：把零axe告警写成所有辅助技术用户都能完成任务。 - 改善可重复：在同一数据/网络/设备条件比较性能与布局，保留失败trace。 拒收：只更改阈值或关闭慢路径来声称性能改善。 失败处理：缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 应用范围：前端开发的“前端工程维护”使用验收器与测试资产交付：能拒绝错误，也能接受合法替代，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。 AI工作组织：Agent可自主构造输入、启动环境、生成检查并用控制修订；程序反复运行，人按风险判断何种证据足够。 ## 任务级判断与证据 采用方式：限定条件下整包委派 从证据到建议：SWT-Bench直接把复现测试前后运行分开，并区分复现脚本与全套测试。把验收器当交付对象可以合并测试生成/环境诊断/回归，而不强迫先写大量映射实现的测试。 当前可用性：mixed；开源测试资产可检查；没有运行新的模型生成测试。 - SWT-Bench：https://github.com/logic-star-ai/swt-bench 2026-10-20公开仓库HEAD 330a649a764fab2fadaea632776eeae87272f74b；实际运行另固定依赖/镜像/模型；开源；容器、仓库与模型调用预算另备 ### SWT-Bench公开给出仓库级复现测试、gold patches和执行日志，能检查错误前失败与修复后通过。 依据身份：可检查产物；状态：active - SWT-Bench 官方实现：https://github.com/logic-star-ai/swt-bench 定位：Overview；Gold validation；evaluation logs；关系：partial 支持：提供直接测试任务资产。 限制：复现脚本模式不包含全套回归；语料不覆盖全部产品风险。 核查：2026-10-20；来源状态：active 适用限制：复现脚本模式不包含全套回归；语料不覆盖全部产品风险。 ### 可让AI交付并校准验收器，先用真实正反控制和合理替代测试它，再用它判断其他Agent产物。 依据身份：有条件的编辑推断；状态：active - SWT-Bench 官方实现：https://github.com/logic-star-ai/swt-bench 定位：Unit Test mode vs Reproduction Script mode；关系：partial 支持：支持按实际执行结果检查测试。 限制：不能由已知控制表现推出未知缺陷检出率。 核查：2026-10-20；来源状态：active 适用限制：不能由已知控制表现推出未知缺陷检出率。 ## 情境变化 ### 回归与发布 输入变化：测试来自修复或持续交付。 判断变化：交付发布差距与证据，不能只给总通过数。 验收变化：历史错误重放、flaky隔离、关键风险未覆盖与版本差异。 研究前沿：公开有仓库级测试生成与gold控制；它的覆盖变化不等于业务查全率，真实浏览器/移动/硬件验收还需环境。 下一项验证：用一组真实缺陷、正确修复和不同正确实现盲测，冻结需求后让Agent生成检查，再由独立运行核对拒绝/接收、稳定性与诊断质量。 未来改判信号： - 独立新缺陷被捕获，正确和合理替代被接收，flaky成本可控，可考虑扩大相近输入范围。 - 测试只迎合某种写法、环境偶然通过或关键错误漏检，应收窄或暂停相应采用。 接收/拒收： - 确实区分错误：同一检查在已知错误版本失败、修复/合法替代通过，失败原因对应需求。 拒收：为某种代码写法锁死断言，合法替代也失败。 - 不靠环境偶然通过：重复重放、清空状态、变顺序，明确超时/依赖与并发；记录不稳定失败。 拒收：测试共享脏数据库或sleep碰巧通过。 - 覆盖与发布结论相称：按关键风险、权限/数据/环境路径给剩余风险，使用独立缺陷控制挑战测试。 拒收：覆盖率100%就认定没有遗漏或安全问题。 失败处理：发现验收器错误先修正并重跑双方控制；环境失败单列，不把失败转跳过后宣布通过。 本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。 尚未覆盖：大型遗留组件的隐含用法与实际发布矩阵需具体记录。 验证方法：固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。 ## 与工作关联的进展 ### SWE-bench Multimodal把视觉JS缺陷单列评估 公开 2024-10-04 617个视觉JavaScript缺陷任务把视觉和跨语言泛化问题显式化。 支持范围：历史模型与库级缺陷；不覆盖所有完整页面、可访问性或跨浏览器产品交付。 来源状态：active /explore?purpose=understand&domain=computing&window=all#P-C-VISUAL-REPAIR ## 未来3–5年条件情景 未来 3–5 年（2029–2031） 未来 3–5 年是编辑条件情景，不是就业数量预测。每项均列基准、加速、受限路径和需观察的信号；职业职责来源不等于 AI 能力证据。 基准：2029–2031，若浏览器执行和设计约束持续可用，页面、状态核验与可访问性修订将更多合并为一次交付；前端工作从逐组件编码转向交互规格、跨环境取舍和持续体验接收。 加速：若新组件/跨浏览器、长流程与真实用户辅助技术条件下持续稳定，可扩大到更多产品级体验迭代。 受限：若生成界面经常漏掉边缘状态，人工浏览器验收仍占主要时间。 改判信号： - 无障碍与异常状态的实测缺陷 - 生成页面上线后的用户完成率和维护成本 ## 进入与成长的公开能力证据 ### 基础知识与工具 先学语义HTML、CSS布局、JavaScript、浏览器工作方式、可访问性和版本控制，再按作品需要选择框架；MDN把框架列在扩展模块。 身份：source-summary - MDN Curriculum：https://developer.mozilla.org/en-US/curriculum/ 定位：Core 1–9；Extensions 7 JavaScript frameworks；核查 2026-10-21；限制：前端入门课程参照，不是政府资格、就业保证或中国招聘门槛。 ### 可展示的入门作品 入门作品可做一个响应式交互页面：完成读取、提交、空态和错误态，附键盘操作、窄屏与缩放检查，以及可复现的运行说明。 身份：editorial-inference - MDN Curriculum：https://developer.mozilla.org/en-US/curriculum/ 定位：Core 1–9；Extensions；页面 Last updated October 2025；核查 2026-10-21；限制：前端入门课程参照，不是政府资格、就业保证或中国招聘门槛。 - Web Developers：https://www.onetonline.org/link/details/15-1254.00 定位：Tasks：构建网站、跨浏览器设备兼容、测试计划与结果；核查 2026-10-21；限制：美国职业职责、知识和工具参照；并非中国招工、市场或统一准入规定；本次不采用薪酬、学历比例和工具热度。 ### 从局部工作到完整责任 初级可按明确设计与组件约定实现页面；完整责任扩展到需求冲突、真实请求与数据状态、辅助技术、性能、安全和持续变更后的体验验收。学习作品应明确仍未覆盖的真实条件。 身份：editorial-inference - MDN Curriculum：https://developer.mozilla.org/en-US/curriculum/ 定位：Core 1–9；Extensions；页面 Last updated October 2025；核查 2026-10-21；限制：前端入门课程参照，不是政府资格、就业保证或中国招聘门槛。 - Web Developers：https://www.onetonline.org/link/details/15-1254.00 定位：Tasks / Knowledge / Software Skills；核查 2026-10-21；限制：美国职业职责、知识和工具参照；并非中国招工、市场或统一准入规定；本次不采用薪酬、学历比例和工具热度。 ### 地区适用与正式准入 O*NET的Web Developers比本站前端方向更宽，MDN为国际技术课程。中国相关程序设计员技能标准通知可作为学习资料入口；本轮未核其正文或前端统一准入规则，不能据此要求人人持同一证书。 身份：fact-and-scope-limit - 关于颁布计算机程序设计员等6个国家职业技能标准的通知：https://chinajob.mohrss.gov.cn/h5/c/2022-08-05/357338.shtml 定位：人社厅发〔2022〕31号；正文；落款2022-07-12；网页2022-08-05；核查 2026-10-21；限制：核到颁布通知；本轮附件正文入口读取失败。只说明有相关国家技能标准，不采纳未读正文的技能等级、申报条件，也不把技能评价当通用就业许可。 - Web Developers：https://www.onetonline.org/link/details/15-1254.00 定位：Tasks / Knowledge / Software Skills；核查 2026-10-21；限制：美国职业职责、知识和工具参照；并非中国招工、市场或统一准入规定；本次不采用薪酬、学历比例和工具热度。 完整交付作品证据： - 含加载、空态、错误和权限状态的可操作界面；附真实请求/持久状态、取消/重试与键盘焦点回归，保留trace和失败输入。；长文本/缩放/多视口截图对应同一真实数据，核对溢出、点击区域与内容可达。 - 键盘、焦点、语义和辅助技术检查材料；附键盘顺序、名称/角色、错误朗读、焦点返回和缩放任务；axe规则只作其中一项。 具体地区、职级和组织要求按目标岗位核对；美国资料不自动作为中国资格要求。 ## 相邻方向及区别 - 后端开发：/careers/backend-developer.md?version=2026-10-21.careers.2 前端对用户能否完成操作负责；后端对服务与数据行为负责。 - 软件质量与测试：/careers/qa-engineer.md?version=2026-10-21.careers.2 前端主要实现体验；质量工程独立设计风险覆盖与验收。 ## 职业名称与分类映射 - O*NET-SOC 15-1254.00 Web Developers；O*NET-SOC 2019；OnLine Updated 2026；US；narrower 本方向仅取该职业的一部分职责，组织中的具体岗位需按工作说明另核。；定位 Definition / Tasks ## 工作资料与来源 - 浏览器功能交付：操作、渲染与可访问性一起验收：/work-units/W-C04?version=2026-10-21.workunits.2 前端开发的“前端工程维护”使用浏览器功能交付：操作、渲染与可访问性一起验收，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。（partial；workunits/work-unit/W-C04@2026-10-21.workunits.2） - 缺陷修复：交付补丁与回归证据：/work-units/W-C01?version=2026-10-21.workunits.2 前端开发的“界面缺陷兼容修复”使用缺陷修复：交付补丁与回归证据，输入/接收对象是浏览器和设备复现矩阵与回归；同一基线/补丁环境重放，覆盖目标浏览器、输入法/长文本与持久状态。（partial；workunits/work-unit/W-C01@2026-10-21.workunits.2） - 验收器与测试资产交付：能拒绝错误，也能接受合法替代：/work-units/W-C12?version=2026-10-21.workunits.2 前端开发的“前端工程维护”使用验收器与测试资产交付：能拒绝错误，也能接受合法替代，输入/接收对象是构建依赖、组件接口或状态管理迁移产物；固定锁文件/浏览器，旧组件接口、状态恢复、SSR及合法替代控制都应通过。（partial；workunits/work-unit/W-C12@2026-10-21.workunits.2） - Web Developers：https://www.onetonline.org/link/summary/15-1254.00 O*NET / 美国劳工部职业信息网络；US；O*NET OnLine / Updated 2026 / 2026-10-20访问快照；核查 2026-10-20；状态 active 定位：职业定义、Tasks、Work Activities；不采用薪酬和学历比例 范围：美国 O*NET-SOC 职业职责参照；中文标题及导航由编辑按工作内容映射 限制：不证明中国岗位数量、准入资格或在招需求；不提供该职业的 AI 实测结论。 - MDN Curriculum：https://developer.mozilla.org/en-US/curriculum/ Mozilla / MDN；international-technical-reference；2026-10-21原文核查；具体文号/技术版本见定位；核查 2026-10-21；状态 active 定位：Core 1–9；Extensions；页面 Last updated October 2025 范围：职业准备及地区适用参照；不提供AI任务成绩 限制：前端入门课程参照，不是政府资格、就业保证或中国招聘门槛。 - Web Developers：https://www.onetonline.org/link/details/15-1254.00 O*NET OnLine；US；2026-10-21原文核查；具体文号/技术版本见定位；核查 2026-10-21；状态 active 定位：Tasks / Knowledge / Software Skills 范围：职业准备及地区适用参照；不提供AI任务成绩 限制：美国职业职责、知识和工具参照；并非中国招工、市场或统一准入规定；本次不采用薪酬、学历比例和工具热度。 - 关于颁布计算机程序设计员等6个国家职业技能标准的通知：https://chinajob.mohrss.gov.cn/h5/c/2022-08-05/357338.shtml 人力资源社会保障部、工业和信息化部；中国就业网公开；CN；2026-10-21原文核查；具体文号/技术版本见定位；核查 2026-10-21；状态 active 定位：人社厅发〔2022〕31号；正文；落款2022-07-12；网页2022-08-05 范围：职业准备及地区适用参照；不提供AI任务成绩 限制：核到颁布通知；本轮附件正文入口读取失败。只说明有相关国家技能标准，不采纳未读正文的技能等级、申报条件，也不把技能评价当通用就业许可。 ## 用于自己的问题 个人适配、具体岗位判断与计划由用户自己的 Agent 结合已有材料处理。复用已知上下文，仅追问影响结论的缺口；目录不是全部选项。阅读或比较公开工作本身无需档案、固定二选一、保存记录或行动计划。