项目完结周

项目总结

本周项目截至，今日进行考核，存在问题较多

目前现有总结的问题，项目已经截至，之后我们自己找时间自己修改

项目知识

${function()}

是$(document).ready(function()的简写
${function()}相当于window.onload()
区别：
${function()}是在页面DOM加载完成之后window.onload()执行前执行
$(function(){})不会被覆盖，而window.onload会被覆盖

时间格式 示例

获取时间

      var newDate = new Date();
			
			console.log('newDate',newDate)
			
			//Fri Mar 18 2022 14:24:45 GMT+0800(中国标准时间)
			
			1.把 Date 对象的日期部分转换为可读字符串：
			
			console.log('toDateString',newDate.toDateString());
			
			// Fri Mar 18 2022
			
			2.根据格林威治时间 (GMT) 把 Date 对象转换为字符串（需注意的是）
			
			console.log('toGMTString',newDate.toGMTString());
			
			// Fri,18 Mar 2022 06:24:45 GMT
			
			不建议使用，因为此日期会在转换为字符串之前由本地时区转换为 GMT 时区。
			
			例如：传入具体时间
			
			var localDate=new Date('July 21, 1983 01:15:00')
			
			console.log(localDate.toGMTString())
			
			// Wed, 20 Jul 1983 17:15:00 GMT
			
			输出的时间会和传入的时间有时差
			
			3.使用 ISO 标准返回 Date 对象的字符串格式:
			
			console.log('toISOString',newDate.toISOString());
			
			// 2022-03-18T06：24：45.061Z
			
			
			4.将 Date 对象转换为字符串，并格式化为 JSON 数据格式。
			
			console.log('toJSON',newDate.toJSON());
			
			// 2022-03-18T06：24：45.061Z
			
			5.根据本地时间把 Date 对象的日期部分转换为字符串:
			
			console.log('toLocaleDateString',newDate.toLocaleDateString());
			
			// 2022/3/18
			
			6.根据本地时间把 Date 对象转换为字符串：
			
			console.log('toLocaleString',newDate.toLocaleString());
			
			// 2022/3/18 下午2:24:45
			
			7.根据本地时间把 Date 对象的时间部分转换为字符串：
			
			console.log('toLocaleTimeString',newDate.toLocaleTimeString());
			
			// 下午2:24:45
			
			8. Date 对象转换为字符串。
			
			console.log('toString',newDate.toString());
			
			// Fri Mar 18 2022 14:24:45 GMT+0800(中国标准时间)
			
			9.把 Date 对象的时间部分转换为字符串：
			
			console.log('toTimeString',newDate.toTimeString());
			
			// 14:24:45 GMT+0800(中国标准时间)
			
			10.根据世界时 (UTC) 把 Date 对象转换为字符串：
			
			console.log('toUTCString',newDate.toUTCString());
			
			//  Fri Mar 18 2022 06:24:45 GMT

将日期转换为时间戳var date = new Date(); // 当前时间

console.log('date',date)

三种方法：
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);

console.log('time1',time1)
console.log('time2',time2)
console.log('time3',time3)

input datetime-local

<input type="datetime-local" id="date" />

对时间进行限制，最大或最小
在JS里限制

document.getElementById("date").max = "2200-12-30T00:00";
document.getElementById("date").min = "2200-12-30T00:00";

在标签中直接限制

<input type="datetime-local" id="date" max="2200-12-30T00:00" />

setAttribute()
添加指定的属性，并为其赋指定的值

clientHeight

clientHeight获取到的高度其实和内容可不可见没有一点关系。下面给出我的结论：
clientHeight = (content height) + (padding top+padding bottom);
翻译成中文就是 clientHeight = 内容实际高度 + 上下内边距。
而内容实际高度可以用window.getComputeStyle(obj).height或者$(obj).css(“height”)获取。

scrollTop

JavaScript中一个非常有用且重要的方法，它用于获取或设置元素的垂直滚动条位置，实现各种滚动相关的功能

scrollTop 容器到顶部的距离；
clientHeight 容器的高度（可视区域）；
scrollHeight 容器的像素高度（完整高度，包括滚动条和隐藏的内容）；
offsetTop 容器的顶部偏移量（距离父盒子顶部距离）；
onscroll 给一个元素添加scroll事件；
scrollTo(0,90) 滚动到指定的坐标；
innerHeight 文档显示区的高度（内部高度，不包括元素的内边距和边框）；
当滚动条位于容器底部时，以下条件成立：
公式：scrollHeight - clientHeight = scrollTop；
当然：scrollTop + clientHeight = scrollHeight；