1.写一个深度克隆方法(es5)?

/**
*  深拷贝
* @param {object}fromObj 拷贝的对象
* @param {object}toObj  目标对象
*/ function deepCopyObj2NewObj(fromObj, toObj) {  
for(var key in fromObj){      
// 1. 取出键值对    
   var fromValue = fromObj[key];      
// 2. 检查当前的属性值是什么类型
   if(!isObj(fromValue)){
// 如果是值类型,那么就直接拷贝赋值
   toObj[key] = fromValue;
}else {        
 
// 如果是引用类型,
// 那么就再调用一次这个方法,
// 去内部拷贝这个对象的所有属性 var tempObj = new fromValue.constructor;
console.log(fromValue.constructor);
   deepCopyObj2NewObj(fromValue, tempObj);
   toObj[key] = tempObj;
      }
  }
} /**
* 辅助函数, 判断是否是对象
* @param {object}obj
* @returns {boolean}
*/ function isObj(obj) {  
  return obj instanceof Object;
}

2. es6中let,const,var的区别是什么?

var :声明全局变量;
let :声明块级变量,即局部变量, 定义后可以修改;
const :用于声明常量,就是定义后
不能再修改值或者引用值的常量,
也具有块级作用域

3. 对数组[1,2,3,8,2,8]进行去重,es5或者es6方法?

es四种方式:
Array.prototype.unique1 = function() {    
// 1. 定义数组
   var temp = [];    
// 2. 遍历当前数组
   for(var i = 0; i < this.length; i++) {        
// 3.如果当前数组的第i已经保存进了临时数组,
// 那么跳过,否则把当前项push到临时数组里面
   if (-1 === temp.indexOf(this[i])) {
       temp.push(this[i]);
       }
   }    
       return temp;
}; Array.prototype.unique2 = function() {    
//1. hash为hash表,r为临时数组
var hash = {}, temp=[];  
 
// 2.遍历当前数组
for(var i = 0; i < this.length; i++)
{        
// 3. 如果hash表中没有当前项 
if (!hash[this[i]])
{          
// 4.存入hash表
 hash[this[i]] = true;            
// 5.把当前数组的当前项
// push到临时数组里面
temp.push(this[i]);
   }
}    
return temp;
}; Array.prototype.unique3 = function() {    
var n = [this[0]];    
for(var i = 1; i < this.length; i++){        
if (this.indexOf(this[i]) === i) {
   n.push(this[i]);
      }
  }    
   return n;
}; Array.prototype.unique4 = function() {    
this.sort();    
var re=[this[0]];    
for(var i = 1; i < this.length; i++)
 {        
if( this[i] !== re[re.length-1])
 {
     re.push(this[i]);
 }
}    
     return re;
}; es6:Array.prototype.unique=Array.prototype.unique || function () {    
return [...new Set(this)];
};

4. 说说对es6中=>的理解?

箭头函数相当于匿名函数,
并且简化了函数定义,
箭头左边是参数,
右边是返回值。 箭头函数看上去
是匿名函数的一种简写,
但实际上,箭头函数和
匿名函数有个明显的区别: 箭头函数内部的this是词法作用域,
由上下文确定。

5. 点击一个按钮,发出ajax请求,如何防止用户在此请求方式返回之前再次点击?

// 点击提交按钮的时候,
// 把这个提交这个处理函数给解绑掉,
// 请求完成的时候在绑定回来 function clickHandler(){
 $(this).unbind('click', clickHandler);
   $.ajax({        
       url : 'url',        
       dataType : 'json',        
       type : 'post',        
       success : function (data) {            
       if (data.success) {                
       //提交成功做跳转处理
       } else {                
       //处理失败,重新绑定点击事件
        $(self).click(clickHandler);
         }
     }
 }
);}
$('#itlike').click(clickHandler); // 可以点击后让按钮不可用,
// 如果提交失败可以再次设置为可用
// 1.让按钮不可用 $("#itlike").attr("disabled","disabled");
$.ajax({    
url : 'url',    
dataType : 'json',    
type : 'post',    
success : function (data) {        
if (data.success) {          
// 提交成功做跳转处理
} else {            
// 处理失败,重新绑定点击事件
// 让按钮可用 
$("#itlike").removeAttr("disabled");
   }
 }
});

 

