58笔部分试题--前端

一、jQuery中DOMReady和window.onload的区别

  window.onload事件要求网页中的所有元素加载完毕后才会执行，包含很多图片、FLASH等富媒体，加载时间很长，初始化的操作拖延很久。

  DOMReady事件只判断页面内所有的DOM节点是否已经全部加载完，至于节点的内容是否加载完并不关心

二、jquery的bind(type,[data],fn)方法

    为每个匹配元素的特定事件绑定事件处理函数。

      type:含有一个或多个事件类型的字符串，由空格分隔多个事件。比如"click"或"submit"，还可以是自定义事件名。

　　data(可选):作为event.data属性值传递给事件对象的额外数据对象

　　false: 将第三个参数设置为false会使默认的动作失效。

三、多线程操作

暂时没有找到确切的答案

四、如何网页性能优化:

1.减少http请求

     100=100连接+100请求+100等待+100接收

2.雪碧

3.代码压缩

4.图片懒加载

5.文件合并。

6.CDN

五、cookie的常用属性有name、value，在举出三个常用属性

关于cookie就再具体的看一下：

cookie                存东西

1.只能通过域名方式使用

2.容量小，4KB

3.不能跨浏览器

4.生命周期默认是session

5.不安全

6.名字和值成对出现

7.名字是唯一的

8.默认的path是当前的文件目录。

常用方法：addCookie

removeCookie

getCookie

怎么用？什么时候用？

如何存cookie?

document.cookie='张三' ×

document.cookie='名字=值';

//需求。cookie活的久一点。

//日期对象

document.cookie='名字=值; EXPIRES='+oDate;

PATH                 路径

document.cookie='名字=值; PATH=/; EXPIRES='+oDate;

六、冒泡事件原理

七、面向对象继承

例：function Person(name, age)

{

         this.name=name;

         this.age=age;

}

Person.prototype.showName=function ()

{

         alert('我的名字叫：'+this.name);

};

Person.prototype.showAge=function ()

{

         alert(this.age);

};

function Worker(name, age, job)

{

         Person.call(this, name, age); //1.继承父级的属性

         this.job=job;

}

Worker.prototype=new Person();//2.继承父级的方法

Worker.prototype.constructor=Worker;

Worker.prototype.showJob=function ()

{

         alert(this.job);

};

var oW=new Worker('blue', 18, '打杂的');

oW.showName();

oW.showAge();

oW.showJob();

 

转载于:https://www.cnblogs.com/September-9/p/4889937.html