js复习

1 数据类型

    基本六个类型,亮点  提到了ES6 的symbol

     如果问到 判断数据类型 除了说明typeof   还要提到instanceof    

2 ===和==的区别,

    ===会判断类型和值    ==只判断值    比如 “6”==6是成立的   undefined==null    

    判断值的时候  想到 []!=[]        NAN!=NAN       ES6新语法  Number.isNaN(NaN)的结果是true   

        es6中专门用来判断变量是NAN的方法  Number.isNaN()

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

        window.onload 事件在所有页面元素(包括图片,脚本等)都下载完毕后才会触发。

        除了 IE,其它浏览器支持 DOMContentLoaded 事件。当 DOM 内容下载完毕,就会立刻触发。

        针对 IE,有各种模拟 DOMContentLoaded 事件的办法。目前被广泛采纳的方案是判断 document 是否可以滚动(doScroll)。一旦可以        滚   动,就意味着 DOM Content 已经加载完毕。

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

var oli=document.getElementsByTagName('li');
for(var i=0; i<oli.length;i++)
{
oli[i].index=i;
oli[i].onclick=function(){
alert('下标是:'+this.index);
};
}

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

字符串拼接好

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

import
export

7. 如何对数组随机排序

如下代码:

var arr = [1,2,3,4,5,6]
arr.sort(function(a,b){
return Math.random()-0.5
});

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

[图片上传失败...(image-8f7b31-1530749078749)]

下面的链接是原型与原型链详解
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要在执行时才能确认值,定义时无法确认

[图片上传失败...(image-5aa3c0-1530749078749)]

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

  1. 浏览器查找域名对应的 IP 地址;
  2. 浏览器根据 IP 地址与服务器建立 socket 连接;
  3. 浏览器与服务器通信: 浏览器请求,服务器处理请求;
  4. 浏览器与服务器断开连接。

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) ;
  1. method 对应的取值是“GET”和“POST”
  2. url 是 文件在服务器上的位置 .
  3. 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中的代码就可以这样:

[图片上传失败...(image-d92393-1530749078749)]

16 描述 cookie localStorage sessionStorage的区别

        存储位置区别  容量区别   是否在ajax中携带

17 谈谈你对模块化的理解

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

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,406评论 1 45
  • 1 数据类型 基本六个类型,亮点 提到了ES6 的symbol 如果问到 判断数据类型 除了说明...
    崽崽不哭阅读 572评论 0 3
  • 《复习笔记》 一、ajax ajax:无刷新从服务器取数据; 缓存:浏览器针对同一个网址只会访问一次 aja...
    2e9a10d418ab阅读 300评论 0 2
  • JS复习笔记--Array 创建一个数组的方式 通过索引 (访问/添加) 数组元素 修改数组 arr.push()...
    舟_破浪阅读 341评论 0 1
  • 1)、所有的引用类型都具有对象的特性、即可随意扩展属性(null除外!) 例如:var a = {}; ...
    jofhkg阅读 278评论 0 0