Web大前端面试题-Day5的更多相关文章

  1. Web大前端面试题-Day12

    1.前端需要注意哪些SEO? 合理的title.description.keywords: 搜索对着三项的权重逐个减小, title值强调重点即可, 重要关键词出现不要超过2次, 而且要靠前, 不同页 ...

  2. Web大前端面试题-Day7

    1. 你能描述一下渐进增强和优雅降级之间的不同吗? 定义: 优雅降级(graceful degradation): 一开始就构建站点的完整功能, 然后针对浏览器测试和修复 渐进增强(progressi ...

  3. Web大前端面试题-Day6

    1.请说明ECMAScript, JavaScript, Jscript之间的关系? ECMAScript提供脚本语言必须遵守的规则. 细节和准则,是脚本语言的规范. 比如:ES5,ES6就是具体的一 ...

  4. Web大前端面试题-Day4

    1. 如何实现瀑布流? 瀑布流布局的原理:1) 瀑布流布局要求要进行布置的元素等宽,   然后计算元素的宽度,   与浏览器宽度之比,得到需要布置的列数;2) 创建一个数组,长度为列数,   里面的值 ...

  5. Web大前端面试题-Day11

    86.如何获得高效的数据库逻辑结构? 从关系数据库的表中 删除冗余信息的过程 称为数据规范化, 是得到高效的关系型数据库表的逻辑结构 最好和最容易的方法. 规范化数据时应执行以下操作: 1.将数据库的 ...

  6. Web大前端面试题-Day10

    1. px和em的区别? px和em都是长度单位; 区别是: px的值是固定的,指定是多少就是多少, 计算比较容易. em得值不是固定的,并且em会继承父级元素的字体大小. 浏览器的默认字体高都是16 ...

  7. Web大前端面试题-Day8

    1. 说说你对作用域链的理解? 作用域链的作用是保证执行环境里 有权访问的变量和函数是有序的, 作用域链的变量只能向上访问, 变量访问到window对象即被终止, 作用域链向下访问变量是不被允许的; ...

  8. Web大前端面试题-Day1

    1. var的变量提升的底层原理是什么? JS引擎的工作方式是:1) 先解析代码,获取所有被声明的变量:2)然后在运行.也就是说分为预处理和执行两个阶段. 变量提升:所有变量的声明语句都会被提升到代码 ...

  9. Web大前端面试题-Day9

    1. 请用至少3中方式实现数组去重? 方法一: indexOfvar arr1=[1,2,3,4,5,4,3,2,1];  function repeat1(arr){    for(var i=0, ...

随机推荐

  1. Bootstrap模态框(一个页面显示多个)的使用

    在一个页面显示多个模态框时要讲每个模态框用div包裹起来,否咋会产生格式错误. <html> <head> <meta charset="utf-8" ...

  2. Qt5.7 无法输入中文问题

    把libfcitxplatforminputcontextplugin.so复制到安装的Qt目录下的两个文件夹中 sudo apt install fcitx-frontend-qt5 sudo cp ...

  3. Python3实现从文件中读取指定行的方法

    from:http://www.jb51.net/article/66580.htm 这篇文章主要介绍了Python3实现从文件中读取指定行的方法,涉及Python中linecache模块操作文件的使 ...

  4. SHA算法:签名串SHA算法Java语言参考(SHAHelper.java)

    SHAHelper.java package com.util; /** * @author wangxiangyu * @date:2017年10月16日 上午9:00:47 * 类说明:SHA签名 ...

  5. js导出excel表格中较长数字串会变成科学计数法问题

    在做项目中,遇到导出excel表格时,银行账户号数字过长,导出的数字串变为计数法形式,如下图: 网上搜到解决方法,粘贴到这以供学习.不断更新. 原博地址:http://www.cnblogs.com/ ...

  6. 018_mac写权限的问题

    一. 有时候运行一些软件的时候,操作系统下的文件没有写权限.我在使用"HostAdmin App"时碰到了这个问题,google的链接供参考:https://code.google ...

  7. ssh-keygen -t rsa -b 4096 -C "邮箱"

    ssh-keygen -t rsa -b 4096 -C "邮箱":这条命令的目的是为了让本地机器ssh登录远程机器上的GitHub账户无需输入密码.将这条命令分解: 1.ssh- ...

  8. Spring IOC 低级容器解析

    1.IOC是什么 IOC-Inversion of Control,即"控制反转",不是什么技术,而是一种设计思想.在Java开发中,Ioc意味着将你设计好的对象交给容器控制,而不 ...

  9. JavaScript错误:Maximum call stack size exceeded错误

    错误的表面意思是,因为递归次数太多而内存溢出, 当然引起溢出的原因很多 找了下问题来源,发现引用了两个版本的jquery,在layout.cshtml母模块页中和视图中都引用了jq.导致循环调用,从而 ...

  10. 一份针对nginx的内核优化参数

    首先,需要修改/etc/sysctl.conf来更改内核参数.例如,最常用的配置: # ·file-max:这个参数表示进程(比如一个worker进程)可以同时打开的最大句柄数,这个参数直接限制最大并 ...