自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 关于js中的组合继承

首先我们先看一个构造函数 function Dad(){ this.name = '张三', this.age = 16 } Dad.prototype.like = function(){ console.log('高尔夫'); } 假如现在有一函数,想继承Dad的属性方法,可以以下做法 function Son(){ Dad.call(this); } Son.prototype = Dad.prototype; 但是

2020-06-12 14:03:04 116

原创 es6中解构赋值小计

解构赋值 解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。 下面我们来看下解构赋值在对象/数组中的应用 对象 let obj = { a : 1, b : 2 }; 在之前,若我们在把a,b存储起来方便以后使用,一般都是使用一下方法 let a = obj.a; let b = obj.b; 在知道解构赋值之后就可以直接 let {a,b} = obj; 需要注意的时,对象在使用解构赋值是,解构出来

2020-06-08 22:16:55 135

原创 关于es6中let const小计

首先,我们知道let和var 用法一下,都是用于声明变量,但let和var是有一定差异. var 1.可以重复声明,即同个变量名在同个作用域下,多次声明,只有后声明会覆盖先声明的 2.作用域:全局作用域 和 函数作用域 3.可以被预解析,即声明写在使用下面不会报错,为undefiend let 1.不可以重复声明,即同个变量名在同个作用域下,多次声明,会报错 2.作用域:全局作用域 和 块级作用域 块级作用域是指{}之间,为块级作用域 3.不可以被预解析,即声明前使用下面会报错 cons

2020-06-08 21:19:45 100

原创 原生js实现多物体运功

这是一个小案例,简单实现当鼠标移除移入,按下抬起时,物体发生改变 以下为整体代码,现做分析。 因opacity的属性值是小数,小数在计算时容易损失精度,比如0.1+0.2 = 0.30000004,所以进行*100,已经四舍五入(Math.tound). 当iCur 等于目标时(iTarget),清除定时器,否则判断改变是否opacity,再分别进行计算。 这是返回最终css属性的样式结果。 刚刚学习js,博客是为总结回顾自己学习的知识,如有讲错或不严谨,欢迎批评指教,如对你有所帮助,我将很高兴,谢谢大家。

2020-06-02 17:51:24 121

原创 原生JS实现游戏--棍子英雄(简单版)

游戏思路 1、当棍子的长度落在右边块的左侧到右侧之间,角色向前进,游戏继续; 2、当棍子的长度没有到达右边块的左侧,让角色向前走,走到棍子的末端的时候角色掉下,游戏结束; 3、棍子的长度超出右边块,让角色往前走,超过范围,角色掉下,游戏结束; 游戏玩法 1、当鼠标按下时棍子(stick)棍子伸长,松开鼠标时,棍子停止伸长倒下,人物移动到棍子倒下位置 页面布局 js代码实现过程 当鼠标按下时,开启定时器,改变棍子(stick)的宽度(width),设置棍子棍子(stick)transition属性,让改

2020-06-02 11:09:15 728

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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