15天前端学习-第十二天（个人记录）

HTML

文字阴影:text-shadow:x y blur color;
blur为模糊程度,值越大阴影越模糊,默认阴影颜色跟文字相同,第四个值可以修改阴影颜色。
逗号隔开可以设置多个阴影。

盒阴影:box-shadow:x y blur spread color inset;
盒阴影默认颜色是黑色,spread阴影扩散范围,inset为内阴影。
逗号隔开可以设置多个阴影。
盒子阴影box-shadow跟文字阴影text-shadow很像。

遮罩:. mask:url(遮罩图地址) x y /遮罩大小x y;
遮罩的坐标也可以选择用center;逗号隔开可以设置多张遮罩图。
遮罩可以用在有背景图的块上,让背景图仅显示遮罩住的部分,添加过渡效果后发现遮罩会移动,有意思!
使用鼠标移入效果让两张遮罩图互换可以做一点效果。
使用遮罩图,透明的部分反而会遮住背景。
这个属性可能浏览器还没兼容,得加浏览器的前缀。

倒影reflect:方向 间距 遮罩/渐变;
通过transform旋转 其实也可以做倒影.

模糊filter: blur(值);可以给块做模糊操作,用来模糊图片挺方便;

计算尺寸 宽/高calc(计算表达式);比如width:calc(100%-100px);可以用于子容器对父容器的适应。;

JS
要使用链式的调用,可以在对象的方法内返回this,这个对象本身。

数字
大数字的简写
可以在数字后面加字母e指定零的数量,如alert(1e9);10亿,1后面9个0;
反过来也可以这样写:alert(1e-6);0.000001,1左边有6个0;

小数处理
Math.floor()向下舍入 Math.ceil()向上舍入 Math.round()四舍五入 Math.trunc()舍去小数(IE不支持)
toFixed(n)方法返回指定小数位数的数字。(该方法会自动四舍五入,且结果返回字符串,可以使用+号转换为数字)
toFixed();也可以解决精度损失的问题,JS中小数会有精度损失,0.1可能是0.100000005
为了保证精度,可以让数字更接近整数,比如先乘,舍去小数后,再除回来。
处理小数时也应该尽量避免相等检查,因为精度的损失可能会让两个看起来相等的数字不相等;

数字选取
parseInt(value);可以读取整数,直到读不到数字位置。可以用于金额读取,比如parseInt(“1234.2$”);结果1234
parseInt(value,进制数),可以指定进制,最高到32进制;
parseFloat();可以读取到小数,
当没有数字读取时会返回NaN,比如parseFloat(“a123”)//因为第一个符号直接终止了

Math.max(),Math.min(),从数字中选取最大/最小值;
Math.random()返回0-1(不包括1)随机数

其他
值NaN不等于任何东西,想要判断一个值是否是NaN可以用方法isNaN(x);判断;
isNaN(value);将参数转为数字,判断是否为NaN;
isFinite(value);将参数转为数字,判断是否为常规数字。(可以验证字符串是不是数字)
在数字函数中,只有空格或是空字符串视为0;

字符串

引号
字符串单引号双引号不可以跨行,反引号可以;
比如:

let a = `aaa
	   bbb`;

输出的文本也是换行的,而且反引号可以嵌入表达式${表达式}; (之前有发过…)
单双引号字符串可以用\n换行符换行;(unicode中还有其他字符,比如表情)

字符串的操作:
str.charAt(x);可以获取x位置的一个字符。
方括号也可以:str[1];获取字符串的第一位,str[str.length-1],获取最后一位

for(let a of b){}能遍历字符串
str.indexOf(“字符串”,开始检索位置);方法返回字符串位置,无则返回0;能找到需要的字符串在整个字符串中的位置;
str.includes(“字符串”,开始检索位置);方法返回是否存在检索的字符串,返回true/false;
startsWith(“字符串”)/endsWith(“字符串”);方法返回字符串是否已xxx开始/结束;

获取字符串
str.slice(开始,结束);返回指定位置的字符串;
如str =“abcdef”
str.slice(1,5);//“bcde”,不包括5
str.substring(开始,结束);与slice相似,但支持反过来substring(5,1);
str.substr(开始,结束);返回从开始到结束的字符串,即(1,5)返回"bcdef"
toLowerCase()返回小写,toUpperCase()返回大写

字符串的编码
小写字母总是大于大写字母;
字符串有指定的UTF编码;
str.codePointAt(n);返回位置n字符的编码,很方便了!
String.fromCodePoint(编码);方法则反过来,通过编码获得字符;
'\u’后跟十六进制代码,添加unicode字符;