前端开发与AI辅助技术考试
本次考试涵盖前端开发基础知识及AI辅助开发相关内容，请认真作答。
以下为正式考试题目，请在规定时间内完成作答。
1. AI 输出完整业务代码后，开发者不能直接上线的核心原因是
AI 可能存在逻辑漏洞、边界条件未处理
AI 代码无法被浏览器识别
AI 代码不支持 CSS 样式
AI 代码只能本地运行
2. 利用 AI 辅助 JavaScript 脚本开发可能出现的问题 不包括
代码冗余
功能偏差
安全漏洞
UI 风格不统一
3. JavaScript 通过 运算符访问对象的属性和方法
+
>>
->
.
4. 使用 AI 给已有代码批量补充注释，好处是
提升代码可读性，方便后续维护
增加代码语句密度
提高浏览器运行速度
增加 JS 语法错误处理性能
5. 使用 Copilot、豆包代码助手生成 CSS, 若需要适配多端，提示词应写明
采用响应式布局，搭配媒体查询
全部固定 px 尺寸，只适配 PC
不使用任何 flex 布局
取消 viewport 适配标签
6. 下列哪一项不属于 AI 辅助前端开发的典型用途
快速生成页面布局代码
自动修复 JS 语法报错
自动购买前端服务器
生成正则表达式与表单校验逻辑
7. JavaScript 中，弹出提示框使用
alert()
print()
log()
msg()
8. 下列选项中，关于 JavaScript 的说法错误的是
JavaScript 可以跨平台
JavaScript 需经过编译成可执行文件后执行
JavaScript 是脚本语言
JavaScript 主要用于实现业务逻辑和页面控制
9. 下面哪个不是合法的 JavaScript 标识符
$user
user2
2user
userName
10. AI 生成前端代码后，前端开发者必须做的操作是
直接复制上线不检查
人工审核逻辑、测试运行、修正 AI 错误
删除 AI 代码注释
增加大量全局变量
11. 前端项目做代码注释，最高效的 AI 使用方式是
复制代码给 AI, 让其批量添加功能注释
手动逐行写注释不使用 AI
要求 AI 删除所有代码注释
只注释页面样式，逻辑代码不注释
12. 下列哪项适合交给 AI 自动生成，减少前端重复劳动
页面通用 CSS 样式
服务器部署密钥
线上接口真实密钥
后台管理员账号密码
13. 借助 AI 重构老旧前端页面代码，首要步骤是
直接删除原有代码
将完整旧代码发给 AI 并说明重构规范
直接上线 AI 生成的新代码
将页面效果图发给 AI 并说明重构规范
14. JavaScript 中，console.log(2 + '2') 输出结果是
4
22
NaN
undefined
15. 代码 var obj={};console.log(obj.name) 输出的结果是
undefined
false
null
0
16. 外部 JavaScript 文件的后缀是
.Html
.css
.js
.json
17. 使用 AI 辅助开发时以下提示词风格应避免的是
颜色设置为 #AABBCC
颜色饱和度降低 10%
颜色透明度设为 60%
颜色再淡一点点
18. 使用 AI 批量生成表单校验 JS 逻辑，下列哪项信息不需要提供给 AI
每个输入框校验规则
输入框 name/id 命名
服务器数据库密码
错误提示文案
19. 当 AI 多次生成的代码都不符合业务需求时，正确的处理方式是
确保原提示词不变，更换 AI 工具
拆解细分需求，分段编写精准提示词逐步实现
放弃 AI 辅助，回归纯手工编辑
复制网上同类项目代码
20. 开启 flex 布局的属性是
display:flex;
flex-direction:column;
flex-wrap:wrap;
flexbox:true;
21. 用于设置盒子模型内边距的是
margin
padding
border
width
22. CSS 中类选择器在使用时前面要加指示符
*
#
!
.
23. 前端开发中，让 AI 修复 JS 报错代码，最关键的输入信息是
页面效果截图
完整报错信息与相关错误代码
需求描述文本
项目文件夹名称
24. flex-direction 属性决定了 Flex 容器中子元素的主轴方向，即项目的排列方向，下列哪个值是可以让子元素从下往上排列的
row
row-reverse
column
column-reverse
25. 使用 AI 生成 HTML 页面代码时，为让代码规范易维护，最优做法是
不写任何提示词直接提问
提示词中指定使用 HTML5 语义化标签
让 AI 全部用 div 嵌套实现
要求代码不添加注释
26. CSS 样式表的使用方式不包括
行内样式
内部样式 (嵌入式)
外部样式
自动样式
27. 前端应用的逻辑功能可以通过 实现
HTML 标签顺序
JavaScript 脚本
CSS 样式
嵌入 AI 调用接口
28. 使用 AI 优化前端 JS 代码，一般不能实现的是
简化冗余代码、优化代码结构
把低效循环写法优化为简洁写法
自动规避所有线上业务逻辑漏洞
统一代码命名规范
29. 关于 AI 辅助前端开发的权限安全，说法正确的是
可以将包含接口密钥、账号密码的业务代码直接发给 AI
上传代码前需要脱敏隐私与敏感配置等私密信息
所有公司内部业务代码可以随意粘贴到公共 AI 平台
敏感代码无需处理，AI 会自动保密
30. 下列不属于 AI 辅助前端开发工具的是
通义灵码
CodeGeeX
VS Code 原生无插件编辑器
豆包代码助手
31. 在 W3C 的标准盒子模型中，默认情况下 box-sizing 属性的值为
auto
padding-box
content-box
border-box
32. 区分用户消息和 AI 消息，最便捷的 CSS 方案是
给元素添加不同 class 类名
写两套 html 标签
修改页面文件名
更换浏览器
33. 前端应用的 UI 设计不包括
利用 HTML 元素布局
利用 HTML 元素属性
利用 JavaScript 函数
利用 CSS 样式
34. CSS 属性 display:flex 默认主轴方向为
垂直上到下
水平左到右
斜向左上道右下
无方向
35. 页面加载完成后再执行初始化 AI 聊天组件代码，使用事件
Scroll
DOMContentLoaded
mouseenter
change
36. 当 AI 生成的 CSS 样式在手机端显示错乱，最合适的做法是
放弃使用该段代码
把代码与 bug 描述发给 AI, 让其做移动端适配优化
更换浏览器直接上线
手动删除所有 CSS 代码
37. 以下哪个提示词属于模糊低效提示，不适合 AI 前端代码生成
写一个简洁的商品卡片页面，HTML CSS, 支持移动端
帮我做一个好看的网页
生成导航栏，包含首页、分类、我的三个菜单
写 JS 实现点击按钮弹窗效果
38. 在 CSS 中，用于设置元素字体加粗的属性是
font-weight
font-style
font-family
text-decoration
39. 模板字符串中嵌入 JS 变量的符号是
${变量}
#变量
&变量
@变量
40. 以下属性用于定义当用户点击链接时，链接目标打开位置的是
href
target
title
rel
41. JavaScript 中用来在控制台打印调试 AI 返回数据的方法是
Confirm()
console.log()
prompt()
alert()
42. 在 AI 辅助前端开发时，想要精准获取符合要求的代码，关键在于
经常切换 AI 工具
编写清晰详细的提示词
一次性让 AI 生成整站代码
只使用英文提问
43. 以下哪项是 AI 不能替代前端开发者的核心能力
写基础 HTML 文档
生成 CSS 样式
实现 JS 函数
业务逻辑理解、代码验收
44. HTML 是基于 的语言
元素
函数
类
流程
45. 用 AI 写 CSS 样式时，以下提示最合理的是
美化页面
生成卡片样式，圆角 8px、阴影、白色背景
把页面做得更加好看点
把样式改成更加美观的风格
46. 不同浏览器运行同一个 HTML 文档可能效果不同的原因不包括以下哪个
HTML 文档调用方式不同
对 Web/CSS 标准的版本支持不同
解析容错策略不同
渲染引擎架构不同
47. 使用 AI 辅助开发时应
先设计好页面原型
先编写好样式表
先编写好 HTML 文档
先编写好 JavaScript 脚本
48. 生成式应用中存储多条聊天记录，最合适的 JS 数据类型是
数字 Number
数组 Array
布尔 Boolean
普通字符串
49. JS 中监听按钮点击事件的事件名是
Mouseover
click
input
scroll
50. 实现 AI 对话气泡左右布局，主要依靠哪种 CSS 布局
flex 弹性布局
表格布局 table
浮动 float
绝对定位
51. AI 辅助开发中，"代码注释生成" 属于
高级 AI 功能
基础辅助能力
不需要的功能
仅后端适用
52. 下列哪个是规范的前端开发提示词
给我写个网页
生成一个蓝色导航栏，HTML CSS, 移动端适配
帮我做网站
编写一个网站代码
53. 前端应用开发中 工作应用 AI 辅助开发效果相对较弱
需求分析
代码编写
代码分析
代码测试
关闭
更多问卷
复制此问卷