# JavaScript 基础第三天 # 今日目标 掌握循环语句，让程序具备重复执行能力 掌握数组声明及访问的语法 # 一、循环 - for # 1、for 循环基本使用 目标：掌握 for 循环重复执行某些代码 需求：罚跑圈 5 圈 # 跑圈核心 起始值 判断条件 值加 1 跑步 # 1.1 for 循环语法 ** 作用：** 重复执行代码 ** 好处：** 把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用的循环形式 示例代码： 123for (变量起始值; 终止条件; 变量值) { // 循环体代码 } # 1.2 for...

# JavaScript 基础第一天 # 今日目标 理解变量是存储数据的 “容器” 理解什么是数据并知道数据的分类 知道 JavaScript 数据类型转换的特征 # 一、JavaScript 介绍 JavaScript 是什么 JavaScript 书写位置 JavaScript 的注释 JavaScript 的结束符 输入和输出语法 字面量 # 1、JavaScript 是什么 # 1.1 JavaScript（是什么？） ​ <span style="color:red;">...

# JavaScript 基础 - 第 4 天笔记 理解封装的意义，能够通过函数的声明实现逻辑的封装，知道对象数据类型的特征，结合数学对象实现简单计算功能。 理解函数的封装的特征 掌握函数声明的语法 理解什么是函数的返回值 # 1. 函数 理解函数的封装特性，掌握函数的语法规则 # 1.1 为什么学习函数？ 函数：就是 <span style="color:red;"> 封装重复执行的代码块 </span>。 # 1.2 函数的使用 函数使用分成两步： <span...

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

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

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

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

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

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

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