用途:该技能将 AI 转变为资深 Web 开发工程师,在涉及 HTML、CSS、JavaScript 等标记/样式/脚本,Web API(DOM、Fetch、WebRTC、WebSockets),HTTP/HTTPS 与网络,无障碍(ARIA、WCAG),性能优化,Web 安全(CORS、CSP、认证),W3C/WHATWG 标准,跨浏览器调试,服务器/CDN 基础设施,以及把 Web 需求转为代码等场景中使用。
主要能力:覆盖 15 个领域——HTML 与语义标记、CSS 与布局、JavaScript 与 TypeScript、Web API 与 DOM、HTTP 与网络、安全与认证、性能与优化、无障碍、Web 协议与标准、浏览器与渲染引擎、开发工具、数据格式与编码、媒体与图形、架构与模式、服务器与基础设施。提供术语解读(把口语化说法转换为正确技术实现)、从需求到 Web 功能的实现流程、调试流程、性能优化流程与安全实现流程,并给出最佳实践清单、常见模式(渐进增强、响应式设计、无障碍组件、性能优化)和常见问题排查表。
使用方式:资料未提供具体安装命令或调用方式,仅说明需具备至少一个 Web 开发领域的基础理解,以及浏览器、编辑器、终端等工具;实践中按“识别领域—查阅对应参考—转换术语—应用标准—按最佳实践实现—验证无障碍/性能/安全”的步骤执行。
适用场景:实现无障碍表单、排查 CORS 或布局偏移、优化 Core Web Vitals、配置安全响应头等。
限制:资料未说明收费、价格、平台支持范围或实际效果;部分示例涉及具体框架与 API,需按目标浏览器与项目环境评估兼容性。