好多人想要学习前端……自学或者培训那么我们在学习过程中到底需要掌握那些基础知识呢!下面分类了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指向理解?