定时器
setTimeout: 定时执行。
setTimeout()方法设置一个定时器,该定时器在定时器到期后执行一个函数或指定的一段代码。
只执行一次,完毕之后定时器还在,没有被销毁。
setInterval :循环执行。
每隔一个时间间隔就会执行一次这个方法,直到这个定时器被销毁。
(使用 clearTimeout() 和 clearInterval() 可以消除定时器。)
// 【setTimeout和setInterval的区别】
// timeout:(体育比赛中的)暂停,超时
// interval:间隔,间隙
// setTimeout()开启的定时器,“时间”一到代码就会执行
// 就是用来指定某个函数或某段代码在多少毫秒后执行
window.setTimeout(函数类型,延迟时间)
var time1=window.setTimeout(function (){
console.log("hi");
},1000);
// 使用setInterval()开启的定时器,“时间间隔”一到,代码就会执行一次
// 意思就是每隔一段时间执行一次函数
setInterval(function(){
console.log('lili');
},1000)
// 使用clearTimeout()和clearInterval()可以清除定时器
变量命名规范
首字母必须是字母、下划线(-)或者美元符号($)。
其他字母可以是下划线(_)、美元符号($)、字母或者数字
一般采用驼峰法:一个单词所有小写,多个单词从第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
操作数组
数组新增
添加元素到数组未尾:数组名.push('元素')。
array.push('哈哈')
console.log(array); //(2) ['呵呵', '哈哈']
添加到开头:数组名.unshift('元素')
array.unshift('哈哈')
console.log(array); //(3) ['哈哈', '呵呵', '嘻嘻']
数组删除
数组名.pop( ): 删除最后一个元素
array.pop()
console.log(array); //(2) ['哈哈', '呵呵']
数组名.shift( ): 删除第一个元素
array.shift()
console.log(array); //['呵呵']
数组删除/添加指定元素
数组名.splice(start,deleteCount,add)
第一个值: 起始位置,从0开始。
第二个值:要删除的数量。(如果没有指定的数量,则会删除从起始位置到后面所有元素)
array.splice(3,2)
console.log(array); //['呵呵']
数组转化为字符串
let a = ['1','2','3']
let b = a.join('')
console.log(a); //['1','2','3']
console.log(b); // 1234
console.log(typeof(b)); // srting
ES6之 Set
ES6提供了新的数据结构Set。它类似与数组,但是成员的值都是唯一的,没有重复的值
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
HTTP状态码
1开头的状态码 (信息类)
100,接收的请求正在处理
2开头的状态码 (成功类)
200,服务器已成功处理了请求。
3开头的状态码 (重定向)
301,永久性重定向。302,临时重定向。
4开头的状态码 (客户端错误)
400,错误请求,服务器不理解请求的语法。403,服务器拒绝请求
5开头的状态码 (服务器错误)
500,服务器内部错误,无法完成请求。503,服务器停机维护,无法处理请求
实现AJAX的基本步骤
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:
创建XMLHttpRequest对象,即创建一个异步调用对象.
创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
设置响应HTTP请求状态变化的函数.
发送HTTP请求.
获取异步调用返回的数据.
使用JavaScript和DOM实现局部刷新.
every方法
every数组方法的作用
判断数组中是否所有元素都满足条件
语法:array.every( function ( item, index,arr) {} )
第一个参数: item,必须,当前元素的值
第二个参数 : index,可选,当前元素在数组中的索引值
第三个参数 : arr,当前元素所处的数组对象
every方法特点
(1)循环次数 !== 数组长度
(2)函数内部的return
return true : 循环继续 当前元素满足条件,继续判断,如果循环执行完毕还是true,则every的返回值就是true
return false : 循环结束,当前元素不满足条件,every的返回值也是false
(3)every方法的返回值
return true : 全部元素都满足条件
return false : 有元素不满足条件