一、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
注意方法裏面的參數自定義，必須是一樣的。