ele.offsetTop

• ele.offsetTop 返回元素相对于其 offsetParent 元素的顶部内边距的距离。offsetParent 通常是最接近的具有定位（relative, absolute, 或 fixed）的祖先元素，如果没有这样的元素，则是文档的根元素。
• 在代码中，obj.offset().top 返回的是 obj 元素相对于文档顶部的偏移量。

ele.scrollTop

• ele.scrollTop 返回元素的垂直滚动条的位置。对于窗口对象，$(window).scrollTop() 返回的是文档的当前滚动位置，即用户滚动到的垂直距离。

window.height:

• window.height 获取窗口的高度。$(window).height() 返回的是浏览器窗口的高度，单位为像素。

ele.getBoundingClientRect():

• ele.getBoundingClientRect() 返回元素的大小及其相对于视口的位置。该方法返回一个 DOMRect 对象，包含 top、right、bottom、left、width 和 height 属性。
• 与 ele.offsetTop 不同，getBoundingClientRect() 返回的坐标是相对于视口而不是文档。视口是浏览器显示页面的部分，而文档则是整个网页。

filter() 方法创建给定数组一部分的浅拷贝，其包含通过所提供函数实现的测试的所有元素。

        const words = ['spray', 'elite', 'exuberant', 'destruction', 'present'];

        const result = words.filter((word) => word.length >= 6);
        console.log(result);

replace() 方法返回一个新字符串，其中一个、多个或所有匹配的 pattern 被替换为 replacement。pattern 可以是字符串或 RegExp，replacement 可以是字符串或一个在每次匹配时调用的函数。如果 pattern 是字符串，则只会替换第一个匹配项。原始的字符串不会改变。

const paragraph = "I think Ruth's dog is cuter than your dog!";

console.log(paragraph.replace("Ruth's", 'my'));
// Expected output: "I think my dog is cuter than your dog!"

const regex = /Dog/i;
console.log(paragraph.replace(regex, 'ferret'));
// Expected output: "I think Ruth's ferret is cuter than your dog!"

Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false,
};

console.log(Object.keys(object1));
// Expected output: Array ["a", "b", "c"]

Object.values() 静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false,
};

console.log(Object.values(object1));
// Expected output: Array ["somestring", 42, false]