tooHar的博客

笔记目录小概1.阻止a标签默认跳转2. addEventListener2.2 事件移除3. 事件冒泡3.1 事件冒泡介绍3.2 事件冒泡的好处3.3 事件冒泡的影响3.4 事件捕获4. 事件三个阶段5. 事件类型6. 键盘事件7. DOM综合案例总结小概本章的学习内容 ：阻止a标签默认跳转，addEventListener方法（removeEventListener方法），事件冒泡详解，事件捕获，事件类型，键盘事件及获取按键，DOM案例练习提示：以下是本篇文章正文内容，下面案例可供参考1.阻止

学习目录小概1.offset scroll client 三大家族1.1 offset家族1.2 scroll家族1.3 client家族2. 事件对象2.2 事件对象三大坐标系2.3 案例：拖拽盒子3. 商城放大镜案例总结小概三大家族（offset，scroll，client）；事件对象；经典案例（商品放大镜）1.offset scroll client 三大家族1.1 offset家族offset家族：获取元素；自身 的真实宽高与位置offsetWidth / offsetHeig

笔记目录小概1. 轮播图案例（淘宝滚动型）1.2 需求分析1.3 功能1 功能21.4 实现循环轮播1.5 功能3 功能42. 缓速动画3. 筋斗云案例总结小概本章的学习内容：原生js写轮播图（匀速动画应用），缓动动画的封装和使用，导航栏筋斗云案例（缓动动画应用）提示：以下是本篇文章正文内容，下面案例可供参考1. 轮播图案例（淘宝滚动型）轮播图的应用基本在每个电商网站上都可以看见，应用场景非常广泛。下面我们用原生js实现轮播图的制作图片轮播的原理就是使用上一章我们封装的匀速动画实现的：在c

笔记目录小概1. 定时器的介绍1.1 setInterval定时器（永久定时器）1.2 setTimeout定时器（一次定时器）2. offset属性介绍3. 动画3.1 动画介绍总结小概本章的学习内容大致有：定时器介绍及应用场景，offset家族介绍，实现匀速动画的封装。1. 定时器的介绍1.1 setInterval定时器（永久定时器）1.定时器作用 ： 一段代码 间隔时间 反复执行2.定时器语法 ：开启定时器:let timeID = setInterval(一段代码,间隔时间

笔记目录小概1. window对象1.1 window对象介绍1.2 window对象的方法1.3 window对象的事件2. location对象3. history对象4. navigator对象5. screen对象6.localStorage7.sessionStorage总结小概本章学习内容：BOM对象介绍，location对象，history对象，navigator对象，screen对象，localStorage与sessionStorage异同点介绍。1. window对象1.1

笔记目录小概1. 网页内容(节点)1.1 节点介绍1.2 基础节点属性介绍1.3 获取节点2. DOM增删改查2.1 创建元素的三种方式2.2 添加子元素2.3 插入子元素2.4 替换子元素2.5 删除子元素3. 穿梭框案例小概 本章分为大致两个知识点：DOM节点（节点与元素获取），DOM操作子节点的增删改查。 关键词：children，previousElementSibling，nextElementSibling，parentNode(获取父节点/元素)，innerHTML,document.

笔记目录小概1. attribute语法2. 排他思想2.1 案例12.2 案例23. 开关思想3.1 案例13.2 点餐选择框2.读入数据总结小概这章案例比较多，attribute语法操作元素，排他思想，开关思想，tab栏切换等案例.1. attribute语法attribute作用： 用于操作元素行内自定义属性元素的属性有三种:(1)标准属性 ： css可以识别的属性（行内/行外）(2)行内自定义属性 ： css不可以识别的属性(3)点语法动态添加属性attribute语

学习目录小概1. 查询元素2. 操作元素属性3. 元素常用属性3.1 普通元素常用属性3.2 表单元素常用属性4. 点语法操作元素样式5. 事件介绍和注册事件6. 扩展补充6.2 根据id获取页面元素6.3 根据标签名获取页面元素6.4 根据类名获取页面元素6.5总结小概1.查询元素，2.操作元素属性，3.元素的常用属性（普通元素/表单元素），4.点语法操作元素样式，5.事件介绍及注册事件，6.补充1. 查询元素查询页面元素获取单个元素： document.querySelector(‘