### JavaScript入门教程知识点总结
#### 一、JavaScript基础
##### 1.1 关于JavaScript
- **定义**：JavaScript是一种轻量级的编程语言，主要应用于网页开发中，用来为网页添加交互性。
- **历史**：由Netscape公司的Brendan Eich在1995年发明。
- **用途**：JavaScript可以用来动态改变网页内容、响应用户的输入、与服务器进行通信等。
##### 1.2 了解JavaScript
- **特点**：
- 跨平台：可以在各种浏览器中运行。
- 动态类型：变量类型在运行时自动识别。
- 解释型：无需编译，直接由浏览器解释执行。
- **应用场景**：
- 前端开发：用于网页的动态效果实现。
- 后端开发：Node.js使得JavaScript也能用于服务器端开发。
##### 1.3 WorldWideWeb (万维网)
- **概念**：一个由许多相互链接的超文本组成的系统，可以通过互联网访问。
- **组成**：HTML（超文本标记语言）、CSS（层叠样式表）、JavaScript三者构成了现代Web开发的基础。
##### 1.4 Web应用程序结构
- **客户端**：用户通过浏览器访问网站。
- **服务器端**：处理客户端请求，并返回响应。
- **数据库**：存储数据，供服务器查询和更新。
##### 1.5 JavaScript与VBScript
- **JavaScript**：主要用于网页前端开发，跨平台，动态类型。
- **VBScript**：主要用于Windows环境下的脚本编写，静态类型，不支持现代Web标准。
#### 二、JavaScript与HTML
##### 2.6 HTML基础
- **定义**：HTML是用于创建网页的标准标记语言。
- **结构**：包含头部（`<head>`）和主体（`<body>`）两部分。
- **元素**：如`<div>`、`<span>`、`<p>`等。
##### 2.7 在HTML文档中嵌入JavaScript
- **内联脚本**：直接写在HTML标签中，如`<button onclick="alert('Hello')">Click me</button>`。
- **内部脚本**：放在`<script>`标签中，位于HTML文档的`<head>`或`<body>`部分。
- **外部脚本**：将脚本保存在一个`.js`文件中，然后通过`<script src="script.js"></script>`引入到HTML文档中。
##### 2.8 编写JavaScript脚本
- **变量声明**：使用`var`、`let`或`const`关键字声明变量。
- **函数定义**：使用`function`关键字定义函数。
- **事件处理**：通过绑定事件监听器来响应用户的动作。
#### 三、JavaScript基本语法
##### 3.9 JavaScript基本数据结构
- **原始类型**：`Number`、`String`、`Boolean`、`null`、`undefined`。
- **复杂类型**：`Object`、`Array`、`Function`。
##### 3.10 JavaScript运算符和表达式
- **算术运算符**：加`+`、减`-`、乘`*`、除`/`。
- **比较运算符**：等于`==`、全等`===`、不等于`!=`、全不等`!==`。
- **逻辑运算符**：与`&&`、或`||`、非`!`。
##### 3.11 JavaScript控制结构和循环
- **条件语句**：`if...else`、`switch`。
- **循环语句**：`for`、`while`、`do...while`。
- **跳转语句**：`break`、`continue`。
#### 四、Window对象
##### 4.12 Window对象的属性
- **常用属性**：`window.location`、`window.document`、`window.history`、`window.alert()`等。
##### 4.13 Window对象的方法
- **打开新窗口**：`window.open(url, name, specs, replace)`。
- **关闭当前窗口**：`window.close()`。
##### 4.14 创建和关闭窗口
- **创建新窗口**：使用`window.open()`方法。
- **关闭窗口**：使用`window.close()`方法。
#### 五、Document对象
##### 5.15 Document对象的属性
- **常用属性**：`document.title`、`document.URL`、`document.body`等。
##### 5.16 Document对象的方法
- **获取元素**：`getElementById(id)`、`getElementsByClassName(name)`。
- **修改内容**：`innerHTML`属性可用于修改元素内容。
#### 六、Text对象
##### 6.17 Text对象属性
- **textContent**：获取或设置文本节点中的文本内容。
- **nodeValue**：获取或设置文本节点的值。
##### 6.18 Text对象的方法
- **splitText()**：将当前文本节点分割成两个文本节点。
- **replaceWholeText(newText)**：替换整个文本。
#### 七、Button对象
##### 7.21 Button、Submit、Reset对象
- **Button**：普通按钮。
- **Submit**：提交表单。
- **Reset**：重置表单。
##### 7.22 复选框对象
- **属性**：`checked`、`disabled`。
- **事件**：`onclick`。
##### 7.23 Radio对象
- **属性**：`checked`、`value`。
- **事件**：`onclick`。
#### 八、Select和Hidden对象
##### 8.24 Select对象
- **属性**：`selectedIndex`、`options`。
- **方法**：`add(newOption, beforeOption)`、`remove(index)`。
##### 8.25 隐含对象
- **类型**：`hidden`类型的输入元素。
- **用途**：存储不可见的信息。
#### 九、Location对象
##### 9.26 Hash属性
- **定义**：表示URL中的“#”符号后面的部分。
- **用途**：用于页面内部导航。
##### 9.27 Href属性
- **定义**：完整的URL地址。
- **用途**：获取或设置当前页面的完整URL。
##### 9.28 Pathname属性
- **定义**：URL中的路径部分。
- **用途**：获取或设置URL中的路径部分。
##### 9.29 Protocol属性
- **定义**：URL中的协议部分。
- **用途**：获取URL的协议部分。
#### 十、History对象
- **back()**：加载当前页面的历史列表中的前一个URL。
- **forward()**：加载当前页面的历史列表中的下一个URL。
- **go(n)**：加载当前页面的历史列表中的指定页。
#### 十一、Layer对象
##### 11.30 Layer属性
- **常用属性**：`top`、`left`、`width`、`height`。
##### 11.31 Layer对象的方法
- **moveTo(x, y)**：移动层到指定位置。
- **resizeTo(width, height)**：调整层大小。
##### 11.32 JavaScript操作层
- **创建层**：使用`document.createElement('div')`。
- **定位层**：通过修改层的`style`属性来实现。
#### 十二、字符串对象
##### 12.33 转义字符
- **常见转义序列**：`\n`（换行）、`\t`（制表符）等。
##### 12.34 字符串对象的属性
- **length**：字符串长度。
##### 12.35 字符串对象的方法
- **charAt(pos)**：返回指定位置的字符。
- **indexOf(sub, from)**：返回子字符串首次出现的位置。
#### 十三、日期对象
##### 13.36 时间对象的属性
- **getFullYear()**：获取完整的四位数年份。
- **getMonth()**：获取月份（0-11）。
- **getDate()**：获取一个月中的某一天（1-31）。
##### 13.37 时间对象的设置
- **setFullYear(year)**：设置年份。
- **setMonth(month)**：设置月份。
- **setDate(date)**：设置一个月中的某一天。
#### 十四、数学对象
##### 14.38 Math对象的属性
- **Math.PI**：圆周率。
- **Math.E**：自然对数的底数。
##### 14.39 Math对象的方法
- **Math.abs(x)**：返回x的绝对值。
- **Math.pow(x, y)**：返回x的y次方。
- **Math.random()**：返回0到1之间的随机数。
#### 十五、数组对象
##### 15.40 数组对象的创建
- **字面量形式**：`var arr = ['a', 'b', 'c']`。
- **构造函数形式**：`var arr = new Array(3)`。
##### 15.41 数组对象的扩充
- **push()**：向数组末尾添加一个或多个元素。
- **unshift()**：向数组开头添加一个或多个元素。
##### 15.42 对象类数组
- **特点**：拥有数组的一些属性和方法，但不是真正的数组。
- **示例**：DOM元素集合。
#### 十六、样式单实例
##### 16.43 样式单的实用
- **定义**：用于定义CSS样式。
- **用途**：美化HTML文档。
##### 16.44 样式单的定义
- **内部样式表**：直接写在HTML文档中。
- **外部样式表**：保存在`.css`文件中，通过`<link>`标签引入。
##### 16.45 样式单的使用
- **应用样式**：通过`class`或`id`选择器。
- **优先级**：内联样式 > 内部样式表 > 外部样式表。
#### 十七、实用小程序
##### 17.46 导言
- **介绍**：简单介绍每个小程序的功能和实现原理。
##### 17.47 状态栏滚动信息
- **实现**：通过JavaScript定时修改状态栏文字。
##### 17.48 计算用户来访次数
- **实现**：利用`localStorage`或`cookie`记录并增加访问次数。
##### 17.49 散布页面的星星
- **实现**：使用CSS和JavaScript在页面上随机分布星星图案。
##### 17.50 永在顶端的图片
- **实现**：通过JavaScript动态调整图片位置，使其始终保持在屏幕顶部。
#### 十八、JavaScript语言的扩展
##### 18.51 ActiveX通信
- **定义**：Microsoft的一种技术，允许在Web页面中使用ActiveX控件。
- **用途**：实现更复杂的功能。
##### 18.52 调用插件
- **定义**：通过JavaScript与浏览器插件进行通信。
- **用途**：实现视频播放等功能。
#### 十九、网上购物系统
##### 19.53 示例特性
- **商品展示**：使用JavaScript动态加载商品信息。
- **购物车管理**：使用JavaScript处理添加、删除购物车中的商品。
##### 19.54 源代码
- **HTML**：定义页面结构。
- **CSS**：美化页面。
- **JavaScript**：实现动态功能。
##### 19.55 功能概述
- **登录注册**：用户账户管理。
- **订单处理**：下单、支付、物流跟踪等。
##### 19.56 程序详解
- **数据库交互**：通过Ajax发送HTTP请求，与后端服务器进行数据交换。
- **安全性考虑**：加密用户密码、防止SQL注入等。
#### 二十、2000珍藏版
##### 20.57 Cookie入门
- **定义**：一种小型的数据存储机制，用于存储用户信息。
- **用途**：记住用户偏好、跟踪用户行为等。
##### 20.58 实例特性
- **用户偏好设置**：根据用户的喜好调整网站布局。
- **个性化推荐**：基于用户的浏览历史推荐相关内容。
##### 20.59 程序源代码
- **HTML**：页面结构。
- **CSS**：页面样式。
- **JavaScript**：实现Cookie的读写功能。
##### 20.60 功能概述
- **Cookie管理**：创建、读取、删除Cookie。
- **用户界面定制**：根据Cookie中存储的信息调整页面显示。
##### 20.61 程序详解
- **读写Cookie**：使用JavaScript进行操作。
- **安全性**：限制Cookie的有效时间和路径，避免被恶意读取。
#### 二十一、时钟日历
##### 21.62 示例特性
- **动态显示时间**：实时显示当前时间。
- **日历功能**：查看不同日期。
##### 21.63 源代码
- **HTML**：定义时钟和日历的结构。
- **CSS**：美化时钟和日历。
- **JavaScript**：实现实时更新时间、日历翻页等功能。
##### 21.64 功能概述
- **时钟**：显示当前时间。
- **日历**：显示指定月份的日历。
##### 21.65 程序详解
- **时间获取**：使用`Date`对象获取当前时间。
- **日历绘制**：根据当前日期动态绘制日历。
#### 二十二、JavaScript服务器端编程
##### 22.66 预备知识
- **Node.js**：一种允许在服务器端运行JavaScript的平台。
- **Express.js**：基于Node.js的Web框架。
##### 22.67 实例学习
- **搭建服务器**：使用Node.js启动一个简单的HTTP服务器。
- **处理请求**：根据不同的URL路径返回不同的响应。
##### 22.68 功能概述
- **路由处理**：根据请求路径执行相应的处理函数。
- **模板引擎**：使用EJS或Pug等模板引擎渲染页面。
##### 22.69 脚本详解
- **中间件**：处理请求前后的逻辑。
- **错误处理**：捕获并处理运行时错误。
#### 二十三、网络安全
##### 23.70 安全性破坏的种类
- **XSS攻击**：跨站脚本攻击。
- **CSRF攻击**：跨站请求伪造。
##### 23.71 安全服务主要内容
- **输入验证**：确保用户提交的数据符合预期格式。
- **权限控制**：根据用户角色限制访问权限。
- **数据加密**：对敏感数据进行加密处理。
