今天的几个前端面试问题

Question

1. deferred 的用法

2. jquery 如何在 dom 上存储数据

3. $.extend()的用法

4. 用 jquery 写个计算 div 面积的插件

5. html5 的存储方法

6. person 方法，name 名字， say说，然后什么lihua继承了person，实例化lihua，让他说helloword 什么什么的。

(°_°) 一脸懵逼，第一次笔试。发现有些即使会写，脱离编辑器也记不清。然后我js不太好，基本乱写的，过来问问大家，好了解下。笔试的时候也懒得百度了。样式的很简单，一个是超出省略号，一个是一个500px的div上下左右居中。

Answer 1

deferred

deferred是jQuery处理异步流的一种解决方案，由此可以延伸到Promise，Promise/A+，甚至到ES6的genarator、ES7的async/await。从这里可以看出JavaScript这些年异步处理的一些思路演变。

jquery在dom上存储数据

jquery在dom上存储数据也是实际运用中常见的一种方式，例如后端渲染的列表，到前端做删除的时候需要获取单个ID，一般就会类似于如下处理

<ul id="list">
    <% for(var i=0; i<list.length; i++) {%>
    <li data-id="<%= list[i].id %>"><%= list[i].title %></li>
    <% } %>
</ul>

$('#list').on('click', 'li', function () {
    var $this = $(this);
    var id = $this.data('id');

    $.ajax('/list/' + id, {
        method: 'DELETE'
    }).success().error();
});

ajax返回值就是包装过的deferred对象

$.extend

涉及的最重要的一点就是深浅拷贝，如果你了解的足够多，应该拓展到immutable data

用jquery写个计算div面积的插件

考量jQuery插件的写法以及编写代码的思路

person方法...

js当中的继承、原型链

我并不是来装逼的，相信这些东西大家都知道。更不是来撕逼。有些东西可以等到用的时候再去查API，但是基本的东西得有所了解啊，如果连deferred都不知道是什么，解决问题的时候又怎么往这方面想呢？问题本身都很简单，关键是衍生出来的问题。

Answer 2

其实个人感觉用到了再去查就是了，不可能记得那么详细的，重要的还是解决问题的能力吧！至今还没经历过真正的笔试！！

Answer 3

面试不一定全部都懂，重点在于你怎么去解决遇到的问题

Answer 4

jquery如何在dom上存储数据 http://www.ibm.com/developerworks/cn/web/wa-domjquery/
其实我就想问问，你是在哪家公司面试的，我以前也面试过一家公司，做了一打纸的题目，上午11点去，2点钟才做完，结果没屌用...悲了个催。

Answer 5

进了公司主要做业务，可能这些不会怎么用到。可是你只有在这些问题上比别人厉害或者让面试官满意，才能进公司去做业务嘛，还是比较合理的。

Answer 6

不难啊。不过问这么多jQuery相关的东西让我对这个公司的评分降低了不少

Answer 7

私以为前端对设计图还原能力也很重要，可是很少见重视的。

Answer 8

这几个都不是很难，但是现在还问jQuery怎么都感觉不自在。当然，面试官个人喜好问题，这些问题也许只有第一个和最后一个实用点。

Answer 9

思路，而不是代码，像这种笔试的面试，我一般不会太在乎，其实你可以把思路写在下边，而不用真正的写代码。