学习JavaScript必须掌握的基础知识

好多人想要学习前端……自学或者培训。那么我们在学习过程中到底需要掌握那些基础知识呢！下面分类了JS中必备的知识也是必须要了解学会的！看一看你是否已经将JS的基础知识都了如指掌了呢？

事件:

• onmousedown 鼠标按下
• onmouseup   鼠标抬起
• onmouseover  鼠标移入
• onmouseout   鼠标移除
• onmousemove 鼠标移动
• onclick       点击事件
• onfocus      获得焦点
• onblur                 失去焦点        
• oncontextmenu        鼠标右键
• onsubmit   表单提交//不会有冒泡的，坑
• onkeydown        键盘按下
• onkeyup                键盘抬起
• onload                页面加载
• onscroll                页面滚动
• onresize                窗口大小变化        
• 鼠标滚轮事件onmousewheel DOMMouseScroll
• 输入框中value改变触发的事件onreadystatechange
• attachEvent事件绑定（IE）addEventListener 事件绑定（标准）
• event对象
• clientX/clientY  鼠标当前窗口的位置
• 取消冒泡cancelBubble
• 键盘键值keyCode     特殊的键值Event altKey、ctrlKey、shiftKey
• 阻止默认事件preventDefault()return false
  

DOM操作:

• getElementById        获取ID元素
• getElementsByTagName                获取tag类元素
• childNodes                子节点 特殊浏览器包括默认的文本节点（换行等……）
• children                        子节点
• firstChild/firstElementChildlastChild/lastElementChild兄弟节点
• nextSibling/nextElementSiblingpreviousSibing/previousElementSibing
• parentNode 父节点
• offsetParent        有定位属性的父节点
• nodeType                节点类型
• offsetWidth        元素的宽度（包括padding和border）
• offsetHeight        元素的高度（包括padding和border）
• clientWidth        可视区宽度
• clientHeight        可视区高度
• createElement                创建dom节点
• appendChild                插入子节点
• insertBefore                在子节点的第一个前面插入
• removeChild                删除子节点
• replaceChild                替换节点 并返回被替换元素
  

BOM操作:

• window.open()        
• window.close()
• window.location
• window.location.search
• window.location.hash
• window.navigator.userAgent
  

js基础:

判断

• if else
• switch case
• ? :
  

循环

• for
• for in
• while
  

跳出循环

• continue
• break
  

比较undefined null  === == !

定时器类

• setTimeout
• clearTimeout
• setInterval
• clearInterval
  

参数集合

arguments

调回THIS指向

• call
• apply
• callee
  

数组和数组操作

• var arr = [];
• var arr = new Array();
• push                              
• pop
• shift
• unshift
• splice
• join
• sort
• concat
  

字符串操作

• split
• substring
• indexOf
• charAt
  

正则

• var re = //;
• var re = new RegExp();
• search
• match
• test
• replace
  

量词:

{n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: \d \s \b \w

JS时间

• var oDate = new Date();
• getHours()
• getMinutes()
• getSeconds()
• getFullYear()
• getDay()
• getDate()
• setDate()
  

图片预加载

var oImg = new Image();

常用方法:

• getByClass()
• getStyle()
• posLeft()
• veiwHeight()
• documentHeight()
• scrollY()
• first()
• last()
• next()
• pre()
  

常用的JS操作应用

• 加开关:bBtn
• 加索引:index
• 枚举
• 递归
• 迭代
• 定时器
• alert/console.log测试
  

JS运动类的应用

• 匀速运动
• 缓冲运动
• 弹性运动
• 碰撞运动
• 运动框架编写/使用
  

Math函数应用:

• max
• min
• abs
• random
• ceil
• floor
• round
  

ajax内容:

什么是ajax?

post和get的区别?

发送数据是什么样的?

返回数据是什么样的?

ajax的编写步骤?

json怎么取?

面向对象:

什么是面向对象?

引用类型是什么意思?

原型是什么?

面向对象怎么写?

继承采用的方式?

this指向理解?