# JS开发技能

使用原生JavaScript编写前端功能代码，包括DOM操作、事件处理、数据请求和API联调。触发关键词：JS开发、JavaScript、原生JS、前端脚本。

## 执行步骤

### 步骤1：读取相关常识知识
使用 `read_knowledge` 读取以下常识知识，了解领域规范和标准：
- 使用 `read_knowledge knowledge_name='naming_conventions'`
- 使用 `read_knowledge knowledge_name='logging_standards'`

### 步骤2：读取工作提示词
使用 `read_work` 读取以下工作提示词，按规范流程执行：
- 使用 `read_work work_name='js_development'`

### 步骤3：分析功能需求
使用 `read_text` 读取需求文档，确定需要实现的交互功能。

### 步骤4：编写DOM操作代码
使用 `write_text` 编写元素选择、创建、修改和删除的代码。

### 步骤5：实现事件处理
编写用户交互事件（click/input/scroll等）的处理逻辑。

### 步骤6：实现数据请求
使用fetch/axios编写异步数据请求，处理API返回数据。

### 步骤7：测试验证
使用 `exec_code` 或 `run_script` 执行代码测试，验证功能正确性。

## 输出成果
1. JavaScript功能代码

## 失败处理
- 若DOM元素未找到，检查选择器并在DOM就绪后重试
- 若API请求失败，检查跨域配置和错误处理逻辑

## 禁止行为
- ❌ 禁止不处理API请求的异常情况
- ❌ 禁止在循环中直接操作DOM未做批量优化