第一章 初识移动Web开发
1.1互联网发展的四个重要阶段
1.第一阶段(2000-2002年) 中国移动互联网的起步阶段
2.第二阶段 (2003-2005年) 无线应用协议广泛应用阶段
3.第三阶段 (2006-2008年) 互动娱乐的移动互联网阶段
4.第四阶段 (2009-至今) 移动互联网产品广泛应用阶段
1.2移动端开发的常见方式
移动web开发、Native App开发 、Hybrid App开发
开发方式 | 开发成本 | 更新维护 | 用户体验 | 商店认可 | 安装 | 跨平台 |
移动Web | 低 | 简单 | 差 | 不认可 | 不需要 | 优 |
Native App | 高 | 复杂 | 优 | 认可 | 需要 | 差 |
Hybrid App | 中 | 简单 | 中 | 认可 | 需要 | 优 |
常用编辑器:Visual Studio Code、Sublime Text、HBuilder
新创建的文件的默认编码是UTF-8
移动Web开发具有开发成本低、维护更新简单、跨平台等特点。
第二章 HTML5新特性
2.1Web Storage
在html5之前,使用的Cookie进行数据存储,存储大小只有4KB
Web Storage存储包含两个关键对象 localStorage、sessionStorage,都是web Storage的实例,都能使用web storage接口提供的方法和属性
localStorage对象用于本地存储,sessionStorage对象用于区域存储
Web Storage的特点
1.数据的设置和读取比较方便
2.容量较大,可以存储大约5MB数据
3.只能存储字符串
4.本地数据可以即时获得
5.数据可以临时存储
2.1.2 localStorage
localStorage主要用作本地存储,可以将数据按照键值对方式保存在浏览器,直到用户或脚本主动清除数据,使用本地存储的数据将被持久化保存。
localStorage与sessionStorage的区别:存储数据的生命周期不同,localStorage是永久性存储,sessionStorage的生命周期与会话保持一致,会话结束时数据消失。
2.1.4web storage事件监听