元素的显示与隐藏、过渡动画效果、JS基础

元素的显示与隐藏

1.几种方法

    /* 隐藏，不占据屏幕空间 */
    display: none;
    /* 重新显示出来 */
    display: block;
    /* 隐藏，同时占据屏幕空间 */
    visibility: hidden;
    /* 重新显示出来 */
    visibility: visible;
    /* 隐藏，占据屏幕空间，透明度,取值为0-1之间的值 */
    opacity: 0.5;
    opacity: 1;

ps：文字在网页中有优先显示的权利

2.溢出处理
产生滚动条的条件：1.元素的高是固定的，因为如果只靠元素自动撑开是永远不会产生特定范围内的滚动条的2.设置overflow：auto；
ps：超出内容隐藏掉
overflow: hidden;

过渡动画效果

1. transition:过渡的属性 动画时长 时间函数 延迟时间;
   eg:

transition: all 3s  //属性为all，时长为3S
transition: all 3s linear 5s;  //属性为all，时长为3S，匀速，延迟5S后在开始过度动画

/* 光标悬停在元素上的时候展现的样式 */
    div:hover{
   
        width: 300px;
        background-color: green;
        
    }

将transtion从hover移动到div里面，就可以反向变化，即当div元素发上变化时都会发生动画。

JS运行环境

1.JavaScript和java没有关系
2.Script标签的位置可以随便放
3.Src写了地址后引入外部文件，里面就不写任何js代码，写了也不识别。

<script src="./js./1-aaa.js">
    //不要在这里写js，不识别
</script>

4.Node a.js
Node命令运行一个js文件，可以脱离html运行

JS基本数据类型

1.number
string
boolean（true，false）
null（null）将来存放的是对象，判断数据类型为object
undefined（undefined）

2.一种引用数据类型object直接或者间接继承数据类型
Object
var a = null; //栈区
var a = {}; //已经开辟出一个空间

类型	typeof
number	number
string	string
boolean