事件
12：事件一、事件的组成 事件系统是js最大的特色功能之一。事件，也叫行为，表示用户和浏览器或文档的交互。 从语法上来看一个完整的可被触发的事件，须由以下几部分组成： 事件源：绑定事件的元素，在事件处理函数内，可通过this获取 绑定事件的方式： 赋值式：on+事件类型，配合赋值运算符：btn.onclick = function(){} 监听式：通过专属方法：btn.addEventListener("click", function(){}) 事件类型：行为方式，如何触发事件 事件处理函数：发生对应行为时要执行的函数 二、事件绑定2.1 赋值式（DOM0级） 绑定语法：事件源.on事件类型 = 事件处理函数 btn.onclick = function(){} 特点： 重复绑定会覆盖，只能绑定一个事件处理函数 无兼容 无法触发事件捕获阶段 解绑语法：事件源.on事件类型 = null btn.onclick =...
DOM
...
BOM
10：BOM一、BOM介绍 BOM是Browser Object Model的缩写，简称浏览器对象模型。这个对象就是window BOM提供了独立于内容而与浏览器窗口进行交互的对象 BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window。 因为js最终被运行在浏览器环境中，所以js中所有的数据最终都会被window收录 具体的表现为：所有的全局，都被直接绑定在了window身上，尤其是js自带的全局 window.alert() => alert() window.parseInt() => parseInt() window.parseFloat() => parseFloat() window.document.write() =>...
日期对象 - Date
09：日期对象 - Date一、创建日期对象 new Date() 在不传递参数的情况下是默认返回当前时间 注意: 和你终端设置的时区有关系 12var d = new Date()console.log(d) // 当前时间 Thu Sep 30 2021 11:05:10 GMT+0800 (中国标准时间) 二、获取日期对象的每个部分 获取年：d.getFullYear() 获取月：d.getMonth() 取值范围：0~11 获取天：d.getDate() 获取周几：d.getDay() 取值范围：0~6 获取小时：d.getHours() 24小时制 获取分钟：d.getMinutes() 获取秒：d.getSeconds() 获取毫秒：d.getMilliSeconds() 1秒为1000毫秒 获取时间戳：d.getTime() 从 格林威治时间 到此刻的毫秒数 格林威治时间：1970.1.1 0:0:0 三、设置指定日期对象3.1. 直接创建一个指定时间的时间对象 在new Date( 参数...
数学对象 - Math
08：数学对象 - Math一、对象的分类 宿主对象：由JavaScript运行平台提供的对象 window：寄生于浏览器，BOM，提供了浏览器相关的操作 document：寄生于文档，DOM，提供了网页相关操作 内建对象：由ECMAScript定义的对象，在任何ECMAScript的环境中都可以使用 本地对象：String，Number，Boolean，Array，Object，Function，Date，Promise，XMLHttpRequest 内置对象：Math 自定义对象：自己定义的对象 var obj = {} 二、介绍 js 给我们提供了一些操作数字的方法，他们被打包成了一个内置对象Math，Math也称为数学对象 我们无需关注某些数学运算的计算方式或逻辑，只需要知道在Math对象身上，哪个方法实现了这个数学运算即可 Math对象的使用：Math.xxx() 三、Math的方法和属性 **Math.random()：**生成一个 0 ~ 1 之间的随机数，包含 0，不包含1，范围为：[0, 1) 12var num =...
字符
07：字符一、什么是字符 字符是一种数据类型，是一种原始数据，typeof结果为string 标志为引号：单引号’，双引号”，反引号` 字符串就是连续的字符序列，可以由任意字符组成。字符串的每个字符都占用一个字节 二、什么是包装数据类型（了解） 在js的基本数据类型中，有3个特殊的存在：string，number，boolean 数据存储时，都是以基本数据类型的形式进行存储 当使用它时，会瞬间转换成 复杂数据类型 的形式被我们使用 使用完毕后，瞬间转换成 基本数据类型 的形式进行存储 这3个基本类型都有自己对应的包装对象。包装对象其实就是对象，有相应的属性和方法。调用方法的过程是在偷偷发生的，所以我们成为基本包装类型 字符对象：new String() 数值对象：new Number() 布尔对象：new Boolean() 三、创建字符串 字面量：var str = '值' 123var str1 = 'hello world';console.log(str1);console.log(typeof...
数组
06：数组一、数组的概念和特点 数组是对象的一种，数组内的数据会按照顺序进行排列，是一种有序集合 数据按照顺序被标记，序号，也叫索引，从0开始 arr[0] 数组拥有length属性，用来表示自身有多少个数据 arr.length 因为索引的规律为从0开始递增，通过length属性标记数据总数，所以可以通过循环语句遍历数组 123for(var i=0; i<arr.length; i++){ console.log( arr[i] );} 二、数组的创建 字面量：var arr1 = [数据1, 数据2, 数据3, ...]; 创建函数：var arr2 = new Array(数据1, 数据2, 数据3, ...); 区别：当有且只有一个数值型数据时，字面量创建就是作为一个数据，构造函数创建会作为数组的长度，每个位置为undefined 三、数组的操作 索引+长度操作 原生操作，底层操作，所有数组操作功能的基础 查：arr[索引] 改：arr[索引] = "新值" 增：默认只能在数组的最后增加...
对象
05：对象一、对象的概念和特点 对象：是一种复杂数据，是数据的打包形式 无序集合，object对象，花括号形式 以键值对的形式存在，键和值一一对应，使用冒号连接，键值对之间使用逗号隔开 键：key，要遵守变量的命名规则，一个对象中不允许出现重复的键 值：value，就是正常数据 使用场景：一般用来打包非同类但属于同一个个体的数据 一个班级中某一个学生的所有信息 姓名，性别，年龄，手机号，住址 有序集合，array对象，中括号形式 数据之间默认以索引的形式，进行标记，索引从0开始，到length-1 使用场景：一般用来打包同类数据 一个班级所有学生的姓名 姓名，姓名，姓名 特点： 提升了数据的查找速度 提升了数据的传输速度 本质：键值对 键和值成对出现，键和值使用冒号连接，键值对之间使用逗号隔开，使用花括号做包裹 {name:"admin",age:18,sex:"男"} 意义 存储数据 编程（面向对象编程） 二、对象的创建 字面量：var obj = {...
函数
04：函数一、函数的基本概念 函数的概念 函数，即功能。将实现了某个功能的代码，集中起来，通过函数语句进行封装，封装之后，可以选择直接执行或行为 的 代码段。 函数是一种数据类型：function 对象：数据的打包，函数：代码的打包 函数最大的意义：封装功能 函数的特点： 重复使用 选择使用 忽略细节 二、函数的使用 创建函数 声明式：使用function关键字创建函数 function 函数名(){} var 变量名 赋值式：配合变量，赋个函数值，将函数作为一个值或表达式使用 var 变量名 = function(){} 将函数作为值使用 123456789// 固定语法：// function 函数名(){} // function：声明关键字，用来声明函数 // 函数名 // ()：参数，函数的入口 // {}：函数体，内放置要封装的代码function fn(){ console.log("hello js");} 使用函数...
循环
03：循环一、循环结构介绍 循环结构存在的意义 计算1+2+3+……+1000的和 需要向计算机输入重复的命令 节省向计算机输入命令的时间，并没有提升性能 循环结构的三要素 创建（初始化）计数器 执行条件 计数器的改变 死循环：无法通过自身控制结束的循环 瞬间占用大量性能，造成计算机死机，程序崩溃 尽量避免产生死循环 但可以利用死循环解决无法确定重复执行次数的问题 二、循环语句 while 循环语句 1234567891011// while(){} // while 语句名，关键字 // () 执行条件 // {} 当执行条件为true时，要重复执行的语句// 打印10次hellovar i = 0;while(i < 10){ console.log("hello"); i++;} do...while 循环语句 123456789101112//...