每日总结-javascript

所花时间：2小时

代码量：如下：

博客量：本学期截至目前86篇

了解到的知识点：-javascript

window：浏览器窗口对象

属性：获取其他BOM对象

history 、navigator、screen、location

方法：

alert（）、confirm（）、setInterval()、setTimeout()。

定时器的学习:

JavaScript 定时器允许代码在指定的时间间隔后执行代码，或在特定时间（一次性）执行代码。以下是与 JavaScript 定时器相关的一些知识点：

1. setTimeout() 函数：该函数用于在指定的毫秒数后执行一次指定的函数。setTimeout() 函数可以通过传递参数，将函数在指定的时间间隔后重复执行。

2. setInterval() 函数：该函数用于在指定的毫秒数后重复执行指定的函数。setInterval() 函数也可以通过传递参数，控制重复执行的时间间隔。

3. clearTimeout() 和 clearInterval() 函数：这两个函数用于清除 setTimeout() 和 setInterval() 创建的定时器。使用这两个函数可以避免不必要的计算机资源消耗。

4. requestAnimationFrame()：该函数用于在下一个浏览器重绘之前调用指定的函数，可以实现高性能的动画效果。

5. Performance.now() 函数：这个函数返回当前时间戳，可用于计算代码执行时间以及做性能分析。

在使用定时器时，需要注意一些常见问题。例如，当使用 setInterval() 的时候，如果在指定的时间间隔内执行代码的时间超过了这个时间间隔，会造成代码的堆积，导致性能问题。此外，定时器也可能与其他 JavaScript 代码产生竞态条件，影响程序正常执行。因此，建议使用具有良好逻辑的代码并尽可能少地使用定时器。

总之，JavaScript 定时器提供了一种方便的方法来执行延迟或重复执行的代码，并且可以帮助实现各种动画和交互效果。熟练掌握定时器的相关知识可以提高 JavaScript 编程的效率和质量。

DOM（Document Object Model）是一种用于表示 HTML 和 XML 文档的标准树形结构，JavaScript 可以使用 DOM API 来访问、操作和修改文档中的元素和属性。以下是 JavaScript DOM 相关的一些知识点：

1. 获取元素：可以使用 document.getElementById() 获取带有指定 ID 的元素，或者使用 document.querySelector() 来获取符合指定 CSS 选择器的第一个元素。还可以通过 document.getElementsByTagName()、document.getElementsByClassName() 或者 document.querySelectorAll() 获取元素的集合。

2. 节点属性和方法：可以使用 Element 属性、Attribute 属性和节点方法来操作元素的属性和内容。例如，使用 element.textContent 获取元素的文本内容，使用 element.setAttribute() 修改元素的属性，使用 element.appendChild() 在元素的末尾添加一个新的子节点等。

3. 事件监听：可以使用 addEventListener() 方法来添加事件监听器。例如，使用 element.addEventListener(‘click’, function() { … }) 来给元素添加一个 click 事件监听器。

4. 样式操作：可以使用 element.style 属性来修改元素的样式。例如，使用 element.style.backgroundColor = ‘red’ 来将元素背景颜色修改为红色。

5. 操作 class：可以使用 element.classList 属性来添加、删除或切换元素的 class。例如，使用 element.classList.add(‘active’) 来为元素添加一个 active class。

6. 其他 DOM 操作：还可以使用 document.createElement() 创建新的元素，使用 document.createTextNode() 创建新的文本节点，使用 element.parentNode 获取父节点等其他 DOM 操作。

总之，JavaScript DOM 是一种非常强大和灵活的 API，它可以帮助开发者对 HTML 和 XML 文档进行访问和修改，从而实现具有交互性的网页应用。知晓 JavaScript DOM 相关的知识点，能够帮助开发者更好地掌握和应用 JavaScript，进一步提升编程技能。