Web API
文章平均质量分 91
爱对恨错
前端程序猿,未来即将加入秃头党QAQ
展开
-
Web APIs(七)触屏事件
Web APIs(七)触屏事件学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touc原创 2021-04-29 20:32:56 · 194 阅读 · 0 评论 -
Web API(六)动画函数封装
Web API(六)动画函数封装一、动画函数封装1、缓动动画原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来。思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移动的距离步长停止的条件是: 让当前盒子位置等于目标位置就停止定时器注意步长值需要取整2、 动画函数多个目标值之间移动注意:当动画函数从800移到500时,要判断步长是正值还是负值 1.如果是正值,则步长往大了取整 2.如果是原创 2021-04-29 20:31:21 · 130 阅读 · 0 评论 -
Web API(五)元素偏移量和立即函数
Web API第五天一、元素偏移量 offset系列1、概念offset 翻译过来就是偏移量,可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位2、offset 与 style 区别offsetWidth 返回元素应用的布局宽度(padding+border+width),style.width 返回元素内联样式的宽度属性值(不包含padding和border 的值) 2. offset原创 2021-04-29 20:26:23 · 177 阅读 · 0 评论 -
Web API(四)键盘事件和BOM知识点
Web API(四)键盘事件和BOM知识点一、常用的键盘事件1、键盘事件按下任意按键事件:keydown松开任意按键事件:keyup除 Shift、Fn、CapsLock 外的任意键被按住:keypress2、键盘事件的绑定对象给 整个页面(document) 绑定:在任何位置都可以触发键盘事件给 表单元素(input) 绑定: 只能在输入框中输入文字的时候触发注意:三个事件执行的顺序是:keydown–keypress–keyup3、键盘事件对象每个按键都对应了一个唯一的数字原创 2021-04-22 18:53:41 · 427 阅读 · 0 评论 -
Web API(三)节点操作和事件绑定
Web API(三)节点操作和事件绑定一、节点操作1、移除节点父元素.removeChild(子元素)node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。2、复制节点元素.cloneNode()括号中参数为空或者为false,是浅拷贝,即只是克隆复制节点本身,不克隆里面的子节点。如果括号中参数为true,则是深度拷贝,会复制节点本身以及里面的所有子节点。重点案例:动态生成表格 <script> // 1.先去准原创 2021-04-01 08:52:43 · 684 阅读 · 0 评论 -
Web API(二)排他思想和自定义属性
Web API(二)排他思想和自定义属性一、排他思想1、定义如果有同一组元素,想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己2、2、案例按钮案例、 // 需求:点击5个按钮中的任意一个按钮,当前按钮变粉色,其他按钮正常 //获取当前元素 var btns = document.querySelectorAll('button')原创 2021-03-29 09:24:41 · 764 阅读 · 0 评论