2023年Javascript学习笔记.docx

JavaScript是Web开发中不可或缺的一部分，尤其在2023年，随着前端技术的不断发展，JavaScript的应用范围更加广泛。以下是对给定文件中提及的JavaScript知识点的详细解释： 1. **CSS选择器的大小写敏感性**：在CSS中，类名（class）是大小写敏感的，`Class="box"` 和 `.Box{}` 是两个不同的选择器，因此在编写CSS时，必须保持大小写的准确性。 2. **剃刀文献(.js文件)**：这里的"剃刀文献"可能是误打，通常我们指的是.js文件，它是JavaScript代码的存储格式，用于在网页中实现动态功能。 3. **HTML与JavaScript的分离原则**：遵循良好的编程实践，JavaScript应该写在行为层（如外部.js文件或`<script>`标签），而HTML则专注于结构层。这样可以保持代码的清晰性和可维护性。 4. **选项卡和水平菜单**：这两者是常见的前端交互元素，通常通过JavaScript实现动态切换显示内容和样式。 5. **函数**：函数是JavaScript中执行特定任务的代码块，具有可重用性，有助于降低程序的复杂度。 6. **闭包**：闭包是一种特殊的现象，允许函数访问并操作其外部作用域内的变量，即使在其外部函数已经执行完毕后。闭包常用于数据封装和记忆化等场景，可以防止变量被垃圾回收机制回收。 7. **变量声明的时机**：在JavaScript中，使用`var s = confirm();`的方式声明并赋值更安全，因为它确保变量s在使用前已被初始化。 8. **CSS书写规范**： - Reset样式：清除浏览器默认样式，使所有元素在统一的基线开始。 - 盒模型布局：根据HTML结构定义盒子模型，包括嵌套和并列关系。 - 样式细化：逐个添加属性和值以实现设计效果。 9. **变量作用域**：在不同页面中，变量的声明和使用会影响其作用域和生命周期，未声明的变量会引发错误，而全局变量可以作为window对象的属性访问。 10. **面向对象编程**：面向对象编程（OOP）强调封装、抽象和继承。例如，创建选项卡效果时，可以通过封装相关逻辑到对象中实现。 11. **属性与变量，函数与方法**： - 属性和方法是对象的组成部分，具有特定的作用域，而变量则可以独立存在。 - 函数作为方法时，是对象的一部分，通过对象调用；作为普通函数时，没有所属对象，可以直接调用。 - 全局变量相当于window对象的属性，全局函数也是window对象的方法。 12. **事件处理**： - 事件是用户与页面交互的触发点，如点击、移动鼠标等。 - 常见的事件处理程序有`onmouseover`, `onmouseout`, `onclick`等，它们都以"on"开头。 - 事件对象提供有关事件的信息，如坐标、按键状态等。 13. **定时器**： - `setTimeout` 和 `setInterval` 用于设定定时执行的函数，`clearTimeout` 和 `clearInterval` 用于取消定时器，避免不必要的资源浪费。 14. **Cookie**： - Cookie用于在客户端存储数据，`document.cookie` 可用于读取和设置Cookie。 15. **事件处理函数**： - 事件处理函数通常接收一个事件对象参数，如 `eventHandler(e)`，其中 `e` 代表事件对象。 - 通过 `event.target` 或 `event.srcElement` 获取事件触发的元素。 以上是对文件中提到的JavaScript知识点的详细解析，这些知识涵盖了前端开发的基础和进阶概念，对于理解和掌握JavaScript编程非常有帮助。