Jquery第二次考核

1. 名词解释

   实例对象var p1=new Person();  p1就是实例对象

   构造:function Person(){}

   原型对象: JavaScript 中,每当定义一个对象(函数也是对象)时候,对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性,这个属性指向函数的原型对象

 补充:每个对象都有 __proto__ 属性,但只有函数对象才有 prototype 属性

  原型对象和构造的关系

在默认情况下,所有的原型对象都会自动获得一个 constructor(构造函数)属性,这个属性(是一个指针)指向 prototype 属性所在的函数(Person

Person.prototype.constructor == Person

还有下面的这个关系

person1.constructor == Person

   原型链:原型对象也是简单的对象并且可以拥有它们自己的原型。如果一个原型对象的原型是一个非null的引用,那么以此类推,这就叫作原型链。

2. 关于firstChild的问题

firstChild:返回节点的第一个子节点

Tip:需要考虑兼容性问题:如下写法,可以兼容主流5大浏览器

 顺序不能颠倒

3. 关于节点类型

接口

nodeType常量

nodeType

备注

Element

Node.ELEMENT_NODE

1

元素节点

Text

Node.TEXT_NODE

3

文本节点

Document

Node.DOCUMENT_NODE

9

document

Comment

Node.COMMENT_NODE

8

注释的文本

DocumentFragment

Node.DOCUMENT_FRAGMENT_NODE

11

document片断

Attr

Node.ATTRIBUTE_NODE

2

节点属性

4. 在页面上有个ul标签,其中有3lihtml结构如下:

   <ul id="myul">

    <li id="first">骆驼祥子</li>

    <li>缺心眼子</li>

    <li>鼠标垫子</li>

  </ul>

  请通过js代码在ul内部末尾处添加一个li节点

添加一个节点

var myli = document.createElement("li")

myli.innerText="1";

var myul =document.getElementById("myul");

myul.appendChild(myli);

}

5. Jquery优势

体积小,压缩后只有100KB左右

强大的选择器   Jquery 50%   选择器

出色的DOM封装

可靠的事件处理机制   

出色的浏览器兼容性

使用隐式迭代简化编程

丰富的插件支持

6. $(document).ready()window.onload的区别,站在三个维度回答问题

1.执行时间 
        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
        $(document).ready()DOM结构绘制完毕后就执行,不必等到加载完毕。 

2.编写个数不同 
         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 
         $(document).ready()可以同时编写多个,并且都可以得到执行 

3.简化写法 
         window.onload没有简化写法 
         $(document).ready(function(){})可以简写成$(function(){});

7. JSJquery设置样式三种方式的罗列

Js

Jq

添加类名,外部样式

  1. $(“p”).addclass(“demo”);

8. JSJquery获取文本值(表单元素和非表单元素)的罗列

表单元素如果用js赋值刷新后,记录是js赋值后的值而不是初始值

非表单元素如果用js赋值刷新后,记录的是初始值

Js

Jquery

9. Jquery对象和DOM对象互转

 在jq中,只需要调用[index]get(index)方法即可将jq对象转换为DOM对象。DOM对象只需调用jq$()方法即可包装为jq对象:

jq对象转换为dom对象

 var domObj = $("#div")[0];

 domObj.innerHTML = "jq对象转化为dom对象并调用相关方法"

 

dom对象转换为jq对象

 var domObj = document.getElementById("div");

 var $obj = $(domObj);

 $obj.html("dom对象转换为jq对象后调用jq方法")

10. 手写光棒效果,综合 使用Jquery的两大特性:隐式迭代和链式编程

11. 层次选择器

12. Integerint考题

 

1、Integer是int的包装类,int则是java的一种基本数据类型 
2、Integer变量必须实例化后才能使用,而int变量不需要 
3、Integer实际是对象的引用,当new一个Integer时,实际上是生成一个指针指向此对象;而int则是直接存储数据值 
4、Integer的默认值是null,int的默认值是0

14.OverloadOverride的区别。Overloaded的方法是否可以改变返回值的类型?

Overload:重载

Override:重写

 

重载:

       同一个类中,方法名相同,参数列表不同。与返回值类型无关。

 

重写:

       存在于子父类,或者子父接口中,方法声明相同。

 

Overload的方法可以改变返回值的类型,因为它与返回值类型无关。

15. 说出ArrayList,Vector, LinkedList的存储性能和特性

ArrayList 采用的是数组形式来保存对象的,这种方式将对象放在连续的位置中,所以最大的缺点就是插入删除时非常麻烦

LinkedList 采用的将对象存放在独立的空间中,而且在每个空间中还保存下一个链接的索引 但是缺点就是查找非常麻烦 要丛第一个索引开始

ArrayList和Vector都是用数组方式存储数据,此数组元素数要大于实际的存储空间以便进行元素增加和插入操作,他们都允许直接用序号索引元素,但是插入数据元素涉及到元素移动等内存操作,所以索引数据快而插入数据慢.

Vector使用了sychronized方法(线程安全),所以在性能上比ArrayList要差些.

LinkedList使用双向链表方式存储数据,按序号索引数据需要前向或后向遍历数据,所以索引数据慢,是插入数据时只需要记录前后项即可,所以插入的速度快.

猜你喜欢

转载自www.cnblogs.com/SFHa/p/9267513.html
今日推荐