js必须掌握的基础

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

事件:

 

onmousedown 鼠标按下

onmouseup   鼠标抬起

onmouseover  鼠标移入

onmouseout   鼠标移除

onmousemove 鼠标移动

onclick       点击事件

onfocus      获得焦点

onblur                 失去焦点        

oncontextmenu        鼠标右键

onsubmit   表单提交//不会有冒泡的,坑

onkeydown        键盘按下

onkeyup                键盘抬起

onload                页面加载

onscroll                页面滚动

onresize                窗口大小变化        

鼠标滚轮事件onmousewheel DOMMouseScroll

输入框中value改变触发的事件onreadystatechange

attachEvent事件绑定(IEaddEventListener 事件绑定(标准)

event对象

clientX/clientY  鼠标当前窗口的位置

取消冒泡cancelBubble

键盘键值keyCode     特殊的键值Event altKeyctrlKeyshiftKey

阻止默认事件preventDefault()return false

 

DOM操作:

 

getElementById        获取ID元素

getElementsByTagName                获取class类元素

childNodes                子节点 特殊浏览器包括默认的文本节点(换行等……

children                        子节点

firstChild/firstElementChildlastChild/lastElementChild兄弟节点

nextSibling/nextElementSiblingpreviousSibing/previousElementSibing

parentNode 父节点

offsetParent        有定位属性的父节点

nodeType                节点类型

offsetWidth        元素的宽度(包括paddingborder

offsetHeight        元素的高度(包括paddingborder

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  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内容(通过jQuery实现即可)

什么是ajax?

postget的区别?

发送数据是什么样的?

返回数据是什么样的?

ajax的编写步骤?

json怎么取?

面向对象:

什么是面向对象?

引用类型是什么意思?

原型是什么?

面向对象怎么写?

继承采用的方式?

this指向理解?

数组的概念

能够理解数组的概念

能够应用普通数组,对象数组,函数数组等等。

回调函数的概念

能够使用回调函数

原文地址:https://www.cnblogs.com/nifengs/p/5354922.html