Skip to content

Latest commit

 

History

History
28 lines (17 loc) · 1.51 KB

实现细节记录.md

File metadata and controls

28 lines (17 loc) · 1.51 KB

10. 贝塞尔曲线实现弹性效果

可以在 cubic-bezier.com 中生成三次贝塞尔函数中的参数。 在使用动画效果的时候需要注意一个很重要的属性,也就是 animation-fill-mode,这一属性规定了元素在动画时间以外的状态。有以下三个参数可选。

  • forwards - 表示动画完成后保留最后一个关键帧中的属性值
  • backwards - 表示动画延迟之前就应用第一个关键帧的属性值
  • both - 同时包含 forwardsbackwards 两种设置

classList 属性

HTML5 新增了一种操作类名的方式,那就是为所有元素添加 classList 属性,利用这个属性我们可以方便的给一个元素添加或者移除类,下面来看看常用的四个方法。

  • add(value) - 将给定的字符串值添加到列表中。若已存在,就不添加了
  • contains(value) - 表示列表中是否存在给定的值,如果存在则返回 true, 否则返回 false
  • remove(value) - 从列表中删除给定的字符串
  • toggle(value) - 如果列表中已经存在了给定的值,删除它;如果列表中没有给定的值,添加它。

比如,我想给 div#test 添加一个 move 类,可以在 JavaScript 中使用下面的代码 :

var element = document.getElementById("test");
element.classList.add("move");

13. 自定义日历控件

new Date().getMonth() 返回的值在 [0, 11] 之间, 0 代表一月。

new Date().getDay() 返回的值在 [0, 6] 之间,0 代表星期天。