![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS-WebAPI
文章平均质量分 94
DOM BOM操作
W蘭
这个作者很懒,什么都没留下…
展开
-
WebAPIs-02-排他思想、自定义属性、百度换肤、全选、tab栏切换、节点操作
学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算.原创 2021-04-18 20:24:08 · 278 阅读 · 0 评论 -
WebAPIs第6天、动画函数封装、缓动效果原理、常见网页特效案例、
学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件**1.1. **动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整 <button class=.原创 2021-04-24 15:59:49 · 123 阅读 · 0 评论 -
WebAPIs07-触屏事件 、 移动端常见特效 、classList 属性、click延时解决方案、 移动端常用开发插件 、 移动端常用开发框架、本地存储、记住用户名案例、
学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Androi.原创 2021-04-24 21:11:18 · 159 阅读 · 0 评论 -
WebAPIs04-常用的键盘事件、 BOM 概述 、 window 对象的常见事件 、 定时器、this指向问题、、 location 对象 、navigator 对象 、histJS 执行机制
学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用.原创 2021-04-21 20:25:07 · 233 阅读 · 0 评论 -
WebAPIs-03-removeChild()方法删除节点、动态生成表格案例、传统方式和监听方式给元素注册事件、获取事件对象、随鼠标的天使案例获取鼠标的位置、阻止事件冒泡、取消默认行为
学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <button>删除</butt.原创 2021-04-19 20:02:04 · 354 阅读 · 0 评论 -
WebAPIs-01-DOM 简介 、获取元素 、 事件基础 、 操作元素
学习目标:能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提.原创 2021-04-18 10:32:45 · 157 阅读 · 0 评论 -
WebAPIs05- 元素偏移量 offset 系列 、元素可视区 client 系列 、元素滚动 scroll 系列 、动画函数封装、常见网页特效案例
学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.1.2 offset 与 .原创 2021-04-23 10:14:09 · 193 阅读 · 0 评论