DOM操作基础

document.querySelector('.btn').addEventListener('click', function() {
    document.querySelector('.menu').classList.toggle('active');
});

常用交互效果

• 轮播图（Carousel）
• 下拉菜单（Dropdown）
• 模态框（Modal）
• 返回顶部（Back to Top）
• 图片懒加载（Lazy Load）

现代JavaScript

使用ES6+语法：箭头函数、解构赋值、async/await、模块化导入导出，使代码更简洁高效。