前端第四天学习 动画和JS笔记

动画：

平面转换：transform: translateX(300px) translateY(300px)移动

                transform: rotateX(60deg)； transform: rotateY(60deg);   transform: scale(0.5); 旋转

                transform-origin:改变旋转的中心

                transition all0.5s；加过度

 渐变：background-color: aquamarine;

            background-image: linear-gradient(45deg, red, pink, blue);

3d转换：perspective: 800px;    3d视距

                transform-style: preserve-3d;    3d显示

动画：@keyframes myframes    定义一个动画

            animation: myframes 5s inherit;代表动画名、周期、连续、进入页面5s后开始、动画重复

JS

引入方法：script

对话框：alert  警示框

                promput  输入框

                console.log  控制台输入

                document.write  用户界面输出

注释：//单行注释

          /**    */多行注释

变量：console.log(uname)变量声明

           let uname     let声明的变量不能再次声明 变量可以重复赋值

           命名规范：

          1、不能使用关键字

          2、由下划线、字母、数字、$组成，不能以数字开头

          3、小驼峰命名

          4、最好具有含义

变量赋值：uname = 'zs'  

常量：定义的常量不能再次赋值

数据类型转换：let a = parseInt('13930585.1223443')    转化为整形

                         let b = parseFloat('13930585.1223443') 转化为浮点型

算术运算符：+加、-减、*乘、/除、%余数、**幂次方

比较运算符：>、<、>=、<=、==、===

逻辑运算符：&&与、||或、！非

三元运算符：本质就是if   else     判断语句  ？  正确  执行的代码    ：   else执行的代码

选择结构：通过if和else实现

switch语句：通过switch、case、break和default

循环：for、while和do while

跳出循环：break   跳出大的循环

                console   跳出本次循环