# JavaScript 基础 - 第 5 天 知道对象数据类型的特征，能够利用数组对象渲染页面 理解什么是对象，掌握定义对象的语法 掌握数学对象的使用 # 1 - 对象 # 1.1 对象概述 # 1.1.1 什么是对象？ 在 JavaScript 中，<span style="color:red;"> 对象是一组无序的相关属性和方法的集合 </span>，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由 <span...

# JavaScript 基础第二天 # 今日目标 掌握常见运算符，为程序 “能思考” 做准备 掌握分支语句，让程序具备判断能力 掌握循环语句，让程序具备重复执行能力 # 一、运算符 # 1、赋值运算符 目标： 能够使用赋值运算符简化代码 <span style="color:red;"> 赋值运算符：</span > 对变量进行赋值的运算符 已经学过的赋值运算符：<span style="color:red;"> =...

# day02 - Web APIs 学习目标： 掌握事件绑定处理和事件对象，完成常见网页交互 # 1. 事件监听（绑定） 什么是事件？ 用户行为被程序侦测到。 比如：用户点击一个按钮。 什么是事件监听？ 让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应。 比如：鼠标经过显示下拉菜单，比如点击可以播放轮播图等等。 语法： 元素对象.addEventListener('事件类型'， 要执行的函数) 事件监听三要素 事件源：哪个 dom 元素被事件触发了，要获取 dom 元素 事件类型：用什么方式触发，比如鼠标单击 click、鼠标经过...

# day03 - Web APIs 学习目标： 学习事件流，事件委托，其他事件等知识 优化多个事件绑定和实现常见网页交互 # 热身案例 # 1.1 案例：全选文本框 1 需求：用户点击全选，则下面复选框全部选择，取消全选则全部取消 分析： 全选复选框点击，可以得到当前按钮的 checked 把下面所有的小复选框状态 checked，改为和全选复选框一致 # 案例：全选文本框 2 需求：用户点击全选，则下面复选框全部选择，取消全选则全部取消，文字对应变化 分析： 遍历下面的所有的 checkbox, 添加点击事件 检查小复选框选中的个数，是不是等于...

# day01 - Web APIs 学习目标： 可以对元素属性进行操作 可以对元素内容进行设置 可以对元素样式进行设置 # 1. 变量声明 # 1.1 var、 let 和 const 变量声明有三个，我们应该用哪个呢？ 首先 var 先排除，老派写法，问题很多，可以淘汰掉。 let or const ？ 建议：<span style="color: red">const 优先 </span>，尽量使用 const，原因是： const...

# day05 - Web APIs 学习目标： 利用 BOM 对象实现对历史、地址、浏览器信息的操作或获取 利用本地存储实现学生信息表案例 # 1. Window 对象 # 1.1 BOM (浏览器对象模型) BOM (Browser Object Model) 是浏览器对象模型 window 对象是一个全局对象，也可以说是 JavaScript 中的顶级对象 像 document、alert ()、console.log () 这些都是 window 的属性，基本 BOM 的属性和方法都是 window 的。 所有通过 var 定义在全局作用域中的变量、函数都会变成...

# day06 - Web APIs 学习目标： 能够利用正则表达式校验输入信息的合法性 具备利用正则表达式验证小兔鲜注册页面表单的能力 # 1. 正则表达式 # 1.1 介绍 正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象 通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式 请在上图中找出【戴帽子和眼镜的男人】 戴帽子、戴眼镜、男人都是描述信息，通过这些信息能够在人群中查找到确定的某个人，那么这些用于查找的描述信息编写一个模式，对应到计算机中就是所谓的正则表达式 正则表达式在...

# 第一章 快速入门 # 0、TypeScript 简介 TypeScript 是 JavaScript 的超集。 它对 JS 进行了扩展，向 JS 中引入了类型的概念，并添加了许多新的特性。 TS 代码需要通过编译器编译为 JS，然后再交由 JS 解析器执行。 TS 完全兼容 JS，换言之，任何的 JS 代码都可以直接当成 JS 使用。 相较于 JS 而言，TS 拥有了静态类型，更加严格的语法，更强大的功能；TS 可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS 代码可以编译为任意版本的 JS 代码，可有效解决不同 JS 运行环境的兼容问题；同样的功能，TS...

# day04 - Web APIs 学习目标： 理解节点 (标签) 的增删改查 具备编写增加学生信息表案例的能力 # 1. 日期对象 目标：掌握日期对象，可以让网页显示日期 日期对象：用来表示时间的对象 作用：可以得到当前系统时间 # 1.1 实例化 目标：能够实例化日期对象 在代码中发现了 new 关键字时，一般将这个操作称为实例化 创建一个时间对象并获取时间 获得当前时间 1const date = new Date() 获得指定时间 12const date = new...

# 第二章：面向对象 面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。 举例来说： 操作浏览器要使用 window 对象 操作网页要使用 document 对象 操作控制台要使用 console...