AngularJS面试问题/挑战

时间:2014-06-15 15:19:15

标签: javascript angularjs responsive-design

我被分配到AngularJS开发人员面试,他们在响应式设计方面有一些专业知识。

由于我喜欢我的开发人员在访谈期间进行编程,因此我正在考虑创建一个挑战,我们可以一起工作<1h然后发布结果,这样我也可以使用我的手机/平板电脑看到它们。

  1. 有任何好的AngularJS面试问题/挑战吗?

  2. 是否有允许我轻松完成的服务?推送代码并在手机浏览器上查看。 - plnkr有嵌入模式,但不知道它有多好......

2 个答案:

答案 0 :(得分:2)

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

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

你可以准备这个应该适用的基础html

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

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

<errors/>

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

和一个有

的指令
<something ng-model="someobject"/>

并且如果对象类型不是数组,那么某些指令需要向error指令发送错误消息。

此人需要创建使用ngModel的指令和将包含错误的服务以及将从错误服务呈现消息的第二个指令。

答案 1 :(得分:1)

plnkr是非常好的和灵活的,我会支持它,至于AngularJS的问题,你可以从这样的文章中得到一些想法:http://nathanleclaire.com/blog/2014/04/19/5-angularjs-antipatterns-and-pitfalls/我相信关于双向数据绑定和范围继承的技能测试是有价值的,也许是资源/动画功能 - 但这取决于工作档案,即我在公司项目中根本不使用动画,但在私人项目中,我使用famo.us使用

相关问题