linux学习总结---web前端③

css3：

border-radius

opacity:

transform: 旋转 rotate  平移translate   缩放scale  扭曲skew 

transition：转变  强调：开始和结束

transition-property: background-color,transform,left,top

transition-duration: 1s

transition-timing-function:ease-in ....

-webkit-transition: all 0.5s linear;

-moz

-ms

-o

animation: 

animation-name:xintiao

animation-duration:

@webkit-keyframe xintiao{

    定义每一帧动作
    from{

    }
    ...

    to{

    }

}

js:

脚本语言 通过浏览器翻译解释

语言:

声明变量： var 变量名=值    

    		var a=10
    		a=20

数据类型: number  string  boolean object  undefined   null ...

typeof(变量名)  ---》数据类型

运算符：

算术  ++  -- 

赋值  = += 。。。

关系  == !=  > <  ... 结果boolean

逻辑  &&  ||  ！

三目  条件?真:假

语句：

顺序语句

分支语句：

if(){}

if(){}else{}

if(){}else if(){}...else{}

switch(变量名){case 'A':  ..break   case 'B':...break}

循环:

for(变量;条件;自增/自减){

    循环体

}

while(条件){

    循环体

}

do{

    循环体

}while(条件)

do..while：至少会执行一次  while条件不成立就不会执行

跳转：continue    break

函数:

格式:

function 函数名(形参){

    函数体

}

触发方式：

1. <script>
   function a(num,num2){
     ...
     return 10
   }
   var g=a(5,3)   ----> 在script中直接调用

</script>

1. 依赖动作完成

<input type="button" value="。。" onclick="a()"/>