11.简述如何通过 js 实现 H5 动画。

实现H5动画的方法有很多种，其中一种比较常用的方法是通过JavaScript来实现。具体步骤如下：

1. 获取元素：首先需要获取需要进行动画的元素，可以通过document.getElementById()或者document.querySelector()等方法来获取。

2. 定义动画：通过JavaScript定义需要进行的动画效果，可以使用CSS3动画、JavaScript动画库或者Canvas等方式来定义动画。

3. 绑定事件：为元素绑定动画触发事件，比如点击、滚动、鼠标移动等事件。

4. 触发动画：当事件被触发时，调用动画函数或库来进行动画处理，比如使用requestAnimationFrame()函数来实现平滑的动画效果。

5. 更新元素样式：在动画过程中，需要不断更新元素的样式属性，以实现动画效果。可以使用JavaScript来修改元素的样式属性，比如top、left、opacity等属性。

6. 结束动画：当动画完成时，需要停止动画并清除动画效果，可以使用clearInterval()或者cancelAnimationFrame()等方法来结束动画。

总之，通过JavaScript实现H5动画的关键在于定义动画、绑定事件、触发动画、更新元素样式和结束动画。在实际开发中，可以根据具体的需求和场景选择合适的动画方式和JavaScript库，以实现丰富、生动的动画效果。