WebAPI编程
文章平均质量分 76
红人日天
天津商业大学计算机科学与技术专业本科在读
展开
-
移动端网页特效
移动端网页特效1.触摸事件touch对象代表这样一个触摸点常见触摸事件:触摸touch事件说明touchstart手指触摸到一个 DOM 元素触发touchmove手指在一个 DOM 元素上滑动时触发touchend手指从一个 DOM 元素上移开时触发2.触摸事件对象TouchEvent 是一类描述手指在触摸平面的状态变化的事件touchstart、touchmove、touchend 三个事件都会各自有事件对象触摸事件对象三个常见对象列表:原创 2021-03-17 22:39:20 · 283 阅读 · 0 评论 -
常见网页特效案例
常见网页特效案例1.返回顶部案例滚动窗口至文档特定位置window.scroll(x,y);用之前的淘宝侧边栏案例做返回顶部,点击添加滚动窗口事件,发现会迅速回到顶部例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2021-03-15 11:11:55 · 823 阅读 · 2 评论 -
网页轮播图详细教程
常见网页特效案例1. 网页轮播图原创 2021-03-14 16:12:41 · 16740 阅读 · 14 评论 -
PC端网页特效(三)
PC端网页特效(三)1.缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:1. 让盒子每次移动的距离慢慢变小,速度就会慢慢降下来2. 核心算法:(目标值 - 现在的位置)/ 10 作为每次移动的距离步长3. 停止的条件是:让当前盒子位置等于目标位置时就停止定时器4. 步长值取整(正值向上取整,负值向下取整)例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"原创 2021-03-13 20:17:53 · 171 阅读 · 0 评论 -
PC端网页特效(二)
PC端网页特效(二)动画函数封装1. 动画实现原理核心原理:通过定时器 setInterval() 不断移动盒子位置实现步骤:1. 获取盒子当前位置2. 让盒子在当前位置上加一个距离3. 利用定时器不断重复操作4. 加一个结束定时器的条件5. 此元素需要添加定位,才能使用element.style.left例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <me原创 2021-03-11 22:26:37 · 119 阅读 · 0 评论 -
PC端网页特效(一)
PC端网页特效(一)1.元素偏移量 offset 系列(1)offsetoffset 就是偏移量,可以动态的得到该元素的位置、大小等● 获取元素距离带有定位父元素的位置● 获取元素自身的大小● 返回的数值不带单位(2)offset 系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素 如果父级没有element.offsetTop返回元素相对带有定位父元素上方的偏移element.offsetLeft原创 2021-03-10 23:19:24 · 394 阅读 · 0 评论 -
BOM(二)
BOM(二)1.JS执行队列(1)JS是单线程JS语言的一大特点是单线程,同一时间只能做一件事(2)同步和异步同步:前一个任务执行完执行下一个任务异步:任务同时进行本质区别:流水线上各个流程的执行顺序不同① 同步任务同步任务都在主线程上执行,形成一个执行栈② 异步任务JS的异步是通过回调函数实现的异步任务有以下三种类型1. 普通事件,如 click、resize等2. 资源加载,如 load、error等3. 定时器,如 setInterval、setTimeout等异步任务原创 2021-03-09 14:58:09 · 125 阅读 · 0 评论 -
BOM(一)
BOM浏览器对象模型1.什么是BOM?BOM即浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window2.BOM的构成BOM比DOM更大,包含DOMwindows对象是浏览器的顶级对象,具有双重角色1. 它是JS访问浏览器窗口的一个接口2. 它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法在调用的时候可以省略window注意:window下的一个特殊属性window.name输出为空,声明要避开3.window对象的常原创 2021-03-09 00:03:49 · 167 阅读 · 0 评论 -
DOM(五)
DOM(五)1.常用键盘事件键盘事件触发条件onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发 不识别功能键比如 ctrl shift 箭头三个事件执行的顺序是:keydown——keypress——keyup如果使用监听器则不需要加 on2.键盘事件对象键盘事件对象属性说明keyCode返回该键的ASCII值onkeydown 和 onkeyup 不区原创 2021-03-08 11:11:24 · 182 阅读 · 1 评论 -
DOM(四)
DOM(四)1. 事件高级(1)注册事件概述给元素添加事件,称为注册事件或者绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式:● 利用 on 开头的事件 onclick● btn.onclick = function(){}● 特点:注册事件的唯一性● 同一元素同一事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数(2)方法监听注册方式● w3c标准推荐方式● addEventListener( )● IE 9 之前不支持此方法,可使用atta原创 2021-03-08 02:13:23 · 139 阅读 · 0 评论 -
DOM(三)
DOM(三)1.删除节点node.removeChild( )方法从 DOM 中删除一个子节点,返回删除的节点例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-sale=1.0, maximum-scale=1.0, mi原创 2021-03-06 17:19:02 · 162 阅读 · 0 评论 -
DOM(二)
DOM(二)1.排他思想首先先排除其他人,然后才设置自己的样式 这种排除其他人的思想我们成为排他思想例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-sale=1.0, maximum-scale=1.0, minimum原创 2021-03-05 18:47:34 · 587 阅读 · 3 评论 -
DOM(一)
DOM1.什么是DOM文档对象类型,是 W3C 组织推荐的处理可扩展标记语言的标准编程接口通过这些 DOM 接口可以改变网页的内容、结构和样式2.DOM树文档:一个页面就是一个文档,DOM 使用 document 表示元素:页面中的所有标签都是元素,DOM 中使用 element 表示节点:网页中的所有内容都是节点,DOM 中使用 node 表示Dom把以上内容都看作是对象3.获取元素(1)获取元素的方式① 根据ID获取② 根据标签名获取③ 通过HTML5新增方法获取④ 特殊元原创 2021-03-05 00:14:24 · 3956 阅读 · 3 评论