![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebAPI
了解js的接口操作
Jdoit CW
一个要做全栈的前端小陈
Just move on---陈稳
展开
-
深入浅出DOM(1)----DOM基本操作
目标: 能够通过ID来获取元素 能够通过标签名来获取元素 能够通过class来获取元素 能够通过选择器来获取元素 能够获取body和html元素 能够给元素注册事件 能够修改元素的内容 能够区分innerText和innerHTML的区别 能够修改像div这类普通元素的属性 能够修改表单元素的属性 能够修改元素的样式属性 1.1. Web API介绍 1.1.1 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应原创 2020-05-25 09:40:57 · 3434 阅读 · 0 评论 -
深入浅出DOM(2)----案例驱动知识点
目标: 能够说出排他操作的一般实现步骤 能够使用html5中的dataset方式操作自定义属性 能够根据提示完成百度换肤的案例 能够根据提示完成全选案例 能够根据提示完成tab栏切换案例 能够区分元素节点、文本节点、属性节点 能够获取指定元素的父元素 能够获取指定元素的所有子元素 能够说出childNodes和children的区别 能够使用createElement创建页面元素 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:原创 2020-05-25 22:18:17 · 3437 阅读 · 0 评论 -
深入浅出DOM(3)----事件高级
目标: 学习目标: 能够使用传统方式和监听方式给元素注册事件 能够说出事件流执行的三个阶段 能够在事件处理函数中获取事件对象 能够使用事件对象取消默认行为 能够使用事件对象阻止事件冒泡 能够使用事件对象获取鼠标的位置 能够完成跟随鼠标的物体案例 1. 事件高级 1.1. 注册事件(2种方式) 1.2 事件监听 addEventListener()事件监听(IE9以后支持) eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget(目标对象)上,当该原创 2020-05-28 08:32:24 · 3425 阅读 · 0 评论 -
深入显出BOM(第一天)----BOM基础
目标: 能够知道浏览器的顶级对象window 能够使用window.onload事件 能够使用window.onresize事件 能够说出两种定时器的区别 能够使用location对象的href属性完成页面之间的跳转 能够使用location对象获取url中的参数部分 能够使用history提供的方法实现页面刷新 1. BOM 1.1 什么是BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 B原创 2020-05-28 17:58:28 · 3246 阅读 · 0 评论 -
邻家妹妹都会的----本地存储
目标: 能够写出 sessionStorage 数据的存储以及获取 能够写出 localStorage 数据的存储以及获取 能够说出它们两者的区别 本地存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大,sessionStorage约5M、localStorage约20M 只能存储字符串,原创 2020-06-01 21:51:27 · 2684 阅读 · 0 评论 -
好用又好玩的PC端特效
目标: 能够说出常见 offset 系列属性的作用 能够说出常见 client 系列属性的作用 能够说出常见 scroll 系列属性的作用 能够封装简单动画函数 **1.1. **元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 1.1.2 offset 与 st原创 2020-05-30 13:31:47 · 3458 阅读 · 0 评论 -
必不可少的移动端特效
1.3. 触屏事件 1.3.1. 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。 常见的触屏事件如下: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-savQUQCf-1591原创 2020-06-01 21:17:17 · 3129 阅读 · 1 评论