js必须掌握的基础
好多人想要学习前端……自学或者培训那么我们在学习过程中到底需要掌握那些基础知识呢!下面分类了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必须掌握的基础的更多相关文章
- JS简介,如何快熟JS。打下结实基础。
JS决定网页的行为,有行为就有逻辑,而计算机只是人工智能,你给它什么样的指令,它就会按照你的指令去运行. 有人会问,既然是给出指令,那还需要什么逻辑? 这里我举一个简单的小例子来说明一下! 到你想输入 ...
- 关于JS脚本语言的基础语法
JS脚本语言的基础语法:输出语法 alert("警告!"); confirm("确定吗?"); prompt("请输入密码");为弱 ...
- js进阶 10-2 JQuery基础语法是什么
js进阶 10-2 JQuery基础语法是什么 一.总结 一句话总结: 1.jquery语法超级简单:基础语法是:$(selector).action() 2.jquery选择的时候是带了引号的,肯定 ...
- 今天给大家分享一下js中常用的基础算法
今天给大家分享一下js中常用的基础算法,废话不多说,直接上代码: 1.两个数字调换顺序 ,b= function fun(a,b){ b = b - a ;// a = 2 ; b = 2 a = a ...
- js最详细的基础,jquery 插件最全的教材
一.Js的this,{},[] this是Javascript语言的一个关键字,随着函数使用场合的不同,this的值会发生变化.但是有一个总的原则,那就是this指的是调用的函数自己. { } 大括号 ...
- web前端开发必懂之一:JS继承和继承基础总结
首先,推荐一篇博客豪情的博客JS提高: http://www.cnblogs.com/jikey/p/3604459.html ,里面的链接全是精华, 一般人我不告诉他; 我们会先从JS的基本的设计模 ...
- 一个简单且丑陋的js切换背景图片基础示例
不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type&quo ...
- jquery与js的区别与基础操作
一.什么是 jQuery jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着 ...
- JS一周游~(基础、运算符、条件语句)
一.基础篇 JavaScript 基于浏览器(客户端).基于(面向)对象{没有继承}.事件驱动(要有对象).脚本语言(灵活多变) 1.作用 表单的验证,减轻服务端的压力 添加页面动画效果 动态更改页面 ...
随机推荐
- Atcoder R84 D Small Multiple
题意:给定一个正整数K,求K的倍数中,各位上的数字之和最小是多少? 思路非常巧妙,对于一个数,我们有定义两种改变方式: 1.加1,则数字之和+1(9的情况另行考虑) 2.乘10,数字之和不变 对于末位 ...
- JAVA字符串转换MD5值
简介: MD5即Message-Digest Algorithm 5(信息-摘要算法5),用于确保信息传输完整一致.是计算机广泛使用的杂凑算法之一(又译摘要算法.哈希算法),主流编程语言普遍已有MD5 ...
- 基于百度地图SDK和Elasticsearch GEO查询的地理围栏分析系统(1)
本文描述了一个系统,功能是评价和抽象地理围栏(Geo-fencing),以及监控和分析核心地理围栏中业务的表现. 技术栈:Spring-JQuery-百度地图WEB SDK 存储:Hive-Elast ...
- Java开发小技巧(一)
前言 相信许多程序员在看别人写的代码的时候,会有怀疑人生的感想,面对一堆天书一样的代码,很难摸清作者的思路,最后选择了重构,如果你认同上面这个作法,说明了两个问题:要么原来的开发者技术菜.要么你技术菜 ...
- webrtc视频数据解码处理流程
- JAVA IO分析二:字节数组流、基本数据&对象类型的数据流、打印流
上一节,我们分析了常见的节点流(FileInputStream/FileOutputStream FileReader/FileWrite)和常见的处理流(BufferedInputStream/B ...
- Java解决Hanoi问题
package fa.ct; import java.util.Scanner; public class Hanoi { public static void hanoi(int num,char ...
- 运行期以索引获取tuple元素-C++14
在编译期很容易根据索引来获取对应位置的元素,因为 tuple 的帮助函数 std::get<N>(tp) 就能获取 tuple 中第 N 个元素.然而我们却不能直接在运行期通过变量来获取 ...
- 【Jquery】prop与attr的差别
近期因项目须要用到复选框,当中一个控制全选. // 全选 $(".ckb_all").click(function(){ if($(this).attr("checked ...
- 一个简单的双向链表(C++实现)
直接上代码,亲测有用. #ifndef __DLINK_H__ #define __DLINK_H__ /* [phead] -> [index0] -> [index1] -> [ ...