自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS实现视频弹幕效果

使用ES6的模块化开发及观察者模式来实现。观察者模式有很多种形式,这里是使用“注册—通知—撤销注册”的形式。TimeManager类可以返回一个单例,每一条弹幕作为一个观察者,注册到TimeManager类的单例的set表中,当单例的set中有数据时,被观察者状态被改变,执行动画,并通知所有观察者进行update状态更新。弹幕移动超过视频宽度时,从TimeManager中注销。当TimeManager单例的set表中所有被观察弹幕都注销时,setInterval停止执行。1、Bullet.js:观察

2020-11-21 15:53:08 1938

原创 JavaScript中的this指向总结

总结当前学习中遇到的this的指向问题。1、this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁。function fn1(){ var user = "lll"; console.log(this.user); //undefined console.log(this); //window}fn1(); //这种运行函数的方式,其实相当于window.fn().

2020-11-01 14:31:11 174

原创 JavaScript基础——数据类型转换

在JavaScript中,变量可以赋予任何类型的值,但是运算符对数据类型是有要求的,如果运算符发现数据类型不符合要求,就会自动进行隐式类型转换。除了自动进行的隐式类型转换之外,还可以手动强制转换。一、转换为数值型1.字符型转为数值型1.1 Number()Number()是隐式类型转换的方法,这种方法字符串中只要含有非数值就会转换为NaN。空字符转换为数值型是0。console.log(Number("4a")); //控制台输出NaNconsole.log(Number(""));

2020-10-05 21:02:38 344

原创 JavaScript基础——数据类型

JavaScript是一种弱类型语言,因此在变量声明的时候无需规定变量的数据类型,只需要用var这个关键字声明即可。并且变量可以在需要的时候,给变量赋值其他类型的值。JavaScript变量的数据类型是解释时动态决定的。 JavaScript的数据类型有以下几种:(1)数值类型Number(2)布尔类型Boolean(3)字符类型String(4)Undefined(5)Null(6)对象Object数据类型检测typeof();typeof();返回值是一个字符串。1.数值类.

2020-10-05 19:41:33 205

空空如也

空空如也

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

TA关注的人

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