JS的数学对象

数学对象

什么是数学对象：数学方面的‘函数’

分别为：四舍五入、向上取整、向下取整、随机数

四舍五入

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   从上向下排列