前端面试中的问题在HackerRank

概述 

HackerRank 面试包含前端框架，Angular 和 React。

候选人可以在一个高度响应、稳定且熟悉的编辑器中解决前端问题，无需担心在面试过程中熟悉新编辑器或平台中断的问题。

使用前端框架启动面试

1. 登录为面试官后，您可以在面试登录页面通过点击前端框架开始前端面试。
   

您可以参考此视频，了解如何开始前端面试。

• 选择 Angular 或 React 框架，根据该框架开始面试。
• 屏幕导航显示三个选项以开始前端面试。
• 选择这三个选项之一：
  • 从零开始
  • 从库导入问题
  • 导入您的项目

从零开始

HackerRank 面试为您提供了一个简单的项目，作为此选项的起点。您可以在面试前或面试过程中修改项目以满足您的需求。
体验新的无容器 VS Code IDE，带来更快的加载速度和稳定的 IDE，能够在不稳定的网络连接下无缝工作。开发者在编码时可以获得更快、更准确的自动补全。

增强的 IDE 功能

• 内置实时预览
  • IDE在右侧窗格中打开一个内置预览窗口。您或候选人所做的任何更改都可以在预览标签中看到。
  • 由于IDE是无容器的，您可以在浏览器中查看预览。点击浏览器图标 在浏览器中查看预览。
    
  • 您还可以为预览选择响应式视图（平板、手机、桌面等）。点击图标 以查看响应式视图。
• 测试执行
  • 您可以通过点击测试标签运行测试用例。点击运行测试选项。输出将显示出来。
• 内置开发工具  
  • 开发工具位于预览窗格的下部。您可以点击“开发工具”选项以启动相应框架的控制台。  
  • 控制台作为协作工具使用。面试官和候选人可以实时看到他们的更改。
• 依赖管理器
  • 在IDE的左侧窗格中，您可以通过点击立方体图标找到依赖搜索栏。您可以搜索所需的依赖并通过点击添加来添加它们。添加的依赖会在package.json文件中更新。
• 外部CSS和JavaScript支持
  • 外部资源位于左侧窗格中。在外部资源地址中输入外部CSS和JavaScript资源的URL，以格式化和样式化UI。

• 其他界面增强

从题库导入

点击 使用 启动题目和IDE。IDE将启动。

导入您的项目

此选项允许您通过上传自己的项目zip文件或从公共Git URL添加，选择您的面试起始代码。用适当的名称保存项目，以便在后续面试中检索。导入后，项目将在HackerRank的项目IDE中加载。

注意： 项目的最大文件大小为5MB。此流程不包含新的IDE功能。此流程目前处于测试版。

上传项目后，您可以在 最近使用 部分找到它，每当您开始新的面试时。