qq_43498002的博客

1.1. 触屏事件 1.1.1. 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。 常见的触屏事件如下： 触屏touch事件 说明 touchstart 手指触摸到一个DOM元素时触发 to

1.1. 动画函数封装 1.1.1 缓动效果原理 缓动动画就是让元素运动速度有所变化，最常见的是让速度慢慢停下来 思路： 让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。 核心算法： (目标值 - 现在的位置) / 10 做为每次移动的距离步长 停止的条件是： 让当前盒子位置等于目标位置就停止定时器 注意步长值需要取整 1.1.2 动画函数多个目标值之间移动 可以让动画函数从 800 移动到 500。 当我们点击按钮时候，判断步长是正值还是负值 ​ 1.如果是正值，则步长往大了取整 ​ 2

1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 如果父级都没有定位则返回body element.offsetTop 返回元素相对带有定位父

1.1. 常用的键盘事件 1.1.1 键盘事件 键盘事件 触发条件 onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键被按下时触发 但是它不识别功能键 比如Ctrl shift箭头等 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', fu

1.1. 节点操作 1.1.1 删除节点 node.removeChild(child) node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>删除</button> <ul> <li>1</li> <li>2</li> <li>3</li> </ul>

1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 1. 所有元素全部清除样式 2. 给当前元素设置样式 3. 注意顺序不能颠倒 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> &lt

Web APIs 1.1. Web API介绍 1.1.1 API的概念 API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。 简单理解： API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能 举例解释什么是API。 例如， ​ C语言中有一个函数 fopen()可以打开硬盘上的文件，这个函数对于