webapi
文章平均质量分 90
Ordbiao
漫漫前端路
展开
-
webApi08
笔记目录小概1.阻止a标签默认跳转2. addEventListener2.2 事件移除3. 事件冒泡3.1 事件冒泡介绍3.2 事件冒泡的好处3.3 事件冒泡的影响3.4 事件捕获4. 事件三个阶段5. 事件类型6. 键盘事件7. DOM综合案例总结 小概 本章的学习内容 :阻止a标签默认跳转,addEventListener方法(removeEventListener方法),事件冒泡详解,事件捕获,事件类型,键盘事件及获取按键,DOM案例练习 提示:以下是本篇文章正文内容,下面案例可供参考 1.阻止原创 2021-05-06 20:32:02 · 88 阅读 · 0 评论 -
webApi07
学习目录小概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原创 2021-05-04 18:23:21 · 102 阅读 · 0 评论 -
webApi06
笔记目录小概1. 轮播图案例(淘宝滚动型)1.2 需求分析1.3 功能1 功能21.4 实现循环轮播1.5 功能3 功能42. 缓速动画3. 筋斗云案例总结 小概 本章的学习内容:原生js写轮播图(匀速动画应用),缓动动画的封装和使用,导航栏筋斗云案例(缓动动画应用) 提示:以下是本篇文章正文内容,下面案例可供参考 1. 轮播图案例(淘宝滚动型) 轮播图的应用基本在每个电商网站上都可以看见,应用场景非常广泛。下面我们用原生js实现轮播图的制作 图片轮播的原理就是使用上一章我们封装的匀速动画实现的:在c原创 2021-05-03 18:06:37 · 84 阅读 · 0 评论 -
webApi05
笔记目录小概1. 定时器的介绍1.1 setInterval定时器(永久定时器)1.2 setTimeout定时器(一次定时器)2. offset属性介绍3. 动画3.1 动画介绍总结 小概 本章的学习内容大致有:定时器介绍及应用场景,offset家族介绍,实现匀速动画的封装。 1. 定时器的介绍 1.1 setInterval定时器(永久定时器) 1.定时器作用 : 一段代码 间隔时间 反复执行 2.定时器语法 : 开启定时器: let timeID = setInterval(一段代码,间隔时间原创 2021-05-02 20:18:23 · 96 阅读 · 0 评论 -
webApi04
笔记目录小概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原创 2021-04-30 17:41:53 · 90 阅读 · 2 评论 -
webApi03
笔记目录小概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.原创 2021-04-29 19:47:23 · 97 阅读 · 0 评论 -
webApi02
笔记目录小概1. attribute语法2. 排他思想2.1 案例12.2 案例23. 开关思想3.1 案例13.2 点餐选择框2.读入数据总结 小概 这章案例比较多,attribute语法操作元素,排他思想,开关思想,tab栏切换等案例. 1. attribute语法 attribute作用: 用于操作元素行内自定义属性 元素的属性有三种: (1)标准属性 : css可以识别的属性(行内/行外) (2)行内自定义属性 : css不可以识别的属性 (3)点语法动态添加属性 attribute语原创 2021-04-27 21:32:34 · 78 阅读 · 0 评论 -
webApi01
学习目录小概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(‘原创 2021-04-26 18:07:54 · 121 阅读 · 0 评论