一个前端开发者

WebAPIs笔记地址🔥WebAPIs第一天https://blog.csdn.net/weixin_46862327/article/details/124139754🔥WebAPIs第二天https://blog.csdn.net/weixin_46862327/article/details/124154254🔥WebAPIs第三天https://blog.csdn.net/weixin_46862327/article/details/124201245🔥...

学习目标:：能够封装简单动画函数、能够理解缓动动画的封装、能够使用动画函数、动画函数封装、能够写出网页轮播图案例、能够写出移动 缓动效果原理 、动画函数多个目标值之间移动、动函数添加回调函数、常见网页特效案例、网页轮播图、实现鼠标经过轮播图，左右按钮显示，离开隐藏、实现动态生成底部小圆圈、底部小圆圈之排他思想、点击小圆圈滚动图片、点击右侧按钮一次，就让图片滚动一张、克隆第一张图片点击右侧按钮， 小圆圈跟随变化、自动播放功能、节流阀、 案例：返回顶部、筋头云案例、触屏事件概述 、触摸事件对象、移动端拖动元素

元素偏移量 offset 系列、offset 概述、offset 与 style 区别 、案例：获取鼠标在盒子内的坐标、 案例：模态框拖拽案例：仿京东放大镜🔥、 元素可视区 client 系列🔥、淘宝 flexible.js 源码分析🔥、元素滚动 scroll 系列🔥、scroll 概述🔥、 页面被卷去的头部🔥、案例：仿淘宝固定右侧侧边栏🔥、页面被卷去的头部兼容性解决方案🔥、mouseenter 和mouseover的区别🔥、动画函数封装🔥动画实现原理 动画函数给不同元素记录不同定时器

常用的键盘事件、键盘事件、键盘事件对象、模拟京东按键输入内容、模拟京东快递单号查询、BOM、什么是BOM、BOM的构成、顶级对象window、window对象的常见事件、页面（窗口）加载事件、调整窗口大小事件、定时器（两种）、setTimeout()、开启定时器、停止定时器、setInterval() 、开启定时器、案例：倒计时、停止定时器、this指向问题、URL、location 对象的属性、获取URL参数、navigator对象、history对象、 JS执行机制、同步任务和异步任务、JS执行机制（事

节点操作、删除节点、 案例：删除留言、复制节点、案例：动态生成表格、 创建元素的三种方式、innerTHML和createElement效率对比、DOM的核心总结、 创建、增加、删、改、查、属性操作、事件操作、事件高级、注册事件（2种方式）、、事件监听、 事件监听兼容性解决方案、删除事件（解绑事件）、删除事件兼容性解决方案、 DOM事件流、事件冒泡、事件捕获、事件对象、事件对象的使用、事件对象的属性和方法、e.target 和 this 的区别、 阻止默认行为、 阻止事件冒泡、事件委托、事件委托的原理

排他操作、 排他思想(算法)、案例：百度换肤 、案例：表格隔行变色 、## 案例：全选、自定义属性操作、获取属性值、设置属性值、移出属性、案例：tab栏、H5自定义属性、节点操作、节点概述、节点层级、父级节点、 子节点、所有子节点、子元素节点、第1个子节点、最后1个子节点、第1个子元素节点、最后1个子元素节点、 案例：新浪下拉菜单 、兄弟节点、上一个兄弟节点、下一个兄弟节点、下一个兄弟元素节点（有兼容性问题）、上一个兄弟元素节点（有兼容性问题）、创建节点、添加节点、案例：简单版发布留言 、

Web APIs 和 Js基础的关联性、JS 基础阶段以及 Web APIs 阶段 、API的概念、 什么是DOM、DOM树、 获取元素、 根据ID获取、 根据标签名获取某类元素、H5新增获取元素方式、获取特殊元素、事件基础、事件概述、事件三要素、执行事件的步骤、 分析事件三要素、常见的鼠标事件、操作元素、### 改变元素内容（获取或设置）、innerText和innerHTML的区别、元素的常用属性操作、表单元素的属性操作、获取属性的值、样式属性操作、 显示隐藏文本内容通过操作className属性