一些前端面试题汇总

mtunique 发布于2019-08-20 16:39 / 1378人阅读

摘要：类型请求成功后的回调函数。参数由服务器返回，并根据参数进行处理后的数据描述状态的字符串。默认设置下，所有请求均为异步请求。类型发送请求前可修改对象的函数，如添加自定义头。对象是唯一的参数。如果返回可以取消本次请求。设置为将不缓存此页面。

题目一 : 统计字符串中出现次数最多的字符

eg : var s = "abcdefghijklabcdaaaefadca" ; // 其中a出现次数最多，7次

拿到这个题目，会怎么做呢？

首先我想到两种思路：

暴力查找，一个一个元素拿出来，再循环，得到次数放入json键值对中，再比较大小

找到一个删除一个，利用正则表达式替换，长度之差便是其重复的次数

暴力查找：

var s = "abcdefghijklabcdaaaefadca";
var json = {};
var Max = {
    key:"",
    value:0
};
var arr = s.split("");
for(var i=0;i Max.value){
        Max.key = prop;
        Max.value = json[prop]
    }
}
console.log(Max); //得出正确结果

正则法：

var s = "abcdefghijklabcdaaaefadca";
//用于存放各字母出现的次数
var json = {};
//用于存放出现次数为最大值的字母
var Max = {
    key:"",
    value:0
};
//正则替换，长度之差就是出现的次数
while(s){
    var len1 , len2;
    len1 = s.length;
    var first = s.charAt(0);
    s = s.replace(new RegExp(first,"g"),"");
    len2 = s.length;
    json[first] = len1-len2;
}
//找最大值
for(prop in json){
    if(json[prop] > Max.value){
        Max.key = prop;
        Max.value = json[prop]
    }
}
console.log(Max); //得出答案

这个题目还有一个好方法：

var s = "abcdefghijklabcdaaaefadca";
var json = {};
var Max = {
    key:"",
    value:0
};
for(var i=0;i Max.value){
        Max.key = prop;
        Max.value = json[prop]
    }
}
console.log(Max); //得出答案

这种算法时间复杂度为O（n）,可以说是很简单了！

题目二 : 求下面的输出值

function Show(){
    getName = function(){
        console.log(1);
    }
    return this;
}; 
Show.getName = function(){
    console.log(2);
};
Show.prototype.getName = function(){
    console.log(3);
};
var getName = function(){
    console.log("4");
}
function getName(){
    console.log(5);
};

求这些问题的解：
1、Show.getName();    
2、getName();        
3、Show().getName();   
4、getName();          
5、new Show.getName();  
6、new Show().getName();  
7、new new Show().getName();

这道题目考察的是Javascript基础，

首先要明白JS执行过程：

先提升（先提升函数，再提升变量，如果名字一样，变量提升会覆盖函数提升）

再执行，如果遇到闭包创建

在闭包空间中反复1和2

先定义（提升），在执行

变量提升

函数提升

本题目解答如下：

形如 func.method(函数名.属性),函数也是对象，发现Show.getName()有定义，就执行方法属性，输出2

根据JS执行过程，先提升函数getName()，再提升变量getName , 同名覆盖，就知道变量getName覆盖了其同名函数，执行变量getName，结果是 “4”

形如 func().method() ，意思是先执行 func() , 由 func() 的返回值执行method方法，所以先要知道 func() 返回值是什么？ return this; this指什么呢？谁调用指向谁，func是全局调用，所以this指向window ,Show()函数执行后，里面把getName的定义该变了，所以，window.getName() 输出是 1

getName() , 在当前环境等同于 window.getName() ,输出是 1

new Show.getName() 先执行show.getName()输出2 在new一下

new Show().getName() 使用了new关键字，是把函数show当成了构造器，此时return没有作用，getName在构造器里没有，找原型对象输出 3

new new Show().getName() 就是在第六问基础之上输出 3 之后，在new一个

javascript所有的函数都可以使用 new func()关键字，表示生成一个对象。这点理解了，理解上面的就简单

Javascript 简单概念

javascript的typeof返回哪些数据类型

object , number , function , boolean , undefind , string

检测数组的几种方法 , 检测obj是否是数组类型

Array.isArray(obj);

obj instanceof Array

arr.constructor.name

toString.call()

传统事件绑定和符合W3C标准的事件绑定有什么区别？

传统事件绑定：

如果说给同一个元素绑定了两次或者多次相同类型的事件，那么后面的绑定会覆盖前面的绑定

不支持DOM事件流事件捕获阶段è目标元素阶段=>事件冒泡阶段

