javascript - 今天的几个前端面试问题

问题描述

问 题

1. deferred 的用法

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

3. $.extend()的用法

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

5. html5 的存储方法

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

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

解决方案

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都不知道是什么，解决问题的时候又怎么往这方面想呢？问题本身都很简单，关键是衍生出来的问题。

这篇关于javascript - 今天的几个前端面试问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！