创建前端界面题

更新于    | 标签：面试官/在线笔试

考核范围：考察候选人的前端样式布局能力，如 HTML/CSS/JS。还支持使用TypeScript、SASS、SCSS等预处理器。前端界面题暂时不支持使用测试用例自动判题，需要面试官人工阅卷评分。

1、选择前端界面题

2、题目设置

题目描述:

题目内容（支持 Markdown 格式）：你可以在这里清晰地描述你的具体题目内容，支持Markdown 格式并预览渲染后的展示效果。

考点备注（选填）：你可以在这里备注题目的考察点以及解决方案，以便在评卷的时候可以查看，题目解析仅面试官可见。

建议分值：你可以根据题目的难易程度设定当前题目的分值。

能力维度（选填）：你可以根据题目考察的范围，选择题目相关的能力维度（算法/CS基本功/编程语言/解决问题/基本能力）。

标签（选填）：你可以给题目添加自定义标签，标记该题目考查的知识点，以方便对题目进行分类管理。

难度（选填）：你可以设定题目的难易程度（简单/中等/困难）。

标题备注：标题备注仅方便面试官管理题目及组卷用，候选人答题区不显示，建议填写。正确的命名笔试题目名称，可以让你更好的管理公司笔试题库，我们建议使用题目考察要点来命名。

完成题目内容设置后，点击“下一步”进入步骤二

3、选择环境

前端界面题暂时不支持使用测试用例自动判题，需要面试官人工阅卷评分

  • 支持最基础的前端三件套，HTML、CSS、JavaScript，还支持Less、SCSS、Sass、TypeScript、CoffeeScript预处理器；
  • HTML、CSS、JavaScript为必选；
  • 面试官选择相应的预处理器后，候选人答题时，将可以在答题中使用；
  • 完成选择后，点击“下一步”

4、代码编写

进入代码编写页面，系统默认加载相应环境

  • 前端界面题使用node作为web服务，实现了Less、SCSS、Sass、TypeScript、CoffeeScript预处理的编译；
  • 内置浏览器支持实时刷新，代码一旦改动，浏览器页面将实时刷新；
  • 内置Console，支持对JS代码进行调试；

为HTML、CSS、JavaScript填写初试代码

  • 面试官需要在HMTL、Less、JavaScript中，为候选人准备默认代码；
  • 也可以为在相应的预处理器中，准备默认代码；
  • 同一个预处理器只保留一份初试代码；

引入第三方库

  • 进入添加第三方库功能，搜索需要使用的第三库，如“Element-ui”；
  • 完成搜索后，点击“+”号，完成添加，第三方库资源将以cdn的方式在html文件中引入。如需删除在html文件中删除相应代码即可；

完成初始代码准备后，即可以“发布”完成出题：

点击预览，可以预览题目。当题目被添加至试卷后，候选人答题界面如下