![](https://img-blog.csdnimg.cn/c3e2b7e47b1d475c952046ef84c866ee.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webAPIs
文章平均质量分 94
应用程序接口(API,Application Programming Interface)是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。
几何心凉
CSDN博客专家、多季新星计划导师、Vue(入门 && 进阶)技能树作者、年度博客之星前端TOP1、致力于新技术的推广与优秀技术的普及。
展开
-
WebAPIs移动端特效——不看你就亏大了
day11 - Web APIs本篇学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 t原创 2021-12-01 10:06:32 · 36466 阅读 · 0 评论 -
系统带你学习 WebAPIs —— 动画篇(第六讲)
Web APIs本篇学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多原创 2021-11-15 16:28:01 · 36118 阅读 · 26 评论 -
系统带你学习 WebAPIs 第五讲
Web APIs本篇学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位1.1.2原创 2021-11-08 09:26:06 · 38503 阅读 · 4 评论 -
系统带你学习 WebAPIs 第四讲
Web APIs本篇学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script>原创 2021-11-05 08:47:36 · 38352 阅读 · 7 评论 -
系统带你学习 WebAPIs 第三讲
Web APIs本篇学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <button>原创 2021-11-04 08:51:43 · 38343 阅读 · 12 评论 -
系统带你学习 WebAPIs 第二讲
Web APIs本篇学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需原创 2021-11-03 14:06:14 · 38831 阅读 · 3 评论 -
系统带你学习 WebAPIs 第一讲
Web APIs本篇学习目标:能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接口)是一些预原创 2021-11-02 08:55:56 · 40460 阅读 · 10 评论