内置类库
第三方类库与框架:
- jquery
- vue
- react
- backbone
- angular
- RequireJS
内置类库
数字处理(Math)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var min=Math.min(1,2,3,4);
print(min);
var max=Math.max(1,2,3,4);
print(max);
print("*************");
// 浮点数转整数
var num1=Math.ceil(1.1);//向上转//2
print(num1);
var num2=Math.floor(1.9);//向下转//1
print(num2);
var num3=Math.round(1.6);//四舍五入
print(num3);
var num4=Math.round(1.4);//四舍五入
print(num4);
print("*************");
// 随机数
var rand1=Math.random();//0-1随机数
print(rand1);
var rand2=Math.random()*100;//0-100随机数
print(rand2);
var rand3=Math.random()*100;//0-100整数随机数
rand3=Math.round(rand3);
print(rand3);
print("*************");
// 绝对值
var absNum=Math.abs(-99);
print(absNum);
print("*************");
// 数字转换进制
var num=10;
print(num);
print(num.toString(2));//转二进制
print(num.toString(8));//转八进制
// 保留小数
var num2=10.65178;
print(num2.toFixed(2));//保留两位小数
// 类型转换
var str="666.888";
var num3=Number(str)+10;
print(num3);
num3=parseInt(str)+10;//转Int
print(num3);
num3=parseFloat(str)+10;//转float
print(num3);
function print(message){
document.write(message);
document.write("<br />");
}
</script>
</body>
</html>
日期处理
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
// 当前日期
var date=new Date();
print(date);
// 自定义日期
var date2=new Date("2012-12-12 20:20:20");
print(date2);
// 获取具体内容
print(
date.getFullYear()+"年"+
(date.getMonth()+1)+"月"+
date.getDate()+"号"+
date.getHours()+":"+
date.getMinutes()+":"+
date.getSeconds()+" "+
"星期"+date.getDay()
);
function print(message){
document.write(message);
document.write("<br />");
}
</script>
</html>
Array类
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script>
// 创建数组
var array=[];
var array1=new Array();
var array2=new Array("aaa","bbb","ccc");
var array3=["qqq","wwww","eee"];
// 添加元素
array1.push(6);//末尾添加
array1.push(8);
print("数组1:"+array1);
print("数组2:"+array2);
print("数组3:"+array3);
// 修改元素
array2[1]="sss";
// 判断对象是否为某一类实例
print(array3 instanceof Array);
// 数组拼接
var arrayA=[1,2,3,4];
var arrayB=[9,8,7,6];
print(arrayA.concat(arrayB));//1,2,3,4,9,8,7,6
// 数组截取
var arrayD=new Array(1,2,3,4,5,6,7,8,9);
var arrayE=arrayD.slice(0,3);
print(arrayE);
// 数组插入
arrayD.splice(2,0,"asdf");//插入位置,取代个数,内容
print(arrayD);
// 数组排序
var array4=[5,3,6,9,45,62,55];
array4.sort(function(num1,num2){//由小到大排序
return num1-num2;
});
print(array4);
print("*************");
// 倒序
array4.reverse();
print(array4);
print("*************");
function print(message){
document.write(message);
document.write("<br />");
}
</script>
</html>