一、Css2D转换
/*translate 移动*/
/*设置一个值时,Y轴默认为0*/
transform: translateX(250px);
/*设置%之多少的时候,是根据自身的长宽比例
设置负值,方位为相反方向移动
只要有X或Y坐标,就可以单独设置X或Y的距离
单独设置X或Y时,请不要一起使用,会导致只有X或Y移动*/
/*rotate 旋转*/
transform: rotate(-30deg);
/*只要出现有角度的,一定要加上单位deg
原点坐标在元素的中心点*/
transform: scale(-1,0);
/*scale 缩放*/
/*设置一个值,宽高的比例为同等大小
放大时值大于1
缩小时值大于0小于1
设置负值时,X或Y成镜像翻转*/
transform: skew(30deg,50deg);
/*skew 倾斜*/
/*设置一个值时,Y轴默认为0
设置负值时,向相反方向倾斜*/
transform: matrix(0,0,0,0,0,0);
/*matrix 6个值缺一不可*/
二、Opacity五大兼容性
IE:filter:alpha(opacity:50);
火狐和谷歌:opacity:0.5;
老版本的火狐:-moz-opacity:0.5;
Safari:-khtml-opacity:0.5;
Chrome:-webkit-opacity:0.5;
三、背景颜色后面的五个值的意思
background:(0,0,0,0,0)颜色,图片,是否平铺,定位,在div中的位置。
background-color:背景颜色
background-image:背景图片
background-position:背景图片的位置
background-size:图片的尺寸
backgroound-repeat:是否平铺
repeat:即默认方式,完全平铺背景;
no-repeat:在X及Y轴方向均不平铺;
repeat-x:横向平铺背景;
repeat-y:纵向平铺背景。
四、=与==、===的区别
=:赋值运算符
==:等于运算符(逻辑运算符)
===:严格运算符
五、设置一个线性渐变、径向渐变
线性渐变:
从上到下:Background-image:linear-gradient(,)
从左到右:Background-image:linear-gradient(to right,,)
径向渐变:Background-image:radial-gradient(,,)
六、script文件在不同位置的含义
js加载 只分为 两种
1.全局 js,放在<head>标签 里面:比如说jquery 整个页面很多地方都要用到 而且是优先加载的
2.局部js,放在</html> 结束标签以内 任何位置,加载速度低于 <head> 里面的,或者是第二加载
七、函数调用的三种方式
自调用函数:自执行(自调用)函数可以创建独立的作用域避免全局污染,以及项目中多个js文件中全局变量或方法命名冲突的问题;
用法:(函数)(实参),()中可以传递参数,下面例子是自调用匿名函数,也可以设置函数名;
注意:
1、自调用函数中所有变量和方法都是局部作用域内的,想要设置成全局作用域供外部访问,可以在函数体内设置window.fn=fn;
2、当使用多个自调用函数时,需要在自定义函数前面加‘;’分号来避免浏 览器解析错误,放置自执行函数开始的()与前面代码结合被看成一个函数而解析错误
外部函数:、外部函数extern时声明这个函数为外部函数,本文件不做定义,只调用,编译不会出错,但不能运行(没有函数实体)。
函数调用函数:如果函数调用前使用了 new 关键字, 则是调用了构造函数。