变量声明规范
JavaScript 中的变量声明主要有 var、let 和 const 三种方式。虽然旧版本常用 var，但现代开发中更推荐 let 和 const。
var 存在变量提升现象，允许重复声明，且作用域仅限于函数或全局，容易在块级作用域（如 if、for）外被意外访问，导致逻辑错误。
let 不允许重复声明，不存在变量提升，必须先声明后使用，且具备块级作用域。
const 必须初始化赋值，同样具有块级作用域，适合声明不可变的常量或引用类型。
建议： 默认优先使用 const 避免意外修改，必要时使用 let，尽量避免使用 var。
DOM 元素获取与操作
获取 DOM 元素
在 CSS 选择器方面，我们通常使用 document.querySelector('selector') 获取第一个匹配元素，或使用 document.querySelectorAll('selector') 获取所有匹配元素（返回静态 NodeList），它们支持复杂的 CSS 选择语法。
- 类选择器
const firstItem = document.querySelector('.list-item');
const allItems = document.querySelectorAll('.list-item');
- ID 选择器
使用
#前缀匹配元素的id属性。
const name = document.querySelector('#username');
- 标签选择器 直接使用 HTML 标签名。
const body = document.querySelector('body');
除了上述方法，还可以通过以下标准 API 获取元素：
- 通过 ID 获取：
document.getElementById('id')，返回匹配的第一个元素，不存在则返回null。 - 通过类名获取：
document.getElementsByClassName('class')，返回动态的 HTML 集合（类数组对象）。 - 通过标签名获取：
document.getElementsByTagName('tag')，返回包含所有匹配标签的动态 HTML 集合。
