1.document.querySelectorAll()

document.querySelectorAll() 是 JavaScript 中的一个内置方法，用于选择多个元素并返回一个 NodeList 对象。

const nodeList = document.querySelectorAll(selector);

• selector：一个字符串，用于指定要选择的元素。可以使用与 CSS 选择器相同的语法。

  
    
  Apple
    
  Banana
    
  Cherry
  
  const listItems = document.querySelectorAll('li');
  console.log(listItems.length); // 输出：3
  console.log(listItems[1].textContent); // 输出：Banana

  在上述例子中，document.querySelectorAll('li') 选择了所有

• 元素，并将它们存储在一个 NodeList 对象中。可以使用 length 属性获取所选元素的数量，并使用索引获取每个元素的属性和内容。

  需要注意的是，querySelectorAll 返回的是一个静态的 NodeList 对象，这意味着如果匹配的元素发生变化，NodeList 不会自动更新。如果需要动态更新匹配的元素列表，请使用 document.getElementsByTagName 或者其他动态查询节点的方法。

  2.window.innerHeight

  window.innerHeight 是 JavaScript 中的一个内置属性，用于获取浏览器窗口的视口高度。

  const height = window.innerHeight;
  console.log('Window inner height is:', height, 'pixels');
  const element = document.getElementById("screenshot-element");
  element.style.height = `${window.innerHeight - 150}px`;

  页面中的 元素设置了一个高度为 3000px。通过 window.innerHeight 可以获取当前浏览器窗口的视口高度，并将其输出到控制台中。

  window.innerHeight 返回的值是一个整数，表示可视窗口的高度（不包括浏览器的地址栏、工具栏和滚动条等内容）。如果需要获取整个浏览器窗口的高度，请使用 window.outerHeight 属性。

  3.indexOf( )

  indexOf() 是 JavaScript 中字符串和数组对象的一个方法，用于查找特定元素第一次出现的位置。

  在字符串对象中，indexOf() 方法返回给定字符串在调用方法的字符串中第一次出现的位置。如果未找到该子字符串，则返回 -1。

  str.indexOf(searchValue, fromIndex)
  

  • searchValue：要查找的字符串。
  • fromIndex (可选)：从此位置开始查找字符串。默认值为 0。

    const str = 'Hello, world!';
    console.log(str.indexOf('world')); // 输出：7
    console.log(str.indexOf('John')); // 输出：-1
    console.log(str.indexOf('o', 5)); // 输出：8
    

    在数组对象中，indexOf() 方法返回给定元素在调用方法的数组中第一次出现的位置。如果未找到该元素，则返回 -1。

    const arr = [1, 2, 3, 4, 5];
    console.log(arr.indexOf(3)); // 输出：2
    console.log(arr.indexOf(6)); // 输出：-1
    console.log(arr.indexOf(4, 2)); // 输出：3
    

    4.size( )

    size 属性：对于 Map 和 Set 等集合类型，可以使用 size 属性来获取元素的数量。

    import {size} from "lodash";
     
    const set = new Set([1, 2, 3, 4, 5]);
    console.log(set.size); // 输出：5
    const map = new Map([['key1', 'value1'], ['key2', 'value2']]);
    console.log(map.size); // 输出：2
    const arr = [1, 2, 3, 4, 5];
    console.log(arr.length); // 输出：5
    const str = 'Hello, world!';
    console.log(str.length); // 输出：13
    

    如果 value是一个数组或字符串，则可以使用 length 属性来获取其长度。如果 value是一个集合类型，则可以使用 size 属性来获取其大小。