- 博客(9)
- 收藏
- 关注
RSS订阅原创 基于观察者模式的video弹幕
组件实现效果：组件有video和input框组成，这里需要注意的是video要设置controls才能自动播放，input类型为text，当再input框输入文本，对document侦听回车按键，点击回车，iuput上的文本就会从video的左侧移动到video的右侧，每次的top都是随机，当完全移动到屏幕右侧看不到的时候，我们要删除elem，并设置为空，清除观察者。防止内存泄漏。html代码：<!DOCTYPE html><html lang="en"><head&
2020-11-21 15:32:47
134
原创 通过cookie缓存原生js五星好评数据
1. cookie作用： 我们不能主动打开文件 和像本地存储数据，但是当浏览器彻底关闭时，普通设置的cookie会丢失，自动清除。所以我们需要cookie来暂存数据，但是cookie的大小只有5k，也就是5000英文。 Cookie是根据目录路径存储的，不是根据文件存储，不同的路径可以存储不同的cookie， 子目录可以访问当前路径下和父级所有目录下的cookie数据，包括根目录的。而根目录只能访问自己的存储数据。 要注意的是cookie的安全性不高，因为cookie是暴露的。2. 代码模块：
2020-11-01 22:08:58
170
原创 对象清除（垃圾回收）
1.对象被存储在堆中，如果堆中对象不断增加就会造成卡顿，这种情况叫做内存泄漏2.对于处理内存中不需要的数据，我们叫做垃圾回收3.当设置变量为null，可以将该对象引用列表中这个引用变量清除4.当垃圾回收车过来的时候发现堆中该对象引用列表是空的时候就会将其清除var o={a:1};var o1={a:1};console.log(o===o1);即使长一样，也不是同一个东西。var o={a:1};var o1=o;o1.a=10;console.log(o.a);o和o1是同一东西
2020-10-04 21:01:37
256
原创 对象
var obj={a:1,b:2};键值对key a 键value 1 值var names=“a”;var v=20;属性名是变量，所以需要[ ]将变量包含var obj={[names]:v}凡是字符，加了"“就是字符类型的字符串，不加”“就是变量名只有在对象中属性名特殊，没有” "的属性名是字符串，有[ ]的属性名是变量获取属性值var key=“e”;var obj={a:1,b:2,c:3,[key]:4};console.log(obj.a); 使用.语法获取
2020-10-04 20:51:10
97
原创 JavaScript循环语句
while循环***首先先要知道死循环出现的两种情况： 1.条件不对 2.没有像条件外运行的过程***例：在body中插入一个ul列表var str = <ul>;var i = 1; while(i<10){ str+="<li>"+i+"</li>"; }str+=</ul>;双重while循环99乘法表var i = 1,j = 1;const COL = 10, ROW = 10;var str = “”wh
2020-10-04 19:57:09
133
原创 JS条件运算
一.if单分支语句1.首先要清除表达式如果不是布尔值就会隐式转换为布尔值if(表达式){满足条件后执行的语句块}2.如果条件后执行的语句块仅有一句，可以省略{} if(a>5){ b=6; }可以省略为 if(a>5) b=6;【注】意味着条件后的一句表达式为满足条件该条件执行，其他不执行例：if(a>5)b=6;a++;// 满足条件，只是执行了b= 6 但不会执行a++；也就是：if(a>5){b=6;}a++
2020-10-03 21:05:55
274
原创 JS算术运算符
算术运算符：+ - * / %（取模）1.加法1)任何类型与字符串相加都会转成字符串在做运算例： var a="4"; var b={a:1}; var s=a+b; console.log(s); 结果为 4[object object] var a=true; var b="1"; var s=a+b; console.log(s); 结果为22) 一侧是布尔值 另一侧不管是什么，布尔值都不会转成对应的与之相加例： var a=true;
2020-10-03 20:10:40
276
原创 JS三目运算符
三目解释：所谓的三目运算符就是由判断语句 、？和：组成，var a = 10,b = 20; a>b?T:F 语句意思就是a大于b吗？大于返回T，小于返回F。三目嵌套：三目运算符也可以实现嵌套：var a=3;var b=a>5 ? 0 : a<2 ? 1 : -1;3大于5吗？如果大于5则返回0；如果小于5，则怕判断3小于2吗？如果小于则返回1，否则返回-1var a=1;var b=a-=1 ? a+=1 : a+=2;//三目优先级高于赋值运算 += -=
2020-10-03 20:09:48
4826
原创 数据类型及其转换
数据类型分为三种：1.字符型被双引号，单引号，`所引起来的都是字符型，字符在console内显示为黑色字体2.数值型：分为数值和非数值整型 / 正整型 / 浮点型，数值在console内显示为蓝色字体3.Booleantrue / false4.undefined未定义，声明了但是没有赋值5.null空值6.对象型对象就是可以拥有属性和方法的一个集合下面是各种类型转换为字符型的情况：数值型转为字符： 直接加引号转换1.a=String(a);//强制转换为字符串2.a=a.t
2020-09-29 10:32:06
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人