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

ajax内容(通过jQuery实现即可)

什么是ajax?

post和get的区别?

发送数据是什么样的?

返回数据是什么样的?

ajax的编写步骤?

json怎么取?

面向对象:

什么是面向对象?

引用类型是什么意思?

原型是什么?

面向对象怎么写?

继承采用的方式?

this指向理解?

数组的概念

能够理解数组的概念

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

回调函数的概念

能够使用回调函数

js必须掌握的基础的更多相关文章

  1. JS简介,如何快熟JS。打下结实基础。

    JS决定网页的行为,有行为就有逻辑,而计算机只是人工智能,你给它什么样的指令,它就会按照你的指令去运行. 有人会问,既然是给出指令,那还需要什么逻辑? 这里我举一个简单的小例子来说明一下! 到你想输入 ...

  2. 关于JS脚本语言的基础语法

    JS脚本语言的基础语法:输出语法  alert("警告!");  confirm("确定吗?");   prompt("请输入密码");为弱 ...

  3. js进阶 10-2 JQuery基础语法是什么

    js进阶 10-2 JQuery基础语法是什么 一.总结 一句话总结: 1.jquery语法超级简单:基础语法是:$(selector).action() 2.jquery选择的时候是带了引号的,肯定 ...

  4. 今天给大家分享一下js中常用的基础算法

    今天给大家分享一下js中常用的基础算法,废话不多说,直接上代码: 1.两个数字调换顺序 ,b= function fun(a,b){ b = b - a ;// a = 2 ; b = 2 a = a ...

  5. js最详细的基础,jquery 插件最全的教材

    一.Js的this,{},[] this是Javascript语言的一个关键字,随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是调用的函数自己. { } 大括号 ...

  6. web前端开发必懂之一:JS继承和继承基础总结

    首先,推荐一篇博客豪情的博客JS提高: http://www.cnblogs.com/jikey/p/3604459.html ,里面的链接全是精华, 一般人我不告诉他; 我们会先从JS的基本的设计模 ...

  7. 一个简单且丑陋的js切换背景图片基础示例

    不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type&quo ...

  8. jquery与js的区别与基础操作

    一.什么是 jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着 ...

  9. JS一周游~(基础、运算符、条件语句)

    一.基础篇 JavaScript 基于浏览器(客户端).基于(面向)对象{没有继承}.事件驱动(要有对象).脚本语言(灵活多变) 1.作用 表单的验证,减轻服务端的压力 添加页面动画效果 动态更改页面 ...

随机推荐

  1. NYOJ-2359: 巴什博弈?

    2359: 巴什博弈? 时间限制: 1 Sec  内存限制: 30 MB 提交: 263  解决: 55 [提交][状态][讨论版] 题目描述 有n个石子,有两人轮流从中取石子,最少a个最多b个,谁没 ...

  2. 2017蓝桥杯省赛C/C++B(补题中)

    标题:等差素数列 2,3,5,7,11,13,....是素数序列. 类似:7,37,67,97,127,157 这样完全由素数组成的等差数列,叫等差素数数列. 上边的数列公差为30,长度为6. 200 ...

  3. centos7 无法启动网络(service network restart)错误解决办法

    centos7 无法启动网络(service network restart)错误解决办法: (以下方法均为网上COPY,同时感谢原博主分享) systemctl status network.ser ...

  4. Undefined index: HTTP_RAW_POST_DATA的解决办法

    $postStr = $GLOBALS["HTTP_RAW_POST_DATA"]; 替换为 $postStr = isset($GLOBALS['HTTP_RAW_POST_DA ...

  5. PHP提高网站性能的一些方法

    前段时间面试问到了这个问题,回答的不是很全面,就去问了度娘,得到了一些比较全的答案,由于出处较多就没法确定原文出处了.下面是分享的答案. 一.大型网站性能提高策略: 大型网站,比如门户网站,在面对大量 ...

  6. 纯css美化单选、复选框

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. Java学习之计算机基础(二)

    今天主要介绍原码.反码与补码的知识.了解原码.反码与补码的知识,可以帮助我们更好地理解在计算机内部是如何进行运算的,同时对于后面更好地学习和理解Java基本数据类型及其范围打下基础. 背景知识: 在计 ...

  8. 计算器的单元测试dome

    通过上一篇文章,Appium环境已经搭建好了,下面我们通过Python脚本来测试原生的计算器程序 --------------------------------------------------- ...

  9. 调试和运行matlab代码(源程序)的技巧和教程

    转载请标明出处:专注matlab代码下载的网站http://www.downma.com/ 本文主要给大家分享使用matlab编写代码,完成课程设计.毕业设计或者研究项目时,matlab调试程序的技巧 ...

  10. Python爬虫(十)_正则表达式

    本篇将介绍python正则表达式,更多内容请参考:[python正则表达式] 什么是正则表达式 正则表达式,又称规则表达式,通常被用来检索.替换那些符合某个模式(规则)的文本. 正则表达式是对字符串操 ...