三章

Posted 2020-09-04

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:当用户在一个文本框选择一到多个字符的时候