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 · 3439 阅读 · 0 评论 -
深入浅出DOM(2)----案例驱动知识点
目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:原创 2020-05-25 22:18:17 · 3442 阅读 · 0 评论 -
深入浅出DOM(3)----事件高级
目标:学习目标:能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的物体案例1. 事件高级1.1. 注册事件(2种方式)1.2 事件监听addEventListener()事件监听(IE9以后支持)eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget(目标对象)上,当该原创 2020-05-28 08:32:24 · 3431 阅读 · 0 评论 -
深入显出BOM(第一天)----BOM基础
目标:能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1. BOM1.1 什么是BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 B原创 2020-05-28 17:58:28 · 3252 阅读 · 0 评论 -
邻家妹妹都会的----本地存储
目标:能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别本地存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大,sessionStorage约5M、localStorage约20M只能存储字符串,原创 2020-06-01 21:51:27 · 2690 阅读 · 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 · 3463 阅读 · 0 评论 -
必不可少的移动端特效
1.3. 触屏事件1.3.1. 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-savQUQCf-1591原创 2020-06-01 21:17:17 · 3135 阅读 · 1 评论