深入学习JavaScript 系列

节流和防抖 1.节流（throttle） 所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数 节流小案例-页面打开，可以记录上一次的视频播放位置 2.防抖(debounce) 所谓防抖，就是指

Storage接口 1.概述 Storage 接口用于脚本在浏览器保存数据。两个对象部署了这个接口：window.sessionStorage和window.localStorage。 session

表单和FormData 对象 1.FormData 对象 1.1 概述 表单数据以键值对的形式向服务器发送，这个过程是浏览器自动完成的。但是有时候，我们希望通过脚本完成这个过程，构造或编辑表单的键值对

History对象和Location对象 1.History 对象概述 window.history属性指向 History 对象，它表示当前窗口的浏览历史。 History 对象保存了当前窗口访问过

Navigator 对象和Screen 对象 1.Navigator 对象的属性 1.1 Navigator.userAgent navigator.userAgent属性返回浏览器的 User Ag

window 对象 1.概述 浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶

BOM是什么 BOM（Browser Object Model，浏览器对象模型）是 JS 与 浏览器窗口交互的接口。 一些与浏览器改变尺寸、滚动条滚动相关的特效，都要借助 BOM 技术。 浏览器环境概

定时器和延时器 1.定时器 1.1 基本介绍 setInterval() 函数可以重复调用一个函数，在每次调用之间有固定的时间间隔。 1.2 函数的参数 setInterval() 函数可以接收第 3

事件传播机制:当一个事件发生以后，它会在不同的DOM节点之间传播（propagation）。分为三个阶段 第一阶段：从window对象传导到目标节点，称为“捕获阶段” (capture phase)。

三大家族scroll、offset、client JS的三大家族主要是Offset、Scroll、Client，通过对三大家族不同属性的灵活使用，我们可以模拟出很多炫酷的JS动画，增强界面的视觉感染力

触摸事件和其他常见事件 1.触摸操作概述 浏览器的触摸 API 由三个部分组成。 Touch：一个触摸点 TouchList：多个触摸点的集合 TouchEvent：触摸引发的事件实例 Touch接口

进度事件和表单事件 1.文档的加载 浏览器在加载一个页面时，是按照自上向下的顺序加载的，加载一行执行一行。 如果将js代码编写到页面的上边，当代码执行时，页面中的DOM对象还没有加载， 此时将会无法正

键盘事件 1.键盘事件的种类 键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件，它们都继承了KeyboardEvent接口。 keydown：按下键盘时触发。 k

事件对象与鼠标事件 1.什么是事件对象 任意事件类型被触发时与事件相关的信息会被以对象的形式记录下来，我们称这个对象为事件对象。 这个参数通常用单词 event 或字母 e 来表示。 Event.ty

事件监听 DOM 允许我们书写 JavaScript 代码以让 HTML 元素作出反应。 什么是 “事件”：用户与网页的交互动作。 1.什么是事件监听 “监听” 顾名思义，就是让计算机随时能够发现这个

25.节点的属性 HTML 元素包括标签名和若干个键值对，这个键值对就称为“属性”（attribute）。 上面代码中，a元素包括两个属性：id属性和href属性。 属性本身是一个对象（Attr对象）

节点集合 23.NodeList 接口 23.1 概述 NodeList实例是一个类似数组的对象，它的成员是节点对象。通过以下方法可以得到NodeList实例。 Node.childNodes doc

22.节点的增删改查 22.1 节点的创建 document.createElement方法用来生成元素节点，并返回该节点。 createElement方法的参数为元素的标签名，即元素节点的tagNa

21.节点的关系 关系 考虑所有结点 子节点 childNodes 父节点 parentNode 第一个子节点 firstChild 最后一个子节点 lastChild 前一个兄弟节点 previou

20.Document 节点 20.1 Document 节点的概述 document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只