HTML5高级工程师之闭包、移动端轮播图

闭包

移动度轮播图随着移动设备越来来越多，对移动设备上的网站也越来越重视， 也就使得前端人员要具备可以开发移动端的项目，而移动端的项目又没 有什么主要的效果，只有一个滑动轮播图是一个主要的效果，可想而知 移动端的滑动轮播图是多么的重要，本套课程我将带领大家探究原生的滑动轮播图奥秘！

禁止页面缩放为了确保适当的绘制和触屏缩放，需要在 之中添加 viewport 元 数据标签。(注：这个也是写移动端必备的语句)

addEventListener方法在学习其他方法的时候我们要先认识一下addEventListener。addEventListener()方法用于向元素添加事件，语法：event.addEventListener(“ 事件名 ”执行事件后要执行的函数,布 尔值);（注：前两个是必需写的第三个是选填的，默认是false )

touchstart初识touchstart：是手指按下事件也就是当我们的手与屏幕刚刚接触的那一刹那触发的事件changedTouches ：涉及当前事件的手指的一个列表。也就是说我这个事件有几个手指触发clientX：获取当前的手指所在元素的X轴坐标clientY：获取当前的手指所在元素的Y轴坐标一般clientX与changedTouches[0]连用表示第一个手指所在的X轴坐标event.changedTouches[0].clientX

touchmove事件touchmove：是手指在屏幕上滑动时触发的事件给元素添加touchmove事件：event.addEventListener('touchmove',move);function move(){要执行的函数；}

touchend事件touchend：指的是当手指离开屏幕时触发的事件 用法和touchmove是一样的。