WebAPI
文章平均质量分 85
liko0403
这个作者很懒,什么都没留下…
展开
-
WebAPI06-动画函数封装
缓动动画原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路让盒子每次移动的距离慢慢变小,速度会慢慢变慢 核心算法:(目标值-现在的位置)/10作为每次移动的距离步长。var step = (target - obj.offsetLeft) / 10; 停止条件:让当前盒子位置等于目标位置就停止定时器 注意步长值需要取整(整数取大的,负数取小的)缓动动画多个目标值之间移动原创 2022-11-23 10:12:27 · 44 阅读 · 0 评论 -
元素偏移量-offset和style-获取鼠标在盒子内部的坐标-元素可视区client -淘宝flexible.js-元素滚动scroll
PC端网页特效元素偏移量offsetoffset和style区别获取鼠标在盒子内部的坐标拖动模态框元素可视区client 淘宝flexible.js分析元素滚动scroll总结mouseenter和mouseover 区别动画函数封装动画实现原理简单动画函数封装给不同对象添加不同定时器(优化)...原创 2022-04-20 17:27:23 · 248 阅读 · 0 评论 -
WebAPI-窗口-定时器-this指向-JS执行机制-location-navigator-history对象
BOM概述BOM(Browser Object Model)浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性BOM 比 DOM 更大,它包含 DOM。window对象是浏览器对象的顶级对象,他有双重角色window对象的常见事件窗口加载事件(2种)window.onload 是窗口 (页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、C...原创 2022-04-17 13:24:18 · 662 阅读 · 0 评论 -
WebAPI-注册绑定事件-DOM事件流-鼠标对象-键盘对象操作
事件高级注册(绑定)事件给元素添加事件成为注册事件或绑定事件注册事件有两种方式:传统方式和监听注册方式addEventListener()事件监听,IE9以后支持。eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。<body> <button>传统注册事件</button> <butt...原创 2022-04-16 21:16:26 · 712 阅读 · 0 评论 -
WebAPI-排他思想-全选反选案例-自定义属性操作-节点操作-创建元素
节点、关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。排他思想……原创 2022-04-13 23:57:19 · 181 阅读 · 0 评论 -
WebAPI-DOM-事件基础-操作元素(属性修改,样式修改)
目录API 和 Web APIAPIWebAPIDOM什么是DOMDOM树获取元素事件基础事件三要素执行事件步骤操作元素修改元素内容常用元素的属性操作表单元素的属性修改仿京东显示密码:样式属性操作淘宝关闭二维码案例循环精灵图案例:显示隐藏文本框内容仿新浪注册页面总结API 和 Web APIAPIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义...原创 2022-04-12 23:51:44 · 290 阅读 · 0 评论