移动端
一、触屏特效
移动端没有鼠标概念,是用手指触屏实现
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)