这是我参与【第五届青训营】笔记创作活动的第三天

2023.01.17

JavaScript

• HTML/CSS/JS各司其责
• 应当避免不必要的由JS直接操作样式
• 可以用class来表示状态
• 纯展示类交互寻求零JS方案

轮播图

• 结构：是一个典型的列表结构，我们可以使用无序列表
  元素来实现。
  • 表现：
    • 使用CSS绝对定位将图片重叠在同一个位置
    • 轮播图切换的状态使用修饰符（modifier）
    • 轮播图的切换动画使用CSS transition
  • 行为：
    • API设计应保证原子操作，职责单一，满足灵活性
    • Slider
      • +getSelectedItem()
      • +getSelectedItemIndex()
      • +slideTo()
      • +slideNext()
      • +slidePrevious()
    • 控制流
      • 使用自定义事件来解释

  组件

  是指Web页面上抽出来一个个包含模块（html）、功能（js）和样式（css）的单元。好的组件具备封装性、正确性、扩展性、复用性。