javascript - AngularJS 面试问题/挑战

Closed. This question is opinion-based 。它目前不接受答案。












想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文来回答。

6年前关闭。



Improve this question




我被指派去面试一位在响应式设计方面有一些专业知识的 AngularJS 开发人员。

因为我喜欢我的开发人员在面试时编程，所以我想创造一个挑战，我们可以一起工作

有什么好的 AngularJS 面试问题/挑战吗？

是否有可以让我轻松完成的服务？推送代码并在我的手机浏览器上查看。 - plnkr 有一个嵌入式模式，但不知道它有多好..

最佳答案

好的挑战是创建一个指令来执行一些小的响应式 UI 元素。就像在桌面和浏览器上看起来不同的工具提示，并且会以不同的方式显示(触摸和悬停)。该人将需要创建 html 模板、小型响应式 css 和 javascript 来连接它。

我最近需要创建这样的指令，它将在鼠标悬停时跟随鼠标并在移动设备上保持静态(但它没有响应的 css - 你的挑战也可以包含它 - 在手机上有不同的外观风格)。

您可以准备这应该适用的基本 html

<div ng-repeat="item in items">
   <span tooltop="item.description" tooltop-options="{color: item.color}">
       {{item.text}}
   </span>
</div>

创建一个 UI 元素应该不会花很长时间。如果它创建得太快，您可以添加下一个挑战来创建第二个小指令，该指令需要与前一个指令交换数据(您不应该说他需要创建服务)。它可以是呈现错误消息的指令，例如:

<errors/>

错误消息可以使用 css 进行响应，因此它们在移动设备和桌面上看起来都不错。

和一个指令有

<something ng-model="someobject"/>

并且某个指令需要将错误消息发送到错误指令，例如，如果对象类型不是数组。

该人将需要创建使用 ngModel 和服务的指令，该指令将包含错误和第二个指令，该指令将呈现来自错误服务的消息。

关于javascript - AngularJS 面试问题/挑战，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24231074/