一、用兩個(gè)棧來實(shí)現(xiàn)一個(gè)隊(duì)列
var stack1=[];
var stack2=[];
function push(node)
{
stack1.push(node);
}
function pop()
{
// 如果兩個(gè)棧中都沒有數(shù)據(jù)
if(stack1.length==0&&stack2.length==0){
return false;
}
//如果用于移除元素的棧中沒有數(shù)據(jù)
if(stack2.length==0){//將當(dāng)前狀態(tài)下添加元素的棧中的所有數(shù)據(jù)依次彈出并壓入到移除元素的棧中
while(stack1.length!=0){
stack2.push(stack1.pop());
}
}
//從移除元素的棧中彈出一個(gè)數(shù)據(jù)
return stack2.pop();
}
module.exports = {
push : push,
pop : pop
};
二、用純JS實(shí)現(xiàn)，點(diǎn)擊一個(gè)列表時(shí)，輸出對(duì)應(yīng)的索引
方法一：使用利用事件冒泡委托給列表的父節(jié)點(diǎn)去處理事件
var oUl=document.getElementById('myUl');
var oLi=oUl.getElementsByTagName('li');
oUl.onclick=function(event){
var tg=event.target;//事件的實(shí)際目標(biāo)對(duì)象
for(var i=0;i<oLi.length;i++){
if(oLi[i]===tg){
alert(i+1);
}
}
};
方法二：使用閉包。
var oUl=document.getElementById('myUl');
var oLi=oUl.getElementsByTagName('li');
for(var i=0;i<oLi.length;i++){
(function(){
var n=i;
oLi[i].onclick=function(){
alert(n+1);
};
})(i);
}
方法三：給每個(gè)li[i]添加屬性index=i+1;
二、原生js和jQuery中ajax的用法
1、原生js中的ajax用法
//請(qǐng)求的5個(gè)階段，對(duì)應(yīng)readyState的值
//0: 未初始化，send方法未調(diào)用；
//1: 正在發(fā)送請(qǐng)求，send方法已調(diào)用；
//2: 請(qǐng)求發(fā)送完畢，send方法執(zhí)行完畢；
//3: 正在解析響應(yīng)內(nèi)容；
//4: 響應(yīng)內(nèi)容解析完畢；
var data = 'name=yang';
var xhr = new XMLHttpRequest(); //創(chuàng)建一個(gè)ajax對(duì)象
xhr.onreadystatechange = function(event){ //對(duì)ajax對(duì)象進(jìn)行監(jiān)聽
if(xhr.readyState == 4){ //4表示解析完畢
if(xhr.status == 200){ //200為正常返回
console.log(xhr)
}
}
};
xhr.open('POST','url',true); //啟動(dòng)請(qǐng)求以備發(fā)送，參數(shù)一：發(fā)送方式，二：請(qǐng)求地址，三：是否異步，true為異步
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); //可有可無
xhr.send(data); //發(fā)送
2、jQuery中ajax的用法
$.ajax({
url:'/comm/test1.php',
type:'POST', //GET
async:true, //或false,是否異步
data:{
name:'yang',age:25
},
timeout:5000, //超時(shí)時(shí)間
dataType:'json', //返回的數(shù)據(jù)格式：json/xml/html/script/jsonp/text
beforeSend:function(xhr){
console.log(xhr)
console.log('發(fā)送前')
},
success:function(data,textStatus,jqXHR){
console.log(data)
console.log(textStatus)
console.log(jqXHR)
},
error:function(xhr,textStatus){
console.log('錯(cuò)誤')
console.log(xhr)
console.log(textStatus)
},
complete:function(){
console.log('結(jié)束')
}
})
