1、JavaScript核心基础语法。
2、
JS数组
1. JavaScript数组简介
① 为什么需要数组
② 如何创建数组
③ 如何给数组赋值
④ JavaScript的数组可以放入任意数据类型
⑤ 访问数组里面的数据
2. JavaScript数组进阶(重点)
① 数组在内存中存在的形式
② JS数组的动态增长
3. JavaScript二维数组
① 二维数组的创建
② 二维数组的遍历
4. 数组排序
5. 数组相关属性和方法
1)length属性
2)split()
3)反转数组
3、
JavaScript函数
1. 函数基本介绍
① 为什么需要函数
② JS里面函数的创建
③ 函数的调用
④ 函数的参数
⑤ 函数的返回值
2. 函数的进阶
① 回调函数
② 匿名函数
3. 变量作用域和生命周期(重要)
① JavaScript里面没有块级作用域
② 执行环境
③ 作用域链
④ 查询标识符
4、
1. 什么是面向对象
2. 什么是类与对象
3. 面向对象编程的特点
4. JavaScript面向对象特点
5.JavaScript创建对象
6. 访问对象属性
5、
1、内置对象是什么
2.内部类的分类
3.Object类
4.Array类
属性:length
constructor
prototype
方法:concat():将两个数组拼接在一起
indexOf():给出数组里面某一个元素之后,返回相应的下标
join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop():删除并返回数组的最后一个元素
shift():删除并返回数组的第一个元素
push():向数组的末尾添加一个或更多元素,并返回新的长度。
unshift():向数组的开头添加一个或更多元素,并返回新的长度。
reverse() :颠倒一个数组
Slice(起始下标,结束下标):起始下标的那个数是包含了的,但是结束下标那个数是没有被包含的。
Sort():对数组进行排序
splice(下标,删除的个数,新的数据)
toString() 和toLocaleString()
这两个函数在将数组转换为字符串的时候没有太多的差别,但是当将一个日期对象转换为字符串的时候,差别就体现出来了。
5.Date类
方法:getDate()
getDay()
getMonth()
getFullYear()
getHours()
getMinutes()
getSeconds()
getMilliseconds()
setDate():设置Date对象中月的某一天
setMonth():设置Date对象中月份
setFullYear():设置年份
setHours()
setMinutes()
setSeconds()
setMilliseconds()
toString()
toLocaleString()
toLocaleDateString()
toLocaleTimeString()
6.Math类(静态类)
属性:PI:返回圆周率
方法:ceil():向上取整
floor():向下取整
random():产生随机数
四舍五入函数(round),幂运算(pow),最大最小值(max,min),绝对值(abs)
7.Number类
toFixed():将一个数字转换为字符串,可以传入一个参数,指定精确到小数点多少位,并且会四舍五入。
8.String对象
属性:length:返回字符串的长度
方法:charAt():返回指定位置的字符
charCodeAt:返回指定位置的字符的Unicode编码
concat():拼接字符串
indexOf():返回某个指定的字符在字符串中首次出现的位置
lastIndexOf():返回一个指定的字符最后出现的位置
replace(旧字符串,新字符串):替换字符串中的某一些字符
split():将一个字符串分割成数组
toLowerCase():将字符串全部转换为小写
toUpperCase():将字符串全部转换为大写
最后介绍一些和字体设置相关的函数
6、
1.什么是事件
2.事件流
① 事件冒泡
② 事件捕获
③ DOM标准
④ 事件冒泡的优缺点
⑤ 阻止冒泡(cancelBubble和stopPropagation())
3.事件处理程序//guyfvgvhvvhgyhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
① HTML事件处理程序
② DOM 0级
③ DOM 2级事件处理程序(addEventListener()和removeEventListener())
④ IE事件处理程序(attachEvent()和detachEvent()。)
4.事件对象(event)
① DOM标准里面的event属性和方法
altKey:指示是否按下alt键
bubbles:指示事件是否冒泡
cancelable:指示事件是否可以被取消
cancelBubble:指示事件冒泡是否已经被取消
ctrlKey:指示是否按下ctrl按钮
isChar:指示被按下的键是否是一个字符
keyCode:指示按下的键盘的数字表示器
charCode:被按下的键的Unicode字符值
String.fromCharCode:得到实际的字符
clientX:鼠标指针在客户区的X坐标
clientY:..................Y坐标
currentTarget:当前事件目标所在的元素
detail:鼠标按钮被点击的次数
eventPhase:事件的阶段
pageX:鼠标指针相对于页面的X坐标
pageY:....................Y坐标
preventDefault():阻止事件的默认行为
screenX/Y
stopPropagation():阻止事件的进一步传播
target:触发的事件/元素
timeStamp:事件发生时的时间
type:事件的类型
keyCode:在keydown/keyup事件期间,使用keyCode获取按键代码
srcElement/target:取得事件源
button:得到按下鼠标按键的信息
clientX和clientY:触发事件时鼠标的坐标
② IE中的事件对象
5.事件类型
① 鼠标事件
click:单击鼠标时触发事件
dblclick:双击鼠标时触发事件
mousedown:按下鼠标时触发事件
mouseup:放开鼠标时触发事件
mousemove:移动鼠标时触发事件
mouseenter:进入元素时触发事件,但是只触发一次,进入后代元素的时候,不会再触发事件
mouseover:进入元素时触发事件,并且进入后代元素的时候也会再次触发事件
mouseleave:离开元素时触发事件,只会在离开父级元素的时候才会触发事件,离开后代元素并不会触 发事件
mouseout:离开元素时触发事件,只要离开了盒子,就会触发事件。
2.键盘事件//id console.log() one.addelementlistener("", )
keydown:按下鼠标的时候触发事件
keyup:松开鼠标的时候触发事件
keypress:按下鼠标的时候触发事件
3.HTML事件
页面相关事件:load:当页面全部被加载的时候触发事件
unload:当页面全部被卸载的时候,换句话说,就是页面被关闭时触发事件
abord:图片下载被用户中断的时候
error:发生错误的时候触发事件
resize:当窗口尺寸有调整时触发事件
scroll:当用户滚动有滚动条的时候触发事件
附:overflow:scroll;
表单事件:submit:提交表单时触发事件
reset:重置表单时触发事件
focus:控件获取到焦点时触发事件
blur:控件失去焦点的时候
change:当文本框的值被改变的时候
select:当用户在一个文本框选择一到多个字符的时候