node.js复习

定时器的创建与清除

setTimeout:

定时执行。设置一个时间,等待时间到达的时候只会执行一次,但是执行以后定时器还在,没有被销毁。

创建

window.setTimeout(函数类型,延迟时间)
 
var time1=window.setTimeout(function (){
    console.log("hi");
},1000);

清除

window.clearTimeout(定时器名称)
 
function func(){
    //清除延时器
    window.clearTimeout(time1);
}

setInterva:

循环执行。每隔一个时间间隔就会执行一次这个方法,直到这个定时器被销毁。

创建

var demo2 = setInterval(function() {
	console.log('继续输出');
},1000);

清除

var demo2 = setInterval(function() {
	console.log('继续输出');
},1000);
//清除循坏
clearInterval(demo2)

变量命名规范

  • 首字母必须是字母、下划线(-)或者美元符号($)。
  • 其他字母可以是下划线(_)、美元符号($)、字母或者数字
  •  一般采用驼峰法:一个单词所有小写,多个单词从第2个单词开始首字母大写。。
  •  变量名是区分大小写的,不能是关键字或保留字。

字符串的操作

  • 判断一个字符串在不在某个字符串里面
     let index1 = str.indexOf('宇宙')
        console.log(index1);//0
  • 截取字符串(第一个参数:从哪个下标开始截取;第二个参数:截取的长度)
      let str2 = str.substr(7,2)
        console.log(str2); // 江西
  • 修改字符串(第一个参数:要修改的字符串;第二个参数:修改后的字符串)
  let str3 = str.replace("宇宙","互联网") 
        console.log(str3); // 互联网的中心——江西软件职业技术大学
  • 分割字符串
let str ='1-2-3-4-5!
let str1 = str.split('-!
console.log(str); //1-2-3-4-5
console.log(str1); //['1','2,3 ,4',5']
  • 大小写转换
console.log('ABCDEFG'.toLowerCase()); //abcdefg
console.log('abcdefg'.toUpperCase()); //ABCDEFG

数组的增删改查

1. 数组新增

 array.push('柯震东')
 
 console.log(array); //[柯震东']
 
数组名.unshift('元素'):添加到开头。
 
 array.unshift('翟天临')
 
console.log(array); //['翟天临’]

2. 数组删除

 array.pop()
 
 console.log(array);
 
 数组名.shift( ): 删除第一个元素
 
 array.shift()
 
 console.log(array);

3. 数组删除/添加指定元素

数组名.splice(start,deleteCount,add)
 
 array.splice(3,2)
 
 console.log(array);

ES6set数据结构

 Set函数可以接收一个数组作为参数,用来初始化。
 
const s = new Set([1,2,3,3,4,4])
 
console.log(s);   //Set(4) (1,2,3,4)
 
console.log(s.size);   //4
 
利用Set进行数组去重
 
let arr = [1,22,33,33,44,44]
let set = new Set(arr)
console.log(set); //Set(4) {1,22,33,44] 

请求方法

GET请求: 用来获取数据,不对服务器的数据做任何的修改、新增、删除等操作。

POST请求: 数据发送到服务器以创建或更新资源,侧重于更新数据.

PUT请求: 数据发送到服务器以创建或更新资源,侧重于创建数据。

DELETE请求: 删除指定的资源。

HEAD请求: HEAD方法与GET方法相同,是从服务器获取信息。服务器不会返回请求的实体数据,只会传回相应头可以用在很多并不真正需要资源的场合,避免传输body数据的浪费。

PATCH(布丁)请求: 用于上传数据并更新“部分”资源。

HTTP状态码

  • 1开头的状态码 (信息类)

eg: 100,接收的请求正在处理

  •  2开头的状态码 (成功类)

eg: 200,服务器已成功处理了请求。

  •  3开头的状态码 (重定向)

eg: 301,永久性重定向。302,临时重定向。

  • 4开头的状态码 (客户端错误)

eg: 400,错误请求,服务器不理解请求的语法。403,服务器拒绝请求

  •  5开头的状态码 (服务器错误)

eg: 500,服务器内部错误,无法完成请求。503,服务器停机维护,无法处理请求

Ajax发送get请求

Ajax发送get请求,如何传递参数?

拼接在url地址上

格式: url地址?key=value
url地?key1=value2&key2=value2

Ajax发送post请求

  1. 创建请求对象
  2. 调用open方法,设置请求方式和请求地址
  3. 设置请求头
  4. 设置请求后的回调函数
  5. 调用send()方法

实现Ajax的基本步骤

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:

1. 创建XMLHttpRequest对象,即创建一个异步调用对象.

let xhr = new XMLHttpRequest();

2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

XMLHttpRequest.open(method,URL,flag,name,password);

代码中的参数解释如下所示:

  • method:该参数用于指定HTTP的请求方法,一共有get、post、head、put、delete五种方法,常用的方法为get和post。
  • URL:该参数用于指定HTTP请求的URL地址,可以是绝对URL,也可以是相对URL。
  • flag:该参数为可选,参数值为布尔型。该参数用于指定是否使用异步方式。true表示异步、false表示同步,默认为true。
  • name:该参数为可选参数,用于输入用户名。如果服务器需要验证,则必须使用该参数。
  • password:该参数为可选,用于输入密码。若服务器需要验证,则必须使用该参数。

3. 设置响应HTTP请求状态变化的函数.

创建完HTTP请求之后,应该就可以将HTTP请求发送给Web服务器了。然而,发送HTTP请求的目的是为了接收从服务器中返回的数据。从创建XMLHttpRequest对象开始,到发送数据、接收数据、XMLHttpRequest对象一共会经历以下5中状态。 

  1. 未初始化状态。在创建完XMLHttpRequest对象时,该对象处于未初始化状态,此时XMLHttpRequest对象的readyState属性值为0。
  2. 初始化状态。在创建完XMLHttpRequest对象后使用open()方法创建了HTTP请求时,该对象处于初始化状态。此时XMLHttpRequest对象的readyState属性值为1。
  3. 发送数据状态。在初始化XMLHttpRequest对象后,使用send()方法发送数据时,该对象处于发送数据状态,此时XMLHttpRequest对象的readyState属性值为2。
  4. 接收数据状态。Web服务器接收完数据并进行处理完毕之后,向客户端传送返回的结果。此时,XMLHttpRequest对象处于接收数据状态,XMLHttpRequest对象的readyState属性值为3。
  5. 完成状态。XMLHttpRequest对象接收数据完毕后,进入完成状态,此时XMLHttpRequest对象的readyState属性值为4。此时接收完毕后的数据存入在客户端计算机的内存中,可以使用responseText属性或responseXml属性来获取数据。

4. 发送HTTP请求.

5. 获取异步调用返回的数据.

6. 使用JavaScript和DOM实现局部刷新.

你可能感兴趣的:(node.js,javascript,前端)