• webAPI学习大纲整理(一)


    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端事件

  • 相关阅读:
    Linux内存查看通用方法
    cocos2dx 3D物理相关知识点汇总
    spring-cloud-gateway-请求到HttpWebHandlerAdapter的调用链路
    Python:函数定义的形参
    【六一儿童节】回忆一下“童年的记忆”
    【安全边界】
    深入理解C++内存管理
    13.Python模块与包
    简单理解旁路电容和去耦电容
    深度学习之使用CSDN的InsCode的服务器
  • 原文地址:https://blog.csdn.net/a454211787/article/details/127694254