JS基础语法

1、变量的声明

const：用于声明常量。注意：定义的变量的时候，必须同时初始化，且其值之后不可以修改。 

var：最常用的声明变量关键字。 定义的变量的时候，若没有初始化，不报错，会输出
        undefined。其值之后可以修改。
var可以用来声明全局变量，也可以声明局部变量，依据它们声明的位置：

         全局变量：在函数外定义的变量；（注意：若没有使用关键字声明的变量，默认为全局变量。）作用域是整个代码文件。
         局部变量：在函数内定义的变量。作用域是当前的函数内部。

let：块级作用域 。在块级{}里面用let定义的变量，离开当前的块{}之后，就不能使用（有点
        像局部变量，但作用域不一样）。
注意：{...}一对花括弧就就是一个特定的代码块，包括直接的{}，流程语句的{}，函数的
        {},....。函数声明时本身就带有{}，也是属于一个代码块。 

        在浏览器的控制台打印测试数据 

console.log("This is easymethod");

2、对象

（1）声明

let obj={};

（2）添加属性并赋值

                obj.name="李四";
				obj.study=function(){
				 
				}
				obj["sex"]="男";
				var proName="sex";
				obj[proName]="女";

（3）删除属性

delete obj.sex;

3、函数的定义

function easymethod(){}
//method可视为函数名 只有该函数下方的代码能用它
var method=function(a,b){}

函数的参数可视为可变参数， 调用时可以超过定义的数量，全部的参数可通过arguments数组得到

4、数组

（1）定义

arr=[12,34]; 
arr[8]=99;
arr[3]="你好";
arr[4]={};

         可同时存多种类型的数据

（2）对数组的处理   5个函数

    unshift()  头部添加    push()  尾部添加     shift() 头部删除     pop() 尾部删除   splice()删除并插入

            //数组添加元素
			//从头部添加
			arr.unshift("头部");
			console.log(arr);
			//从尾部添加
			arr.push("尾部");
			console.log(arr);
			//从头部删除
			arr.shift();
			//从尾部删除
			arr.pop();
			console.log(arr);
			//删除并插入
			arr=[1,2,3,4];
			arr.splice(1);//删除下标位置及其后所有元素
			console.log(arr);
			
			arr=[1,2,3,4];
			arr.splice(1,1);//删除下标位置指定个数元素
			console.log(arr);
			
			arr=[1,2,3,4];
			arr.splice(1,2,22,33,44);//删除下标位置指定个数元素 并追加元素
			console.log(arr);

 5、判断变量类型

typeof obj 返回这个变量的类型名称

6、DOM

        即Document Object Model

（1）获取dom组件对象

            var btn=document.getElementById("btn");//通过id
			document.getElementsByClassName("");//通过class
			document.getElementsByName("");//通过name属性
			document.getElementsByTagName("");//通过标签名

（2）onclick  点击事件

        获得组件对象后可对其添加事件

btn.onclick=clickme;

其中clickme是一个函数，意味当btn组件被点击时执行 clickme函数

（3）操作组件内容

   innerHTML 属性用于获取或设置元素的 HTML 内容（包括其标签）。当你设置 innerHTML 时，浏览器会解析提供的字符串作为 HTML/XML，并更新元素的内容以匹配解析后的结果。

用途：当需要向元素中插入 HTML 标记时（比如 <h1>、<p> 等），应该使用 innerHTML

    innerText 属性用于获取或设置元素的纯文本内容，不包括任何 HTML 标签。当你尝试通过 innerText 插入 HTML 标签时，这些标签会被当作普通文本处理，不会被浏览器解析为 HTML 元素。

用途：当只需要操作元素的文本内容，而不涉及任何 HTML 标记时，使用 innerText 是合适的。

                let box=document.getElementById("box");
				box.innerHTML="<h1>哈哈哈</h1>";
				box.innerText="<h1>哈哈哈</h1>";

 7、 2个函数 setInterval    setTimeout

（1）setInterval(函数，间隔时间毫秒)

        每隔...时间执行一次 

     	 setInterval(function(){
		 	console.log(Math.random());
		 },300);

 （2）setTimeout(函数，延后时间毫秒)

        ...时间后执行 

          setTimeout(function(){
		  	console.log(Math.random());
		  },1000);

 

今日内容:  js基本语法   判断类型    对象操作 添加属性   删除属性   对数组操作    5个方法   let const var   定义函数   事件  onclick    参数   DOM   
getElementById()    setInterval    setTimeout

mysql    端口号    DBMS   创建库   创建表    重新定义表  重命名  添加列   重定义列    调整位置     重命名列    

not null   primery key   唯一标识  不可重复  不可为空   auto_increment    自动递增

编码集   utf8mb3 /mb4