孤安先生的博客，作者主站正在重构中，敬请期待！

第一节：JavaScript 入门 JavaScript 内嵌于 HTML 网页中，通过浏览器内置的 JavaScript 引擎直接编译，把一个原本只用来显示的页面，转变成支持用户交互的页面程序 3.1.1 JavaScript 介绍 JavaScript 脚本语言 JavaScript 是一种脚本（Script）语言，简单来说就是一条条的文本命令 非脚本语言一般 需要编译、链接、生成独立的可执行文件后才能运行；而脚本语言缩短了传统语言 “编写 - 编译 - 链接 - 运行” 的过程 JavaScr

第二节：JavaScript 基础语法 3.2.1 变量 标识符 实际开发中，经常要自定义一些符号来标记一些名称，这些符号都被称为标识符 由大小写字母、数字、下划线 和 美元符号($) 组成，如：str、arr3、$3 不能以数字开头，如：34da 是非法标识符 严格区分大小写，如：it 和 IT 表示两个不同的标识符 不能使用 JavaScript 中的关键字命名，如：var 作为变量名是不合法的 要尽量做到 “见起名知其意”，如 name 表示名字 注意：当标识符需要多个单词进行表示时，可以使用以

3.2.5 数组 数组是储存一系列值的变量集合，它是由一个或多个数组元素组成的。各元素之间用 " , " 隔开。 每个数组元素的构成： 下标：也称为 索引 以数字表示，默认情况下从0开始依次递增，用于识别元素 值： 元素的内容，客户会议是任意类型的数据 **数组的划分：**数组可以划分为 一维数组、二维数组、三维数组 等多维数组 一维数组：数组的 “值” 是非数组类型的数据 多维数组：数组的值又是一个数组（数组的嵌套） 例如：一个班有很多学生，每个学生都有 姓名、年龄、学号 等信息

JavaScript 中的函数，类似于 Java 中的方法，但是 JavaScript 中的函数可以赋值给对象（变量）

第四节：对象 概述：对象是一组无序的相关属性和方法的集合 属性：事物的特征，在对象中用属性来表示（表示名词） 方法：事物的行为，在对象中用方法来表示（常用动词） 作用：保存多个对象 万物皆对象 例如：字符串、数值、数组、函数 3.4.1 定义对象 参数、返回值、功能、何时调用 字面量创建对象 // 语法格式： var 对象名 = { 键名1: 值1; 键名2: 值2; } var o = { name: '小明', age: 18, sex: '男',

第五节：JavaScript 事件 概述: ** 在实际开发中, JavaScript代码是通过用户的某些特定行为(例如: 单击, 双击, 按键等)**来触发的, 用户的行为就叫做: 事件。 事件三要素： 事件源（谁）：触发事件的元素 事件类型（什么事件）：例：onclick 点击事件 事件处理程序（做什么）：事件触发后执行的代码（函数形式），事件处理函数 解释： **事件源：**HTML中 的标签 事件： 用户的某些特定行为 (例如: 单击, 双击, 按键等) 给事件源绑定行为： 就是

3.5.10 事件对象 event event 对象 <button>点击</button> <script> let btn = document.querySelector('button'); btn.onclick = function (event) { // 事件处理程序 // 获取标签名 console.log(event.targht.nodeName);

第六节：DOM 对象（重点） 浏览器加载整个HTML文档形成Document 对象，Document 对象可以访问和操作HTML文档中的所有元素。 Document Object Model, 文档对象模型, 也叫DOM树 简单理解: 把HTML页面加载到内存后形成的DOM树状结构, 也叫DOM树 在DOM树中, 标签, 属性, 文本都是节点(对象), 我们可以通过操作节点来实现修改HTML页面的 树状结构特点： 有且只有一个根节点 每个节点都有一个父节点及任意个子节点（根节点） 没有子节点

第七节：BOM 对象 Browser Object Model，浏览器对象模型 作用：浏览器窗口交互的一些对象 3.7.1 BOM 的构成 location url 统一资源定位符： / 语法格式： protocol://host[:port]/path/[?query]#fragment http ://www.itcast.cn /index.html ?name=andy&age=18 #link location 对象属性 对象属性 说明 location.hre

第二十章：本地存储 sessionStorage：存储的数据在控制台 - Application - Session Storage 本地存储特性： 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage 约 5M、localStorage 约 20M 只能存储字符串，可以将对象 JSON.stringify() 编码后存储 数据的生命周期为关闭浏览器 / 语法格式： // 存储数据 sessionStorage.setItem('键名', 数据);

第二十一节：JQuery javascript 库 JavaScript 库：即 librark，是一个封好的特定的集合（方法和函数）。 简单理解：js 文件里，里面对我们原生js代码进行封装，存到里面，可以高效实用这些封装好的功能。 JQuery 认知 JQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是 倡导写更少的代码，做更多的事。 优点： 轻量级。核心文件小，不影响页面加载速度 跨浏览器兼容 链式编程、隐士迭代 对事件、样式、动画支持，大大简化了DOM操作 支持插件开发

第二十二节：Javascript 高级 this指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同，一般指向我们的调用者 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uczlcJNB-1617850896535)(assets/image-20210322085121203.png)] 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 方法调用中，谁调用 this就指

面向对象编程介绍 两大编程思路： 面向过程 POP（Process-oriented programming） 面向过程 就是分析出解决问题所需要的的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用。 面向对象 OOP（Object Oriented Programming） 面向对象 是把事务分解成一个个对象，然后由对象之间分工与合作。 面向对象是以对象来划分问题，而不是步骤。 简单理解：先找出对象，然后写出这些对象的功能。 在面向对象程序开发思想中，每一个对象都是

ES6中的类和对象 事务分为 具体（特指）事务 和 抽象（泛指）事务。 面向对象的思维特点： 抽象对象共用的属性和行为组织（封装）成一个类（模板）。 对类进行实例化，获取类的对象。 面向对象编程，我们考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事。 对象 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事务都是对象，例如：字符串、数值、数组、函数 等。 对象是由属性和方法组成： 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物