webapi7

webapi7
移动端常见特效：
移动端轮播图：
1.可以自动播放图片
2.手指可以拖动轮播图
transitionend监听事件完成的事件：
classList属性
div.classList.add(‘three’)；//追加类名
不加小点
element.classListremove(‘类名’);//移除类名
切换类：点击一次添加类，再点击一次取消类
element.classList.toggle(‘类名’);
click延时解决方案：
300ms延时
禁止缩放功能：

利用touch事件自己封装这个事件解决300ms延迟： js插件fastclick swiper插件：开发轮播图 http://www.swiper.com.cn 引入插件相关文件：css js swiper mini.css引入css文件 swiper.mini.js引入js文件 新建自己的js文件，写在mini.js下面 superslide zy.media.js视频插件 移动端常用开发框架： 前端常用的框架有：Bootstrap、Vue、Angular、React等。 前端常用的移动端插件有swiper、superslide、iscroll等。 框架：大而全，一整套解决方案 插件：小而专一，某个功能的解决方案 本地存储： 特性： window.sessionStorage 5M 1.生命周期为关闭浏览器窗口 2.同一个窗口下数据可以共享 3.以键值对形式存储使用 存储数据： sessionStorage.setltem(key,value)//存储数据 sessionStorage.getltem(key）//获取数据 sessionStorage.removeltem(key）//删除数据 sessionStorage.clear()//清除所有数据

window.localStorage 20M
1）生命周期永久生效，抽非手动删除，否则关闭页面也会存在
2）可以多窗口（页面）共享（同意浏览器可以共享）
3）以键值对的形式存储使用
localStorage.setltem(key,value)//存储数据
localStorage.getltem(key）//获取数据
localStorage.removeltem(key）//删除数据
localStorage.clear()//清除所有数据
记住用户名案例：
change事件