JavaScrip腳本語(yǔ)言：特性：松散（對(duì)于開發(fā)者的要求低）? 如：定義變量嚴(yán)禁語(yǔ)言： int a=30；松散語(yǔ)言：var a= 30；永遠(yuǎn)不會(huì)認(rèn)為開發(fā)者寫代碼有問題分類：ECMAScript:計(jì)算機(jī)協(xié)會(huì)統(tǒng)一標(biāo)準(zhǔn) 只包含了基礎(chǔ)語(yǔ)法部分版本區(qū)別｛ECMASrcipt5(包含5）之前ECMASrcipt6（ECMASrcipt2015? 簡(jiǎn)稱 ES6）包含了所有語(yǔ)言｝TypeScript(簡(jiǎn)稱TS）微軟出的js語(yǔ)言>js的超級(jí)ECMASrcipt（語(yǔ)言基礎(chǔ)）DOM煮纵、BOM操作：DOM:操作頁(yè)面中的元素對(duì)象（標(biāo)簽）｛批量創(chuàng)建邏輯交互｝BOM：瀏覽器的操作｛上一頁(yè)下一頁(yè)歷史記錄刷新｝webapl｛webSocket(及時(shí)通訊)音頻播放器游戲（canvas）webVR｝游戲引擎：coco? 白鷺 微信小游戲? ? ? ECMASrcipt語(yǔ)言基礎(chǔ)1.基礎(chǔ)語(yǔ)法：預(yù)備知識(shí):(1)語(yǔ)句：通常一行代碼如添加一分號(hào)為一條語(yǔ)句使用英文分號(hào)分隔 (2)變量:目的通過一個(gè)名字來表示一個(gè)可以改變的值定義方式：var空格 變量名=值? 不賦值 var空格 變量名 war：為關(guān)鍵字變量名：開發(fā)這起的一個(gè)名字變量名的命名規(guī)則：不能使用關(guān)鍵字定義變量名不能以數(shù)字開頭不能以特殊符號(hào)開頭定義變量名要有意義：駝峰命名法：第一個(gè)首字母小寫其他首字母大寫下劃線命名法關(guān)鍵字（是由語(yǔ)言本事提供的名字夺巩，有固定意義的美澳。如var就是定義變量的）：var for while if static let等意義：變量名：開發(fā)者起的名字 外號(hào) 標(biāo)記值（具體內(nèi)容）：數(shù)字 文字（字符串）數(shù)組 對(duì)象（3）2.opp（面向?qū)ο螅㎎S的引入方式1.<script>var a=30;<script>2.<script src="js文件位置"> <script>注釋：?jiǎn)涡校篊trl+/多行:ctrl+shift+/運(yùn)算符：算數(shù)運(yùn)算：+ - * / %(取余）必須數(shù)字與數(shù)字之間運(yùn)算數(shù)據(jù)類型：Number：數(shù)字類型包含浮點(diǎn)和整數(shù) String：字符串類型只要是使用雙引號(hào)或單引號(hào)包裹的boolean：波爾類型;true(對(duì)）false（錯(cuò)）Array ：數(shù)組Object：對(duì)象Function：函數(shù)數(shù)據(jù)類型的轉(zhuǎn)換：字符串轉(zhuǎn)數(shù)字：轉(zhuǎn)數(shù)字：parseLnt（）轉(zhuǎn)浮點(diǎn)：parseFloat如果使用小數(shù)精度丟失｛不要直接使用小數(shù)一定要使用：1.乘以100倍精準(zhǔn)的級(jí)別｝prompr（）輸入內(nèi)容：使用代碼輸出變量沒實(shí)際意義知識(shí)在控制臺(tái)輸出一下變量console.log(a)日志console.warn(a)警告console.info(a)詳細(xì)詳細(xì)信息調(diào)試方法：1.console.log(a);日志2.斷點(diǎn)調(diào)試：在程序中打點(diǎn)組織繼續(xù)執(zhí)行首先根據(jù)經(jīng)驗(yàn)定位到大概錯(cuò)誤位置然后打開瀏覽器中的Sources點(diǎn)擊要調(diào)試的js文件在懷疑有錯(cuò)誤的地方點(diǎn)個(gè)點(diǎn)（打斷點(diǎn)）程序重新運(yùn)行會(huì)在斷點(diǎn)位置停止->鼠標(biāo)移動(dòng)到斷點(diǎn)上面的變量->就會(huì)顯示變量的值如果繼續(xù)拍錯(cuò)可以打多個(gè)斷點(diǎn)通過播放鍵跳到下一個(gè)斷點(diǎn)通過下一步執(zhí)行下一步代碼復(fù)合運(yùn)算符:+= :var a=10;? var b=20;? a = a+=b;-=:var a=10;? var b=20;? a = a-=b;*=:var a=10;? var b=20;? a = a*=b;/= :var a=10;? var b=20;? a = a/=b;%=:var a=10;? var b=20;? a = a%=b;++:自己給自己增加一個(gè)1加加減減在前先做自增減在做其他運(yùn)算加加減減在后先做其他運(yùn)算（或別的操作）在做自增減 --:自己給自己減少一個(gè)1對(duì)比運(yùn)算符：結(jié)果為Boolean類型的值分別為true和false爹土。（> < >= <= ==（忽略數(shù)據(jù)的類型如:1=“1”） === (嚴(yán)格查看數(shù)據(jù)類型的必須類型與值都相同的如：1與“1”為不相同）!=(不等于不區(qū)分?jǐn)?shù)據(jù)類型如：1與“1為相同”）!==（區(qū)分?jǐn)?shù)劇類型如1與1“1”為不相同））案例：d分支結(jié)構(gòu)：if(條件）｛當(dāng)條件滿足執(zhí)行此內(nèi)容｝if（條件）｛｝else｛｝if(條件）｛｝else if（條件）｛｝else｛｝三元運(yùn)算（三目運(yùn)算）：經(jīng)常會(huì)代替if else語(yǔ)句常用代碼：if(睡覺）｛? ? ? ? ? ? ? 做夢(mèng)? ? ? ? ? ? ｝else｛掌握三元運(yùn)算? ｝三元運(yùn)算：條件琼娘？滿足執(zhí)行熄浓，不滿足不執(zhí)行//隨機(jī)數(shù)//Math 數(shù)學(xué)函數(shù)//random 隨機(jī)函數(shù)var num3=Math.random();console.log(num3); 邏輯運(yùn)算：與（&&）：所欲條件都必須滿足才算真的；或（||）：兩個(gè)條件中只要有一個(gè)條件滿足就為真愕提；非（Ｕ叹薄）：黑白顛倒脖祈，對(duì)的就是錯(cuò)的，錯(cuò)的就是對(duì)的。表示為真* true* 1* 由內(nèi)容的字符串“xx”* 有值的對(duì)象* 表示為假的* 0* false* null* nudefineded* NAN* 空字符串“”switch:選擇其中的某一個(gè)點(diǎn)子（case）switch(變量）｛case值1：break刀疙；case值2：break油够；default：｝break：不是強(qiáng)制添加如果不添加break程序會(huì)繼續(xù)執(zhí)行下面的條件。循環(huán)結(jié)構(gòu)：1、知道循環(huán)次數(shù)（for）for（var i=0; i<5; 1++）｛｝var i=0;初始化變量虐秋；i<5;循環(huán)的條件蜻拨；i++阐污；更改變量的值for循環(huán)的執(zhí)行流程continue：從continue的開始部分跳出循環(huán)continue前的不會(huì)跳過道循環(huán)次數(shù)（while）while：while(條件)｛循環(huán)體｝忱详；do while：不管條件漫步滿足先執(zhí)行一次循環(huán)（計(jì)入總循環(huán)次數(shù)）公式：do ｛ }while ()例： var index=0; do {document.write("1212");document.write("<br>");index++;if (index>10)break; }while (1)函數(shù)具備某些工能的工具四種類型：有返回值：帶參數(shù)不帶參數(shù)無返回值：帶參數(shù)不帶參數(shù)function hanShuMing（函數(shù)名）(? ) {? alert("函數(shù)")}調(diào)用函數(shù)hanShuMing():2.var xx=function (? ) {? 函數(shù)體 console.log("xxxxxx") }調(diào)用函數(shù)體—>函數(shù)體的代碼才會(huì)執(zhí)行 xx(? );內(nèi)置函數(shù)｛console.log（）alert（）Math.radom（）prompt（）｝參數(shù)：形式參數(shù)：形參沒有實(shí)際意義代表著即將傳進(jìn)來的實(shí)參粪狼。實(shí)際參數(shù)：實(shí)參是個(gè)實(shí)實(shí)在在的一個(gè)值作用域：概念 ——》變量起作用的范圍局部變量：作用域只在定義的函數(shù)體里面，在函數(shù)外面是不可以使用的瘪板。全局變量：自執(zhí)行函數(shù)：自執(zhí)行函數(shù) 解決作用域的問題（防止多個(gè)js文件間變量的互相影響）(function () {var num=20;})()返回值：帶返回值的函數(shù)是是什么畦贸？返回值是什么函數(shù)就表示的是什么function x（）｛return｝return（值）：放到函數(shù)中：return有值時(shí)：有返回值的函數(shù)return沒值時(shí)：跳出函數(shù)? ? ? 數(shù)組概念：有序排列的集合標(biāo)識(shí)數(shù)組中元素位置的叫做下標(biāo)或索引楞捂；下標(biāo);可以通過下標(biāo)找到數(shù)組中的元素沈善，可以通過下標(biāo)改變這個(gè)位置的值闻牡；數(shù)組中下標(biāo)是從0開始的；創(chuàng)建數(shù)組：字面量的方式var a=[? ]烧栋；? ? ? ? ? ? ? ? var b=[ "悟空 "魔吐，“八戒”，“和尚” ]通過類名創(chuàng)建數(shù)組：var arr= new Array(? )獲取數(shù)字中的元素：數(shù)組名[ 下標(biāo) ]裕偿；var a=["王八","烏龜","甲魚","鱉"];var b=a[1];a[0]="健權(quán)";替換（修改）數(shù)組中的元素:數(shù)組名[下標(biāo)]=新值拢蛋；遍歷數(shù)組（把數(shù)組中的元素逐個(gè)讀取出來）：for循環(huán)，forEach蔫巩；數(shù)組1.屬性：長(zhǎng)度:(數(shù)組名：length)：數(shù)組中有多少個(gè)元素->數(shù)字是多少2.方法在數(shù)組中最后一個(gè)位置插入（刪除）數(shù)據(jù)：1.插入數(shù)據(jù)：數(shù)組名+點(diǎn)+push2.刪除數(shù)組中最后一個(gè)；數(shù)組名+點(diǎn)+pop快压；在數(shù)組中第一個(gè)位置插入（刪除）數(shù)據(jù)：1.插入輸入unshift2.刪除數(shù)據(jù)shift翻轉(zhuǎn)數(shù)組（把數(shù)組中的元素順序顛倒）：reverse：會(huì)返回一個(gè)新的數(shù)組如：var ss=[22,33,77] var ww=ss.reverse( );document.write(ww)document.write("<br>")圆仔；合并數(shù)字;(concat)把兩個(gè)或多個(gè)數(shù)組合并成一個(gè)新的數(shù)組數(shù)組排序：（sort）數(shù)組+點(diǎn)+函數(shù)（a,b,）{return a>b;}數(shù)組轉(zhuǎn)字符串：1.toString(萬(wàn)能法）2.join（“”）在數(shù)組中插入一個(gè)元素：splice：公式：數(shù)組名+點(diǎn)splice（插入位置（下標(biāo)），刪除元素?cái)?shù)量蔫劣，插入的元素（數(shù)據(jù)是什么））刪除元素：splice公式：數(shù)組名+點(diǎn) splice（刪除元素位置坪郭，刪除元素?cái)?shù)量）->返回的數(shù)組為刪除的那些元素截取數(shù)組：slice：公式：數(shù)組名+點(diǎn)+slice（開始下標(biāo)，結(jié)束的下標(biāo)）? ? ? ? 字符串屬性：長(zhǎng)度（lenght）方法：1.字符串轉(zhuǎn)數(shù)組：split:2.替換字符串：replace（查詢的字符串脉幢，替換的字符串）->會(huì)得到一個(gè)新的變量3.查詢字符串:search:(查詢的內(nèi)容）正數(shù)和0為查詢到第一個(gè)數(shù)的位置-1為沒有查詢到4.toLowerCase(轉(zhuǎn)小寫）：5.toUpperCase（轉(zhuǎn)大寫）:6.查詢某個(gè)字符在源字符串的位置（indexOf）7.查詢某個(gè)位置的字符（charAt）8.截韧嵛帧（slice）9.查詢字符串：（match）可用正則正則表達(dá)式：input：value:輸入框的輸入值DOM:獲取DOM（html）元素：document.querySelector(點(diǎn)+選擇器的名字）DOM獲取DOM元素1.document.querySelector("選擇器的名字")2.3.4.創(chuàng)建DOM元素刪除DOM清空DOM插入文本插入HTML添加事件:鼠標(biāo)事件.鍵盤事件.拖拽事件? ? ? ? ? ? 日期日期對(duì)象Date：創(chuàng)建日期對(duì)象：獲取當(dāng)前日期嗦锐；var data=new Date( )new：是通過類名創(chuàng)建的對(duì)象Date：是個(gè)日期類通過日期類創(chuàng)建一個(gè)當(dāng)前的日期筆記截圖獲取周日：周日為0；周一為1沪曙。奕污。。液走。碳默。? ? 定時(shí)器（單位毫秒）不可以重復(fù)使用多個(gè)定時(shí)器否則定時(shí)器的時(shí)間會(huì)疊加用完要?jiǎng)h除定時(shí)器刪除延遲定時(shí)器clearTimeOut(標(biāo)記)1.延遲執(zhí)行：var 標(biāo)記 = setTimeout(執(zhí)行函數(shù)，延遲時(shí)間)var bg=document.querySelector(".bg") var setu=setTimeout(function () { bg.style.background="yellow"? 清除定時(shí)器? clearTimeout(setu);},1000*2);2.重復(fù)執(zhí)行js的引入方式缘眶；1.在head中引入（還未在HTML標(biāo)簽就在js中查-》查不到）2.在body結(jié)束標(biāo)簽上面引入（可以避免查找不到HTML）? ? ? ? ? ? DOM1.查詢DOM元素：（1）document.querySelector(“選擇器的名字”)特點(diǎn)：查找的是第一個(gè)元素（2）document.querySelectorAll(“選擇器”)特點(diǎn)：查找偽數(shù)組（3）ID選擇器不需要加＃document.getElementById特點(diǎn)：查找ID類選擇器（4）通過類選擇器 getElementsByClassName("")（5）document.getElementsByTagName("div")特點(diǎn)-偽類數(shù)組2.創(chuàng)件DOM的方法（1）document.createElement( "標(biāo)簽的名字")3.DOM的操作（1）把DOM放到父元素里面嘱根，公式：父元素+點(diǎn)+appendChild（ 2 ）刪除元素（ 3 ）替換元素 ( 4 )? 復(fù)制元素: