前端线上经历的面试题

答题时间

本word文档会通过邮件发送给你。收到文档后，请在60分钟内发通过邮件回答案（答案格式请看下面说明）。请尽量在短时间内完成，超时视作答题失败。

答题代码环境

题目需要在jsfiddle.net/ 或者http://jsbin.com上完成。在上面写好你的HTML, CSS和Javascript 代码并调试通过后，点击左上角的Save按键生成当前网页地址，

然后拷贝网页地址并在邮件中发回。我们会审阅代码并实际运行程序进行检查。

题目描述

开发一个HTML元素下拉列表查找界面。

基本要求：

1. HTML元素列表数据必须通过AJAX方式加载。

a) AJAX调用地址：

i. s3-us-west-2.amazonaws.com/s.cdpn.io/4…。(如果前面的地址无法使用，请使用翻墙工具或者尝试 gist.githubusercontent.com/lmatt-bit/7… ）

ii. 此地址将返回JSON格式的HTML所有元素列表

b) HTML元素需要在页面加载时通过AJAX方式获得

2. 实现如下图的界面：

a) 基本界面

i. 页面布局请尽量接近下图，但不需要精确匹配

ii. 页面颜色请尽量接近下图，但不需要精确匹配

b) 输入元素字符后效果

i. 当输入后，应实时弹出下拉列表，并进行字符串匹配（即列出所有含有输入字符的HTML元素）

二. 有一个认证过程`auth(username,password,cb)`包括以下步骤，请用js语言实现此方法：

* 先判断是否本系统用户`authLocal(username, cb)`

* 如果是本系统用户, 接着判断密码`authPassword(password,cb)

* 如果不是本地用户, 分别去验证是否是 QQ 用户或 Weibo 用户; `authQQ(username, cb); authWeibo(username, cb);`

* 如果是QQ或Weibo用户, 则判断是否有权限登陆本系统,`authPriviage(username,cb);`

以上全部为异步操作， cb 统一为 function(err, result) 形式。请务必定义方法,仅需写出重要代码段

三、 上述代码有可能会引发什么问题，如何解决？

同学们有兴趣的可以做一下，都可以评论下回复答案，互相学习！