自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除