apply js 实现
使用 JavaScript 实现功能
JavaScript 是一种广泛应用于网页开发的脚本语言，可以通过多种方式实现功能。以下是几种常见的方法：
直接嵌入 HTML
在 HTML 文件中直接嵌入 JavaScript 代码，使用 <script> 标签：
<script>
console.log("Hello, World!");
</script>外部引入 JavaScript 文件
将 JavaScript 代码保存在独立的 .js 文件中，通过 <script> 标签引入：
<script src="script.js"></script>事件监听 通过事件监听实现交互功能，例如按钮点击：
document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked!");
});操作 DOM 元素 动态修改网页内容或样式：
document.getElementById("demo").innerHTML = "New content";
document.getElementById("demo").style.color = "red";异步请求（AJAX）
使用 fetch 或 XMLHttpRequest 从服务器获取数据：
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data));使用 ES6+ 特性 利用现代 JavaScript 特性如箭头函数、模板字符串等：
const greet = (name) => `Hello, ${name}!`;
console.log(greet("Alice"));模块化开发
将代码拆分为模块，使用 import 和 export：
// module.js
export const add = (a, b) => a + b;
// main.js
import { add } from './module.js';
console.log(add(2, 3));调试和测试
使用浏览器开发者工具（如 Chrome DevTools）进行调试，或编写单元测试：
// 示例测试用例
function testAdd() {
console.assert(add(2, 3) === 5, "Test failed");
}
testAdd();性能优化
避免全局变量，使用事件委托，减少 DOM 操作频率：
// 事件委托示例
document.body.addEventListener("click", function(e) {
if (e.target.classList.contains("item")) {
console.log("Item clicked");
}
});
