學(xué)習(xí)javascript必須掌握的基礎(chǔ)知識(shí)

好多人想要學(xué)習(xí)前端……自學(xué)或者培訓(xùn)那么我們?cè)趯W(xué)習(xí)過程中到底需要掌握那些基礎(chǔ)知識(shí)呢!下面分類了JS中必備的知識(shí)也是必須要了解學(xué)會(huì)的！看一看你是否已經(jīng)將JS的基礎(chǔ)知識(shí)都事件:呢？onmousedown鼠標(biāo)按下onmouseup鼠標(biāo)抬起onmouseover鼠標(biāo)移入onmouseout鼠標(biāo)移除onmousemove鼠標(biāo)移動(dòng)onclick 點(diǎn)擊事件onfocus 獲得焦點(diǎn)onblur 失去焦點(diǎn)oncontextmenu鼠標(biāo)右鍵onsubmit表單提交〃不會(huì)有冒泡的，坑onkeydown鍵盤按下onkeyup 鍵盤抬起onload 頁(yè)面加載onscroll 頁(yè)面滾動(dòng)onresize 窗口大小變化鼠標(biāo)滾輪事件onmousewheelDOMMouseScroll輸入框中value改變觸發(fā)的事件onreadystatechangeattachEvent事件綁定（IE）addEventListener事件綁定（標(biāo)準(zhǔn)）event對(duì)象clientX/clientY鼠標(biāo)當(dāng)前窗口的位置取消冒泡cancelBubble鍵盤鍵值keyCode 特殊的鍵值EventaltKey、ctrlKey、shiftKey阻止默認(rèn)事件preventDefault（）returnfalseDOM操作：getElementById獲取ID元素getElementsByTagName 獲取class類元素childNodes 子節(jié)點(diǎn)特殊瀏覽器包括默認(rèn)的文本節(jié)點(diǎn)（換行等......）children 子節(jié)點(diǎn)firstChild/firstElementChildlastChild/lastElementChild兄弟節(jié)點(diǎn)nextSibling/nextElementSiblingpreviousSibing/previousElementSibingparentNode父節(jié)點(diǎn)offsetParent 有定位屬性的父節(jié)點(diǎn)nodeType 節(jié)點(diǎn)類型offsetWidth 元素的寬度（包括padding和border）offsetHeight 元素的高度（包括padding和border）

clientwidthclientHeightcreateElementappendChildinsertBeforeremoveChildreplaceChild可視區(qū)寬度clientwidthclientHeightcreateElementappendChildinsertBeforeremoveChildreplaceChild可視區(qū)高度創(chuàng)建dom節(jié)點(diǎn)插入子節(jié)點(diǎn)在子節(jié)點(diǎn)的第一個(gè)前面插入刪除子節(jié)點(diǎn)替換節(jié)點(diǎn)并返回被替換元素BOM操作:window.open()window.close()window.locationwindow.location.searchwindow.location.hashwindow.navigator.userAgentjs基礎(chǔ)：判斷ifelseswitchcase?:循環(huán)forforinwhile跳出循環(huán)continuebreak比較undefinednull=====!定時(shí)器類setTimeoutclearTimeoutsetIntervalclearInterval參數(shù)集合調(diào)回THIS指向ealPaPP|yCaiiee數(shù)組和數(shù)組操作vararr=[];vararr=newArray();pushpopshiftunshiftsplicejoinsortconcat字符串操作splitsubstringindexOfcharAt正則varre=//;varre=newRegExp();searchmatchtestreplace量詞：{n,m}+*?字符類:[A0-9]標(biāo)識(shí):ig首尾:A$轉(zhuǎn)義:\d\s\b\wJS時(shí)間varoDate=newDate();getHours()getMinutes()getSeconds()getFullYear()getDay()getDate()setDate()圖片預(yù)加載常Qi用^方!法法()；getByClass()getStyle()posLeft()veiwHeight()documentHeight()scrollY()iirst()last()next()pre6常用的JS操作應(yīng)用加開大:bBtn加索引:index枚舉遞歸迭代定時(shí)器-alert/console.log測(cè)試JS運(yùn)動(dòng)類的應(yīng)用勻速運(yùn)動(dòng)緩沖運(yùn)動(dòng)-彈性運(yùn)動(dòng)碰撞運(yùn)動(dòng)運(yùn)動(dòng)框架編寫/使用Math函數(shù)應(yīng)用:maxminabsrandomceilfloorroundajax內(nèi)容（通過jQuery實(shí)現(xiàn)即可）什么是ajax?post和get的區(qū)別？發(fā)送數(shù)據(jù)是