1 变量

1. 1 声明变量

var a = 10; //声明变量的时候

var a; //先声明变量，再对变量进行赋值
a=20

1.2 注释

单行注释//
多行注释/* */

1.3 变量命名规则

变量命名和class类似
    规则：语义化---尽量使用英文的简写
       1.不能以数字开头
       2.不能以算术符号开头（+，-，*，/,%,= )
       3.不支持中划线命名

2 数据

2.1 数据类型

基本类型： number,string,boolean

2.2 判断数据类型

     var num = 10;
     console.log(typeof num);
     var str = "hello world"
     // 字符串型 使用 ''或者“”去包裹的
     console.log(typeof str)
     // 布尔类型 true/false  是、否
     var b = false;
     console.log(typeof b)

2.3 基本数据类

// number,string,boolean
        var num = 10;
        var str = "hello world";
        var b =true;
        console.log(typeof num) //nuaber

3 数组

3.1 数组

// array 数组是有序的集合
        var arr = [1,2,3]
        console.log(typeof arr) //objuct
        // 1.获取数组中的某个值 tips:数组的下标从0开始
        console.log(arr[0])
        console.log(arr[2])

3.2 数组的方法

// push 向数组后面添加值(下拉刷新 分页)
        /* 特点：可以添加n个值 */
        var arr = [1,2,3]
        arr.push(4);
        arr.push(5,6,7)
        console.log(arr)
// unshift向数组的前面添加值（搜索-历史记录）
        var arr = ["html","css","js"]
        // vue,html,css,js
        arr.unshift("vue");
        console.log(arr);

3.3 如何获取数组的长度 length

console,log(arr,length)

3.4 json对象

/* json是一种数据结构 key（健）：value(值) */
        /* json对象 */
        var cheng = {
            "name":"zhangsan",
            "age":18,
            "like":true
        }
        /* js中json的健的双引号可以省略 */
        var li = {
            name:"lisi",
            age:17
        }
        /* 1.读取对象的属性 */
        /* .表示“的”的意思 */
        console.log(li.name)
        console.log(li.age)
        /* 2.给对象添加属性 */
        li.sex = "女";
        console.log(li)

3.5 函数

/* 函数：是封装特定功能的代码块  */
        /* 1.定义函数 
         function 函数名（）{ //code}*/
         function go (){
             console.log("hello world")
         }
         /* 2.调用函数
         函数名（）； */
         go();

3.6 for

/* i++就是i=i+1 */
图片链接：https://pan.baidu.com/s/1ICLCh-tES6EvcJDSMx1f5Q 
提取码：paij

4 事件

var app = document.getElementById("app");
        // 时间后面一般对应的就是一个函数
        app.onclick = function(){
            app.style.backgroundColor="red"
        }