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

小灰灰 2022-03-31 08:07 360阅读 0赞

**好多人想要学习[前端][Link 1]……自学或者培训。那么我们在学习过程中到底需要掌握那些基础知识呢！下面分类了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()