收藏本站投递资讯前端导航

前端资讯

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 1529|回复: 2

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

[复制链接]
发表于 2013-1-6 10:03:57 | 显示全部楼层 |阅读模式
好多人想要学习前端……自学或者培训那么我们在学习过程中到底需要掌握那些基础知识呢!下面分类了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                获取class类元素
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

评分

参与人数 1金币 +10 贡献 +2 收起 理由
admin + 10 + 2 很给力!

查看全部评分

回复

使用道具 举报

发表于 2013-1-6 10:05:20 | 显示全部楼层
只能说大部分都见过。。。。至于怎么用。正在学习
这些东西看似简单,学起来还是有一定难度的!继续努力!
回复 支持 反对

使用道具 举报

发表于 2013-4-8 11:23:10 | 显示全部楼层
原生的js确实不会。。都用jq了。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则