webAPI学习大纲整理(一)

时间:2022-11-06 15:02:47

DOM的使用及练习

22-02-声明变量const优先
22-03-DOM是什么
22-04-DOM树和DOM对象
22-05-获取DOM元素
22-06-伪数组以及注意事项
22-07-获取DOM元素的其他方式
22-08-修改获取元素内容
22-09-年会抽奖练习一等奖
22-10-年会抽奖练习二三等奖

js操作DOM样式

22-11-修改元素常见属性
22-12-随机更换图片练习
22-13-通过style修改样式属性
22-14-页面刷新随机更换背景图片
22-15-通过类名修改样式
22-16-通过classList修改样式
22-17-随机轮播图练习-更换图片
22-18-随机轮播图练习-更换文字和背景颜色
22-19-随机轮播图练习-添加小圆点类名
22-20-获取设置表单的值
22-21-修改表单选中和禁用
22-22-H5自定义属性-data

定时器使用

22-23-定时器-间歇函数
22-24-定时器-关闭间歇函数
22-25-用户倒计时效果上
22-26-用户倒计时效果下
22-27-综合练习-轮播图定时版上
22-28-综合练习-轮播图定时版中
22-29-综合练习-轮播图定时版下

事件监听

22-30-事件监听三要素
22-31-点击鼠标弹出对话框
22-32-点击关闭广告
22-33-随机点名开始按钮上
22-34-随机点名停止定时器
22-35-随机点名禁用按钮
22-36-事件监听版本
22-37-鼠标事件类型

轮播图效果的实现

22-38-轮播图右侧按钮更换图片
22-39-轮播图右侧按钮更换小圆点
22-40-轮播图右侧按钮完成
22-41-轮播图左侧按钮做法
22-42-轮播图抽取公共函数
22-43-轮播图自动播放功能
22-44-轮播图鼠标经过暂停和开启

实现回车发布评论

22-45-焦点事件以及小米搜索框练习
22-46-键盘和用户输入事件
22-47-回车发布-focus选择器css
22-48-评论发布-焦点事件
22-49-评论发布-检测用户输入字数
22-50-事件对象event
22-51-事件对象常见属性
22-52-回车发布评论练习-按下回车显示留言
22-53-回车发布评论练习-获得内容并清空文本域
22-54-回车发布评论练习-非空判断
22-55-回车发布评论练习结束
22-56-环境对象this
22-57-回调函数

DOM元素显示隐藏案例

22-58-显示隐藏切换练习分析
22-59-显示隐藏切换练习-给5个链接绑定事件
22-60-显示隐藏切换练习-鼠标经过事件链接变色
22-61-显示隐藏切换练习-大盒子显示隐藏
22-62-全选按钮实现
22-63-css伪类选择器操作复选框
22-64-全选按钮小复选框控制全选框

事件流和事件委托

22-65-事件流执行过程
22-66-事件捕获过程
22-67-事件冒泡机制
22-68-如何阻止事件冒泡
22-69-如何事件解绑
22-70-介绍mouseover和mouseenter区别
22-71-两种注册事件的区别
22-72-事件委托的优点及原理
22-73-事件委托绑定的另类方法
22-74-事件委托实现
22-75-元素切换-拿到元素
22-76-元素切换-链接添加移除类
22-77-元素切换-大盒子切换

pc窗口常用的属性应用

22-78-阻止元素默认行为
22-79-页面加载事件load
22-80-页面滚动事件
22-81-获取页面滚动被卷去的头部
22-82-scrollTop是可读的小细节
22-83-PC页面大于300就显示电梯导航
22-84-PC返回顶部练习
22-85-clientWidth以及flexable源码分析
22-86-offsetTop获取元素位置

滑动动画实现

22-87-淘宝滑动的顶部练习
22-88-B站导航滑动效果
22-89-getBounding以及元素位置大小总结
22-90-电梯导航-立即执行函数
22-91-电梯导航-点击添加类
22-92-电梯导航-页面点击跳转分析
22-93-电梯导航-点击页面跳转到对应内容
22-94-电梯导航-滑动效果
22-95-电梯导航-页面滑动移除类
22-96-电梯导航-页面滑动选择小盒子

时间对象的使用

22-97-如何实例化日期对象
22-98-介绍常见日期对象方法
22-99-如何格式化日期格式
22-100-时间的另外写法
22-101-介绍时间戳的作用
22-102-获得时间戳的方式
22-103-js获取星期几
22-104-倒计时-计算剩余的秒数
22-105-倒计时-计算时分秒
22-106-倒计时-添加定时器

DOM节点操作

22-107-DOM节点
22-108-查找父节点
22-109-关闭多个广告方式
22-110-获取子节点和兄弟节点
22-111-js实现增加节点
22-112-在线学习界面重构-创建小li
22-113-在线学习界面重构-渲染数据
22-114-js克隆节点
22-115-js删除节点
22-116-PC端事件