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