移动端网页特效导读

一、触屏特效

移动端没有鼠标概念，是用手指触屏实现

1.触屏事件

2.触屏事件对象

对象e的一些属性

如果touches和targetTouches侦听的是一个DOM元素，那么他俩是一样的
注意点

3.拖动元素

阻止默认的触屏滚动e.preventDefault

二、移动端常见特效

1.轮播图

(1)判断过渡完事件transitionend
(2)classList属性（返回元素类名）
切换：有则删除，无则添加

（3）小圆点（简单方法，用classList类名）


（4）自动播放

（5）返回顶部


（6）解决click事件有300ms的延迟问题
reason:移动端双击会有缩放效果
3ways
****1.禁用

****2.封装方法（需调用）

****3.fastclick插件
插件相当于一个js文件，用来解决某个问题或实现某个效果，小而专一
使用：先去fastclick插件官网下载文件并引入，然后在html页面添加这段话

三、移动端常用开发插件

1.fastclick插件，解决click延迟问题

2.swiper

一些关于移动端滑动的已经写好的代码，可直接使用再加以修改
一般用来弄轮播图较多
使用方法：先在官网下载文件，再找到min.js/min.css引入，再复制自己想要的结构样式到自己的css,js,html上

3.superslide

移动端的是TouchSlide
一些焦点图/幻灯片/tab栏切换/图片滚动/无缝滚动

4.iscroll

5.zy.media.js

解决不同浏览器样式不一样的问题

6.使用方法总结

四、移动端常用开发框架

与插件相比，大而全
用法：官网下载文件
引入bootstrap.min.css
先引入jquery.min.js,再引入bootstrap.min.js
复制结构和样式

五、本地存储

1.window.sessionStorage(大约5M）

2.window.localStorage（大约20M）