【java失业择业中】失业第三天：准备面试

1.javascript基础

1.1 数据类型：总共9中基础类型，分别是未定义(Undefined)，空(null)，布尔型(Boolean)，字符串(String)，数值(Number)，对象(Object)，引用(Reference)，列表(List)和完成(Completion)。其中后三种仅仅作为js运行时中间结果的的数据类型，不能在代码中出现。

1.2 基本方法：

charAt():获取指定位置的字符；

slice()，substring()，接收2个参数，返回之间的字符串。对于负数参数，slice从字符串末尾计数，而substring(2,-3)=substring(2,0)=substring(0,2)；

substr()：2个参数表示起始位置和字符串的 长度

indexof()：1个参数表示从前往后找所在位置；indexof("i",3)2个参数表示从第几个字符开始往后找；不存在返回-1

lastIndexof()：1个参数表示从后往前找所在位置；2个参数表示从第几个字符开始往前找；不存在返回-1

split()：同java一样，接收一个参数作为分隔符，转换为数组

reverse()：使数组元素反向排列

1.3 类型转换

eg:var a = 3;var b = a + "";var c = a.toString();var
d = "student" + a; alert(typeof(a) + "," +typeof(b) + "," + typeof(c) + "," + typeof(d))

number,string,string,string;

可以进行类型强制转换：

字符串转换为数值类型：parseInt(),parseFloat();不是有效数字的返回NaN

2.DOM基础

2.1 文档对象模型DOM(Document Object Module)定义了用户操作文档对象的接口。

2.2 访问特定节点最常用的两种方法getElementsByTagName()，getElementById()。

2.3 获取到一个节点后，可以通过父子关系，利用hasChildNodes()方法和childNodes属性获取该节点所包含的所有子节点。

2.4 通过parentNode属性可以获得指定节点的父节点，一直到body为止。

2.5 nodeType属性可以对兄弟节点进行访问。

2.6 通过getAttribute()和setAttribute()对节点的属性进行访问和设置。

2.7 节点的创建，删除，替换和插入等操作

2.7.1 创建：creatElement()创建节点；creatTextNode()创建文本节点；creatElement();创建元素

2.7.2 删除：找到要删除的节点，利用parentNode属性找到父节点，利用父节点的removeChild()方法将其删除

2.7.3 替换：通过要替换节点的父节点利用replaceChild(A,B),用A节点替换掉B节点

2.7.4 插入：目标节点之前:insertBefore(A,B)；

插入目标节点之后，没有insertAfter()方法，可以利用nextSibling找到目标节点的下一个兄弟节点，插在该兄弟节点的前面

3.ajax

3.1 ajax = 异步Javascript和XML。

3.2 ajax不同于传统网页的区别在：不重新加载整个页面，通过在后台与服务器进行少量数据交换，可以使网页进行异步更新。

3.3 ajax的基础：XMLHttpRequest对象，该对象负责在后台与服务器进行数据交互

3.4 使用ajax的时候，第一步，创建XMLHttpRequest对象

var xmlhttp;

if(window.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

} else {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//针对IE5，IE6

}

3.5 向服务器发送请求

方法描述open(method,url,async)规定请求的类型，URL以及是否异步处理请求。

* method：请求的类型：get or post

* url：文件在服务器上的位置

* async：true（异步），false（同步）

send(string)将请求发送到服务器

* string:仅用于POST请求

3.6 GET还是POST

大部分情况下使用get，它简单而且快。但是在以下情况请使用post：

无法使用缓存文件（更新服务器上的文件或数据库）

向服务器发送大量数据（POST 没有数据量限制）

发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

3.7 URL--服务器上的文件

xmlhttp.open("GET","ajax_test.jsp",true)

3.8 XMLHttpRequest对象要使用ajax，它的open方法的asyc参数必须设置为true

通过 AJAX，JavaScript 无需等待服务器的响应，而是：

* 在等待服务器响应时执行其他脚本

* 当响应就绪后对响应进行处理

3.9 async = true时：

xmlhttp.onreadystatechange=function(){

if (xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","test1.txt",true);

xmlhttp.send();

3.10 async = false时：

当使用 async=false 时，请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可：

xmlhttp.open("GET","test1.txt",false);

xmlhttp.send();

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

3.11 服务器响应

responseText:获得字符串形式的响应数据

document.getElementById("myDiv").innerHTML = xmlhttp.responseText;

responseXML:获得XML形式的响应数据

//XML解析

xmlDoc=xmlhttp.responseXML;

txt="";

x=xmlDoc.getElementsByTagName("ARTIST");

for (i=0;i<x.length;i++){

txt=txt + x[i].childNodes[0].nodeValue + "<br />";

}

document.getElementById("myDiv").innerHTML=txt;

3.12 onreadystatechange事件

属性描述onreadystatechange存储函数（或函数名），每当readystate属性改变时，就会调用该函数readyState存有XMLHttpRequest的状态。从0到4发生变化

* 0：请求未初始化

* 1：服务器连接已建立

* 2：请求已接受

* 3：请求处理中

* 4：请求已完成，且响应已就绪

status200:"ok"

404:未找到页面

xmlhttp.onreadystatechange=function(){

if (xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

3.12 Callback函数

callback函数是一种以参数形式传递给另一个函数的函数