风也雨忆笙

html部分

1
2
<div id="ease-target"><span id="ease\_go\_top"><i class="fa fa-chevron-up"></i></span>
</div>

js部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 返回顶部
var ease\_go\_top = document.getElementById("ease\_go\_top");
 function ease_scrollToTop(t){
 var x = 0;
 var scroll_Top = document.body.scrollTop || document.documentElement.scrollTop;
 var time = setInterval(function(){
 x+=scroll_Top*30/t;
 if(x>scroll_Top){
 clearInterval(time);
 document.body.scrollTop = 0;
 document.documentElement.scrollTop = 0;
 }else{
 document.body.scrollTop = scroll_Top-x;
 document.documentElement.scrollTop = scroll_Top-x;
 }
 },30)
 }
 ease\_go\_top.onclick = function(){
 ease_scrollToTop(1000);
 }
// end-返回顶部

添加css样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#ease\_go\_top{
 position: fixed;
 right: 10px;
 bottom: 10px;
 width: 50px;
 height: 50px;
 text-align: center;
 background: rgba(255,255,255,0.6);
 font-size: 30px;
 cursor: pointer;
 
}
#ease\_go\_top i{
 font-size: 30px;
}

git好用的原因之一就是它支持版本的回退，在开发之中如果产生致命的错误而不知道如何修复，或者是当前修改的内容是没有意义的，那么我们就可以使用git的命令恢复到上一次提交的状态。

版本库可以理解为是一个仓库，里面存放了许多东西，在文件系统之中它就是一个目录，通俗一点讲就是一个文件夹。这个文件夹里面的东西都交给git管理，我们对文件做的每一个修改都被它所跟踪。

创建对象的三种方式

  1. 单体模式
    1
    2
    3
    4
    5
    6
    7
    var Teacher = {
        name = "mingzi",
        age = 18,
        showName:function()
        return this.name;
    }
    Teacher.showName();
  2. 原型模式属性放在构造函数里，方法放在原型上
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function Teacher(name,age){
       this.name = name;
       this.age = age;
    }
    Teacher.prototype.showName = function(){
        return this.name;
    }

    var mingzi = new Teacher("小明",18);
    mingzi.showName();
  3. 伪类模式
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    class Teacher{
        constructor(name,age){
            this.name = name;
            this.age = age;
        }
        showName(){
            return name;
        }
    }

    var mingzi = new Teacher("小明",age);
    mingzi.showName;

概念

  • 数组是一个变量，用来存放一组数据

  • 数组的大小可以动态调整，没有长度限制（js特有）

  • 可以存放任意类型的数据

    原理

    声明一个变量就是在内存空间中划出一块合适的空间，声明一个数组就是在内存中划出一串连续的空间。

    创建数组

    var [arrayname] = new Array();

    创建数组的方式

    1.直接使用Array（）

    var nums = new Array(); //创建一个空数组
var nums = new Array(5);    //创建一个长度为5的数组
var nums = new Array(12,44,2,55,66);    //创建一个包含5个元素的数组

    2.使用数组字面值

    var names = []; //创建一个空数组
var names = ["apple","orange","peach","banana"];    //创建一个字符串数组
var names = ["Tom","Maria",23,32,true,12.3,54.43];  //创建一个包含字符串，整形，数字，布尔，浮点等类型的字符串

    注意

    数组中的项，如果没有赋值，将默认为undefined

二重循环也就是嵌套循环

简单理解：外层循环执行一次，内层循环执行一轮。类似地球自转和公转，地球绕太阳转就是外层循环，自转是内层循环，地球自转了三百六十五天后，正好内层循环执行一遍，于是外层循环就执行了一次。

理解

  • 一个循环体内又包含另一个完整的循环结构。

  • 外层循环变化一次，内层循环要变化一遍。

  • 各种循环可以相互嵌套

    例子

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    // 提示输入班级人数,然后循环获取每个学员的考试成绩,并输出前三名

    var num = Number(prompt("请输入班级人数"));
    var first = 0,second = 0,thrid = 0;
    for (var i =1 ;i<=num;i++) {
        var score = Number(prompt("请输入第"+i+"位学员的成绩"));
        if (score>first) { //如果输入的分数大于第一名分数
            thrid = second;     //将第二名的分数给第三名
            second = first;     //将第一名的分数给第二名
            first = score;      //将输入的最高成绩给第一名
        } else if (score>second) {       //如果输入的成绩大于第二名小于第一名
            thrid=second;       //将第二名的成绩给第三名
            second = score;     //将输入的成绩给第二名
        } else if (score>thrid){ //如果输入的成绩大于第三名小于第二名
            thrid = score;      //将输入的成绩给第三名
        }
    }
    console.log("第一名："+first);
    console.log("第二名："+second);
    console.log("第三名："+thrid);

2 / 2