1.包装类
包装类（Wrapper Class）是一种将基本数据类型（如字符串、数字和布尔值）封装成对应的对象的机制。这样做可以让基本数据类型具有对象的属性和方法。
其实大家肯定都用过，不管是在开发还是学习中，为什么这样说呢，如 let str = ‘str’ console,log(str.length)//3,这种也称为自动包装类，但只是一时的，Js调用完也自动拆箱
包装类对应常用的基本数据类型
- String 对象：用于处理字符串。
- Number 对象：用于处理数字。
- Boolean 对象：用于处理布尔值。
var str = 'Hello'; // 字符串类型
var strObject = new String('Hello'); // String 对象
var num = 42; // 数字类型
var numObject = new Number(42); // Number 对象
var bool = true; // 布尔类型
var boolObject = new Boolean(true); // Boolean 对象
基本数据类型会被自动转换为对应的包装类对象，这个过程称为自动装箱。在其他情况下，包装类对象会被自动转换为基本数据类型，这个过程称为自动拆箱。
var str = 'Hello';
var strObject = new String(str);
console.log(str.length); // 输出: 5
console.log(strObject.length); // 输出: 5
总之，包装类提供了一种便捷的方式来处理基本数据类型，使其具有对象的属性和方法。但在大多数情况下，直接使用基本数据类型更加简单和高效。
2.获取CSS样式
想必大家都会操作样式，element.style.width getComputedStyle(element).width 就这么简单 ，但为什么又要在这里说了，凑字数，哈哈哈，当然还是有点细节的
1.element.style.width:element.style.width 只能获取或修改内联样式，无法获取通过其他方式（如外部样式表或内部样式块）设置的样式
-
getComputedStyle(element).width : 这种方式用于获取计算后的样式（Computed Style），包括内联样式和从其他样式源继承而来的样式,
getComputedStyle可以获取任何样式来源的样式信息，并且它返回的是实际应用在元素上的样式值
总结来说，element.style.width 获取的是元素的内联样式，而 getComputedStyle(element).width 获取的是元素的计算后的样式，包括内联样式和从其他样式来源继承的样式。因此，如果需要获取完整的样式信息，包括从外部样式表或内部样式块继承而来的样式，应该使用 getComputedStyle 方法。
3.垂直滚动条到低
如果要判断垂直滚动条是否到达底部，可以通过比较元素的滚动条高度 - 元素滚动的垂直距离 == 元素的可见高度
var element = document.getElementById('yourElementId'); // 获取需要检查滚动位置的元素
element.addEventListener('scroll', function() {
if (Math.floor(element.scrollHeight - element.scrollTop ) === element.clientHeight) {
console.log('垂直滚动条已经到达底部');
}
});
4.scrollWidth、offsetTop、offsetWidth和offsetParent等
在浏览器环境中，访问 scrollWidth、offsetTop、offsetWidth 和 offsetParent 属性通常会导致重排（Reflow）和重绘（Repaint）。这些属性的访问可能会涉及到对元素布局的重新计算，从而触发页面的重新渲染。
JavaScript基础就结束了啦，后面继续复习JavaScript新语法了，下个版本JavaScript，也是就 ECMAScript ，也不算版本，是一些新语法，写的不是很详细，算帮助自己记忆，如果有在校学习的前端的同学，还可以继续看看 原型链继承，闭包，堆栈等等知识
