[ Day03 JavaScript编码原则 | 青训营笔记]

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天 一、本堂课重点内容：

分享要点：

• 如何写好JavaScript

  • 各司其责
  • 组件封装
  • 过程抽象

• 写代码应该关注的要点

二、详细知识点介绍：

各司其职

组件封装--轮播图的实现

过程抽象

once这个函数使只执行一次的需求覆盖不同的事件处理。可用于高阶函数

LeftPad事件

主要是因为代码繁琐，然后应用比较广泛，依赖较多，引发的错误规模较大

JavaScript代码优化之路

document.getElementById详解

Document的方法 getElementById()返回一个匹配特定 ID的元素。由于元素的 ID 在大部分情况下要求是独一无二的，这个方法自然而然地成为了一个高效查找特定元素的方法。

如果需要查找到那些没有 ID 的元素，你可以考虑通过 CSS 选择器使用 querySelector()。

三、课后个人总结：

• 本章的知识感觉比较贴近实战，理解有点困难，其实需要多看几遍来理解。