- 博客(10)
- 收藏
- 关注
原创 ajax的get和post组合封装
ajax的get和post组合封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
2019-11-30 15:53:55 141
原创 自增、自减运算
自增、自减运算a++后自增:先使用变量,后运算var a= 10; console.log(a++);//10 console.log(a);//11++b前自增:先运算,后使用变量var b=10; console.log(++b);//11 console.log(b);//11综合运用var n =10; // 10+11+12-13+...
2019-11-27 08:59:51 152
原创 Promise的基本用法
Promise的基本用法在使用JavaScript时,为了实现某些逻辑经常会写出层层嵌套的回调函数,如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱。Promise:ES6新增的内置类,是为了管理异步操作的。Promise一个明显的好处便是可以用来解决回调地狱。特别是在处理多个回调相互依赖的情况。使用Promise解决多个异步依赖调用Promise提供了一个方法Prom...
2019-11-23 10:47:45 134
原创 重力运动
重力运动重力加速运动<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>重力运动</title> <style type="text/css"> .box { width: 90...
2019-11-13 17:18:36 369
原创 JS缓冲运动
JS缓冲运动原理一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定,那就是匀速运动;如果变化的速率不一定,那么就是变速运动。当变化率与距离浏览器边框的距离成比例的话,那么就可以说是div在做缓冲运动。其实很简单,就是用一个定时器(timer),每隔一段时间来改变div距离浏览器边框的距离。<!DOCTYPE html><html lang="en"...
2019-11-12 22:51:14 213
原创 缓冲运动的应用—分享到
缓冲运动的应用—分享到鼠标移动到分享上 ,左边的div就会显示出来。移开会自己恢复。思路:样式中初始的left是-150 这样div就是缩在里面,给0 就会显示出来。 那么我们只要变动这个值就可以了。startMove 中的参数 iTarget 是目标点 ,表示到哪个目标点会停下来。控制speed 的大小 就能控制运动的快慢。如果达到目标点 就停止定时器 。规律:假设 l...
2019-11-12 22:16:16 121
原创 运动原理—匀速运动
匀速运动运动的原理:让某件物品沿着某种方向随着时间的变化改变位置一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定,那就是匀速运动;如果变化的速率不一定,那么就是变速运动。当变化率与距离浏览器边框的距离成比例的话,那么就可以说是div在做缓冲运动。其实很简单,就是用一个定时器(timer),每隔一段时间来改变div距离浏览器边框的距离。比如匀速运动:进入定时器:(...
2019-11-12 20:03:14 507
原创 使用css3实现轮播特效
使用css3实现轮播特效使用css3实现轮播特效的主体思想:我们会在同样的位置准备好多个大小相同的图片,并且横放在div容器内,然后在div容器之上设置一个展示容器,其中展示容器的大小和图片大小相同,最后给图片容器添加自定义动画,并且在动画不同阶段设置递增的偏移值。注意:动画效果分为两部分:切换和停留。动画的偏移值和图片大小相关。使用css3实现轮播特效的原理:首先必须保证展示容器大...
2019-11-12 16:23:47 577
原创 节点关系
节点关系节点树中的节点彼此拥有层级关系。我们常用父(parent)、子(child)和同胞(sibling)等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。在节点树中,顶端节点被称为根(root)。每个节点都有父节点、除了根(它没有父节点)。一个节点可拥有任意数量的子节点。同胞是拥有相同父节点的节点。<body> <ul id=...
2019-11-09 16:08:39 808
原创 节点属性
节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :nodeName : 节点的名称;它返回一个字符串,其内容是给定节点的名字。是只读属性nodeValue :节点的值;这所谓的就是元素,就是给定节点的当前值nodevalue。nodeType :节点的类型;它返回的是一个整体,而这个数值代表的给定节点的类型。是只读的。<b...
2019-11-09 15:33:59 382
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人