数学对象
什么是数学对象:数学方面的‘函数’
分别为:四舍五入、向上取整、向下取整、随机数
四舍五入
console.log(Math.round(20.8))
向上取整
console.log(Math.floor(20.9))
向下取整
console.log(Math.ceil(20.1))
随机数
随机数 0-1 之间的小数
公式一: Math.random()*n 0-n之间的小数,但不包含n
指定区间
公式二: Math.random()*(大值-小值) + 小值
使用随机数在表格中随机出现不同的颜色
var str = ''for(var i=0;i<10;i++){str += `<tr>` for(var j=0;j<10;j++){var r = parseInt(Math.random()*256)var g = parseInt(Math.random()*256)var b = parseInt(Math.random()*256)str += `<td style="background:rgb(${r},${g},${b})"></td>`}str += `</tr>` }table.innerHTML = str;
日期对象
默认获取当前时间
var date=new Date();
设置指定时间
加引号
var date = new Date('2024/4/3 12:0:0')
不加引号
var date = new Date(2024,10,10,15,0,0)
获取年份
var year = date.getFullYear();
获取月份(从0-11,要加1)
var mon = date.getMonth()+1;
获取日期(0-31)
var date2 = date.getDate();
获取周期(0-6,0表示周日)
var day = date.getDay();
获取小时
var hours = date.getHours();
获取分钟
var min = date.getMinutes();
获取秒
var sec = date.getSeconds();
CSS-弹性布局
弹性布局:是一个弹性容器,所有标签都可以设置
在父元素中添加去操作子元素
用法: display:flex;
flex-direction:row; 主轴上的排列方向
flex-wrap:wrap; 换行(弹性布局默认不换行)
flex-wrap:nowrap; 不换行
justify-content: center; 水平居中
align-items: center; 在侧轴上的居中对齐
justify-content:space-between; 两边对齐
justify-content:space-around; 子元素左右两侧间距相等
flex-direction:column 从上向下排列