BOM操作 (本地存储）
一.JavaScript的组成
ECMAScript:
规定了js基础语法核心知识。
比如：变量、分支语句、循环语句、对象等等
Web APIs :
DOM 文档对象模型， 定义了一套操作HTML文档的API
BOM 浏览器对象模型，定义了一套操作浏览器窗口的API
二.window对象
BOM (Browser Object Model ) 是浏览器对象模型
window对象是一个全局对象，也可以说是JavaScript中的顶级对象
像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的
所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法
window对象下的属性和方法调用的时候可以省略window
三.定时器-延迟函数
语法：
setTimeout(回调函数, 延迟时间)
setTimeout 仅仅只执行一次，所以可以理解为就是把一段代码延迟执行, 平时省略window
间歇函数 setInterval : 每隔一段时间就执行一次， , 平时省略window
清楚延迟函数:
clearTimeout(timerId)
注意点:
- 延时函数需要等待,所以后面的代码先执行
- 返回值是一个正整数，表示定时器的编号
四.location对象
location (地址) 它拆分并保存了 URL 地址的各个组成部分， 它是一个对象
href 属性，获取完整的 URL 地址，赋值时用于地址的跳转
search 属性，获取地址中携带的参数，符号 ？后面部分
hash 属性，获取地址中的啥希值，符号 # 后面部分
reload() 方法，用来刷新当前页面，传入参数 true 时表示强制刷新
五.navigator对象
navigator对象下记录了浏览器自身的相关信息
六.histroy对象
history (历史)是对象，主要管理历史记录， 该对象与浏览器地址栏的操作相对应，如前进、后退等
back( ) 后退功能
forward( ) 前进功能
go(参数) 参数是1表示前进一个页面,如果是-1表示后退1个页面
七.本地存储
**本地存储：**将数据存储在本地浏览器中
好处:
1、页面刷新或者关闭不丢失数据，实现数据持久化
2、容量较大，sessionStorage和 localStorage 约 5M 左右
(1)存储数据 : localStorage.setItem(key, value)
(2)读取数据 : localStorage.getItem(key)
(3)删除数据 : localStorage.removeItem(key)
本地存储数据转换:
(1)需要将复杂数据类型转换成 JSON字符串,在存储到本地
语法：JSON.stringify(复杂数据类型)
(2)把取出来的字符串转换为对象
语法：JSON.parse(JSON字符串)
八.map循环和join字符串拼接使用
语法:
const 新对象 = 旧对象.map(function(ele,index){ })