符合W3C标准的事件绑定的方式 addEventListener/attachEvent
A、非IE浏览器：
addEventListener

如果说给同一个元素绑定了两次或者多次相同类型的事件，所以的绑定将会依次触发

支持DOM事件流的

进行事件绑定传参不需要on前缀

addEventListener(“click”,function(){},true);//此时的事件就是在事件捕获阶段执行

第三个参数：代表是否在捕获阶段执行，默认值是false

ddEventListener(“click”,function(e){})

addEventListener(“click”,function(){},false) 事件在冒泡阶段执行

B、IE浏览器

ie9开始，ie11 edge：addEventListener

ie9以前 ie8：attachEvent/detachEvent

进行事件类型传参需要带上on前缀

dom1.attachEvent(“onclick”,functioin(){});
这种方式只支持事件冒泡，不支持事件捕获

call和apply的区别

call和apply相同点：
都是为了用一个本不属于一个对象的方法，让这个对象去执行

toString.call([],1,2,3)

toString.apply([],[1,2,3])

Object.call(this,obj1,obj2,obj3)

Object.apply(this,arguments)
区别：

call第二个参数开始接受一个参数列表

apply第二个参数开始接受一个参数数组

jQuery框架中$.ajax()的常用参数有哪些？

type

类型：String

默认值: "GET")。请求方式 ("POST" 或 "GET")，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

url

类型：String

默认值: 当前页地址。发送请求的地址。

success

类型：Function 请求成功后的回调函数。

参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。
这是一个 Ajax 事件。

options

类型：Object

可选。AJAX 请求设置。所有选项都是可选的。

async

类型：Boolean

默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。
注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

beforeSend(XHR)

类型：Function

发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。
XMLHttpRequest 对象是唯一的参数。

这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求
。

cache

类型：Boolean

默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。

服务器托管超融合服务器面试题栈面试题笔试面试题面试题内容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83070.html

你不能错过的前端面试题合集

摘要：收集的一些前端面试题从面试题发现不足，进而查漏补缺，比通过面试更难得及各大互联网公司前端笔试面试题篇及各大互联网公司前端笔试面试题篇面试题个和个经典面试题前端开发面试题如何面试前端工程师很重要个变态题解析如何通过饿了么面试轻收集的一些前端面试题从面试题发现不足，进而查漏补缺，比通过面试更难得 1 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 2 BAT...

ninefive 2019-08-21 16:18 评论0 收藏0
你不能错过的前端面试题合集

摘要：收集的一些前端面试题从面试题发现不足，进而查漏补缺，比通过面试更难得及各大互联网公司前端笔试面试题篇及各大互联网公司前端笔试面试题篇面试题个和个经典面试题前端开发面试题如何面试前端工程师很重要个变态题解析如何通过饿了么面试轻收集的一些前端面试题从面试题发现不足，进而查漏补缺，比通过面试更难得 1 BAT及各大互联网公司2014前端笔试面试题--Html,Css篇 2 BAT...

darkbaby123 2019-07-30 14:38 评论0 收藏0
前端资源系列（4）-前端学习资源分享&前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0
前端最强面经汇总

摘要：获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码，也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素，方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。花了很长时间整理的前端面试资源，喜欢请大家不要吝啬star~ 别只收藏，点个赞，点个star再走哈~ 持续更新中……，可以关注下github 项目地址 https:...

wangjuntytl 2019-08-26 10:41 评论0 收藏0
LeetCode 攻略 - 2019 年 8 月上半月汇总（109 题攻略）

摘要：每天会折腾一道及以上题目，并将其解题思路记录成文章，发布到和微信公众号上。三汇总返回目录在月日月日这半个月中，做了汇总了数组知识点。或者拉到本文最下面，添加的微信等会根据题解以及留言内容，进行补充，并添加上提供题解的小伙伴的昵称和地址。 LeetCode 汇总 - 2019/08/15 Create by jsliang on 2019-08-12 19:39:34 Recently...

tracy 2019-08-26 10:49 评论0 收藏0
2018前端面试题汇总（更新...）

摘要：方法一因为是从开始的方法二获取怎么实现和截取考察的用法。翻转字符串和删除数组的第一元素将字符串转化为数组。将数组进行翻转。将数组转换为字符串。被删除的第一个元素删除后的数组数组去重如果找到不到就把放到新数组里 1.运算题的结果 var name=jay var pe={ name:kang, getname:function () { ...

smartlion 2019-08-23 12:30 评论0 收藏0