面试题1

前端面试题

1. 数据类型

基本六个类型,亮点  提到了ES6 的symbol    如果问到 判断数据类型 除了说明typeof还要提到instanceof    typeof检测返回值:记住null返回的是object   还有function 一共是六个   算上symbol是七个,他也是可以返回的。

2. ===和==的区别

===会判断类型和值    ==只判断值    比如 “6”==6是成立的undefined==null判断值的时候  想到 []!=[]        NAN!=NAN      ES6新语法Number.isNaN(NaN)的结果是truees6中专门用来判断变量是NAN的方法Number.isNaN()

3. js onload和DOMcontentloaded的区别    这也是jq加载函数和JS 的onload的区别

window.onload 事件在所有页面元素(包括图片,脚本等)都下载完毕后才会触发。        除了 IE,其它浏览器支持 DOMContentLoaded 事件。当 DOM 内容下载完毕,就会立刻触发。        针对 IE,有各种模拟 DOMContentLoaded 事件的办法。目前被广泛采纳的方案是判断document是否可以滚动(doScroll)。一旦可以        滚  动,就意味着 DOM Content 已经加载完毕。

4. 给10个li添加点击事件。弹出下标

es5写法:

var lis = documentgetElementsByTagName('li')

for(var i=0; i

lis[i].index = i

lis[i].addEventListener('click',function(){

alert(this.index)

})

};

es6写法:

var lis = documentgetElementsByTagName('li')

for(let i=0; i

lis[i].addEventListener('click',function(){

alert(this.index)

})

};

5. 通过字符串拼接添加dom元素和通过appendchild添加dom有什么区别,那个更好

字符串拼接好一点,如果我们用for循环渲染的信息量很大的话,字符串会把所有要渲染的内容拼接上然后一次性渲染上去,而appendchild是一个元素一个元素的插入,影响用户的体验不说,消耗流量也比较多

6. 你都使用什么实现模块加载

import,export

7. 如何对数组随机排序

如下代码:

var arr = [1,2,3,4,5,6]

arr.sort(function(a,b){

return Math.random()-0.5

});

8. 如何理解原型和原型链

下面的链接是原型与原型链详解

http://www.cnblogs.com/ningyn0712/p/6216711.html

9. JQ 中链式操作的原理

$("#id").css("width","100px") .css("height","100px").css("background","red");

链式调用原理

var MyJQ = function(){

}

MyJQ.prototype = {

css:function(){

console.log("设置css样式");

return this;

},

show:function(){

console.log("将元素显示");

return this;

},

hide:function(){

console.log("将元素隐藏");

}

};

var myjq = new MyJQ();

myjq.css().css().show().hide();

10. this 指向问题

this要在执行时才能确认值,定义时无法确认

this指向问题

11. 从输入URL到现实页面的过程

浏览器查找域名对应的 IP 地址;

浏览器根据 IP 地址与服务器建立 socket 连接;

浏览器与服务器通信: 浏览器请求,服务器处理请求;

浏览器与服务器断开连接。

12. 图片懒加载原理

一个页面有很多的图片,比如:京东、淘宝等,如果一上来就发送这么多请求,页面加载就会很漫长,用户多了一次来上一堆请求,服务器就吃不消了。

因此优点就很明显了:不仅可以减轻服务器的压力,而且可以让加载好的页面,用户体验更好了

页面中的img元素,如果没有src属性,浏览器就不会发出请求去下载图片,一旦通过javascript设置了图片路径,浏览器才会送请求。

如何获取正真的路径,将真正的路径放到一个自定义的'data-url'属性里,要用的时候就取出来,再给src

对象顶部与文档顶部之间的距离,如果它小于父元素底部与文档顶部的距离,则说明垂直方向上已经进入可视区域了,就可以将真正的src给它了!

13. 对于一个无限下拉加载图片的页面。如何给图片加点击事件  原生js事件委托和JQ委托的写法

事件委托,js的addEventListener(),jq的on()

addEventListener()

document.getElementById("ul").addEventListener("click",function(e){

if(e.target.nodeName=="LI"){

alert("xxx")

}

});

也可以将判断写成e.target.nodeName.toLowerCase()=="li";

jq里面on()事件

$('#id').on('click','li',function(){}

14. ajax    对象建立  open  send  等待数据 接受数据

AJAX的open ( )方法

open ( ) 有三个参数 (method , url , boolean) ;

method 对应的取值是“GET”和“POST”

url 是 文件在服务器上的位置 .

boolean 的取值是“true”和“false”,boolean 取值为“true” 的时候,服务器的请求是异步的,beelean取值为“false”的时候,服务器的请求是同步的

15. 跨域是如何产生的,解决方式是什么

跨域是指在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。

1. 通过jsonp跨域

我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的。

比如,有个a.html页面,它里面的代码需要利用ajax获取一个不同域上的json数据,假设这个json数据地址是http://example.com/data.php,那么a.html中的代码就可以这样:

jsonp跨域

其他跨域方式:https://www.cnblogs.com/2050/p/3191744.html

作者:青青菜鸟

链接:https://www.jianshu.com/p/79123e66e56a

來源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容