![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
API
away.....
Nothing you can not learn.
展开
-
Web APIs——触屏事件,移动端常见特效,classList属性,移动端常用开发插件,移动端常用开发框架,本地存储
1.1. 触屏事件1.1.1. 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下:触屏touch事件说明touchstart手指触摸到一个DOM元素时触发to原创 2020-11-19 16:01:04 · 295 阅读 · 0 评论 -
Web APIs——动画函数封装、网页轮播图案例
1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整1.1.2 动画函数多个目标值之间移动可以让动画函数从 800 移动到 500。当我们点击按钮时候,判断步长是正值还是负值 1.如果是正值,则步长往大了取整 2原创 2020-11-19 15:41:23 · 120 阅读 · 0 评论 -
Web APIs——offset、client、scroll系列
1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素 如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父原创 2020-11-18 16:15:21 · 154 阅读 · 0 评论 -
Web APIs——键盘事件、BOM、定时器、js执行机制
1.1. 常用的键盘事件1.1.1 键盘事件键盘事件触发条件onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发 但是它不识别功能键 比如Ctrl shift箭头等 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', fu原创 2020-11-17 19:23:10 · 237 阅读 · 0 评论 -
Web APIs——节点操作、事件操作、事件监听、事件对象、鼠标事件对象
1.1. 节点操作1.1.1 删除节点node.removeChild(child)node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <button>删除</button> <ul> <li>1</li> <li>2</li> <li>3</li> </ul>原创 2020-11-15 19:26:28 · 247 阅读 · 0 评论 -
Web APIs——排他操作、自定义属性操作、节点操作
1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:1. 所有元素全部清除样式2. 给当前元素设置样式3. 注意顺序不能颠倒 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <原创 2020-11-12 21:13:41 · 257 阅读 · 0 评论 -
Web APIs——获取元素、事件基础、操作元素
Web APIs1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。简单理解: API是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能举例解释什么是API。例如, C语言中有一个函数 fopen()可以打开硬盘上的文件,这个函数对于原创 2020-11-09 21:33:02 · 184 阅读 · 0 评论