移动端常用开发框架及本地存储

重点：
一、移动端常用开发插件
1、插件的使用总结
（1）确认插件实现的功能
（2）去官网查看使用说明
（3）下载插件
（4）打开demo实例文件，查看需要引入的相关文件，并且引入
（5）复制demo实例文件中的结构html，样式css以及js代码
2、移动端视频插件 zy.media.js
二、移动端常用开发框架
1、移动端视频插件 zy.media.js
前端常用的移动端插件有 swiper、superslide、iscroll等。
框架：大而全，一整套解决方案
插件：小而专一，某个功能的解决方案
2、Bootstrap
Bootstrap JS插件使用步骤：
（1）引入相关js 文件
（2）复制HTML 结构
（3）修改对应样式
（4）修改相应JS 参数
三、本地存储
1、本地存储特性
（1）只能存储字符串类型
（2）设置、读取方便，甚至刷新页面不丢失数据（数据没有存在数据库）
（3）容量 sessionStorage 大约5M localStorage 约20M
（4）只能存储字符串 --- 如果数据是对象 （可以将对象转成字符串，再存进去）
2、sessionStorage
（1）生命周期为关闭浏览器窗口
（2）在同一个窗口(页面) 下的数据可以共享
（3）存储 --- 以键值对的形式存储使用
（4）存储数据：sessionStorage.setItem(key, value)
获取数据：sessionStorage.getItem(key)
删除数据：sessionStorage.removeItem(key)
清空数据：sessionStorage.clear()
3、localStorage
（1）生命周期 -- 永久生效（除非手动清除，否则关闭浏览器，也会存在）
（2）可以多窗口(页面)共享 --- 同一浏览器可以共享
（3）存储 --- 以键值对的形式存储使用
（4）存储数据：localStorage.setItem(key, value)
获取数据：localStorage.getItem(key)
删除数据：localStorage.removeItem(key)
清空数据：localStorage.clear()
有关 触屏事件、移动端常见特效（轮播图）及常用插件请点击a=href"https://www.cnblogs.com/kk199578/p/14156787.html"