一、JS介绍
JavaScript（简称JS）是一种轻量级、解释型的Web开发脚本语言
轻量级：语法简洁，不能操作系统文件
解释型：无需编译，直接浏览器就可以解释
前端主要工作：
渲染：渲染结构
用户体验：表单验证，效果
性能优化：懒加载，雪碧图
JavaScript的组成：
BOM：浏览器对象模型
DOM：文档对象模型 - 标签元素
ECMAscript：描述了该语言的语法和基本对象（js规则）
二、JS的类和对象
类：对现实生活中一类具有共同特征的事物的抽象（代表一类事物）
对象：类下面的具体事物
属性：描述对象的外观或者特点 - 私有的
方法：描述对象的功能 - 公有的
方法(主动的方法，被动的方法-事件)
js的类 -> 类class(构造函数) ->(系统类-系统默认提供，根据系统的定义使用，自定义的类 - 开发者自定义的)
js的对象 -> 一切皆对象 -> (系统对象-系统提供的类下面的具体的对象， 自定义对象 - 自定义的类下面的对象)
js对象下面的属性 -> 属性基本上都是不同的 -> 属性的访问：对象.属性 对象[属性]
js对象下面的方法 -> 方法基本上都是相同的 -> 方法的访问：对象.方法()
三、JS语法及运行
1.如果写js代码，js代码有几种引入方式 - 和前面引入css代码或者文件是一样的。
1.1.外部链接式：js是一个独立的外部文件（以.js为扩展名 ）
<script src="文件的路径"></script>
1.2.内部js代码：将js代码通过script的标签写到文档结构中
1.3.行内js代码：将js代码写入标签的内部，不推荐使用。
2.运行js - 通过浏览器打开
四、变量
变量的概念：所谓变量，就是特定时间用于保存特定值的一个名字而已，并且初始化后可以再次改变的量。ECMAScript 的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据。
变量的特点:
值可以改变 - 变量
同时定义多个 - 逗号分隔
可以前置访问 - undefined
写入内存 - 整个文档可以顺序调用。
松散类型 - 声明变量的时候，无需告之变量的数据类型，自动识别。
变量的作用:
一个自定义的名称，保存一些值，让程序反复使用。
变量的命名：数字，字母，下划线，$符号组成，数字不能开头。
驼峰命名：
大驼峰：每一个单词首字母大写。 ClassName
小驼峰：从第二个单词开始，首字母大写. className js采用小驼峰命名。
匈牙利命名法：第一个字母代表当前数据的类型. oBox = object box nCount = number count
五、基本的对象
一.window对象：代表浏览器打开的一个窗口， 最大的对象。
window方法 - 功能 - 省略window不写。
1.alert():弹出一个信息框，具有阻止代码继续执行的能力,方便代码调式,扩展里面可以计算，也可放其他类的值。
2.prompt():弹出一个输入框，框里面的值一定是字符串。
基本结构：window.prompt('提示文字(可选的)','默认值(可选的)')
3.confirm():弹出一个选择框。
二.document对象:文档，window下面的子对象(父子关系)
1.wirte:将括号里面的信息输出到文档中(浏览器中)，可以解析html标签。
window.document.write('hello');
2.getElementById('id选择器'):通过id选择器获取元素(标签)
三.console对象：浏览器的控制台 - 使用最多的调式面板
1.console.log():打印信息到控制台面板
2.性能，计算代码执行时间 time -> timeEnd
注意方法里面的参数自定义，必须是一样的。