摘要：
一．成绩分类 效果图: 功能思路分析: 1. 渲染数据 2. 鼠标按下开启拖拽 \1. 给成绩盒子绑定鼠标按下事件(mousedown)，用事件委托做多个标签的拖拽 \2. 开启控制拖拽的变量 \3. 获取鼠标到元素的距离（e.offsetX） \4. 获取事件源 \5. 克隆一个副本，设置定位，放 阅读全文
摘要：
一．元素尺寸信息 元素.offsetWidth： 元素的外宽高 width + padding + border 元素.offsetHeight： 元素的外宽高 height + padding + border 元素.clientWidth： 元素的内宽高 width + padding 元素.c 阅读全文
摘要：
一．事件流 事件流描述的是从页面中接收事件的顺序，目前主要有三个模型： #1. 事件冒泡: 事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的元素 #2. 事件捕获 不太具体的节点更早接收事件，而最具体的元素最后接收事件，和事件冒泡相反 #3. DOM事件流 DOM2级事件规定事件流包括三 阅读全文
摘要：
一．摇一摇 效果图: 功能思路分析: 1. 功能一:页面切换 (1) 点击第一页的设置按钮，从第一页切换到第二页 (2) 点击第二页的返回按钮，从第二页切换到第一页 (3) 第二页的标题发生改变后，第一页的标题也跟着改变 2. 功能二:抽奖 (1) 点击”摇”时，从第二个页面拿到所有的内容进行随机抽 阅读全文
摘要：
一．折叠菜单 效果图: 功能思路分析: 功能一:数据渲染 \1. 模拟数据，一级数据为数组套对象的形式，二级数据为数组； \2. 先渲染一级数据，然后再嵌套渲染二级数据（map().join(‘’)）; 功能二:子菜单的显示隐藏 \1. 定义一个初始下标index = 0; \2. 给每一个一级菜单 阅读全文
摘要：
一．简易购物车 效果图: 功能思路分析: 功能一:数量加减 \1. 找到所有的加号按钮，循环绑定点击事件。点击加号时让对应的数量+1 （找清楚加号和数量的关系，让数量标签的内容++） \2. 找到所有的减号按钮，循环绑定点击事件。点击减号时让对应的数量-1 （找清楚减号和数量的关系，让数量标签的内容 阅读全文
摘要：
语法: 元素.getAttribute(‘自定义属性名’) 功能：获取自定义属性 语法: 元素.setAttribute(‘自定义属性名’,’值’) 功能：设置自定义属性 语法: 元素.removeAttribute(‘自定义属性名’) 功能：删除自定义属性 #一．课堂案例 #1. 标签库 效果图: 阅读全文
摘要：
语法：parentNode.appendChild(child) 功能：向父节点的子节点列表的末尾添加新的子节点 语法：parentNode.removeChild(child) 功能：从子节点列表中删除某个节点 语法：document.createElement(‘标签名’) 功能：创建元素节点 阅读全文
摘要：
一．DOM简介 Document Object Model 文档对象模型 DOM包含了所有HTML元素的属性和方法，以及访问他们的方式； #二．DOM节点 #1. 什么是节点？ HTML中所有的元素都是一个节点 整个文档是文档节点 所有的标签都是元素节点 标签内的属性是属性节点 标签内的文本是文本 阅读全文
摘要：
一．初识DOM 1．什么是DOM？为什么学习DOM 2．DOM是实现js在网页实现交互的关键环节，我们的js代码就是通过DOM的方法来实现对于html内容的操作。 3．认识DOM实现了js和网页结合的原理； 4．认识DOMTREE;认识DOM的分类； 5．简单获取元素，简单事件绑定； 6．认识DOM 阅读全文