shhghvvh的博客

目录1.本地存储的特性2.本地存储之sessionStorage(临时存储)2.1特点2.2使用方法2.2.1存储数据2.2.2获取数据 2.2.3删除数据2.2.4清空所有数据3.本地存储之localStorage(局部存储器) 3.1特点3.2使用方法3.2.1存储数据3.2.2获取数据3.2.3删除数据3.2.4清空所有数据1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3.容量较大，sessionStorage约5M、localStorage约20M4.只能存储字符串，可以将对象

目录动画函数一.动画实现原理1.核心原理2.实现步骤3.示例代码二.简单动画函数封装三.给不同的元素记录不同的定时器四.缓动动画1.效果原理2.动画函数在多个目标值之间移动通过定时器setInterval)不断移动盒子位置。(1).获得盒子当前位置(2).让盒子在当前位置加上1个移动距离(3).利用定时器不断重复这个操作(4).加一个结束定时器的条件(5)..注意此元素需要添加定位，才能使用element.style.left二.简单动画函数封装示例代码： 效果图：四.缓动动画

offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置返回的数值都不带单位1.2offset系列常用属性。

事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。DOM事件流中有三个阶段：捕获阶段，当前目标阶段，冒泡阶段。

【代码】删除事件（解绑事件）的方式。

js基础知识及案例练习

JavaScript基础案例