第4章：Javascript的if选择结构
第4章：Javascript的if选择结构本章目标
掌握if选择结构
掌握if-else选择结构
掌握多重if选择结构
掌握嵌套if选择结构
课程回顾
运算符有那些？
比较运算符的作用是什么，有那些符号
逻辑运算符有那些？简要概述其作用
讲解内容1. 为什么要使用选择结构？
生活中的案例：如果我包里有200元钱，就请大家吃饭？
问题来了：那么我一定要请大家吃饭吗？
第一种情况：钱>=200元，请大家吃饭
第二种情况：钱<200元，不请大家吃饭
通过上述生活中的案例，可以分析当满足一定条件，才能请大家吃饭，那么生活中很多这样的例子，如果在程序中如何实现呢？
使用选择结构可以实现
2. 什么是选择结构？ 概念：选择结构用于基于不同的条件来执行不同的动作。通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
选择结构分类：
1. if选择结构
2. if-else选择结构
3. 多重if选择结构
4. 嵌套if选择结构
5. switch选择结构 ...
第5章：switch选择结构
第5章：switch选择结构本章目标
掌握swtich选择结构
总结选择结构
课程回顾
if选择结构的语法和作用
if-else的语法和执行流程
多重if的语法
嵌套if的语法
讲解内容1. 为什么要使用switch选择结构
案例分析：
案例：班级进行期末测试，第一名奖励笔记本第二名奖励硬盘第三名奖励U盘
如何解决：
如何解决？方案1：多重if，结构比较复杂方案2：switch，只能处理等值判断
2. switch语法12345678910111213141516switch (表达式) { case 常量 1: 语句; break; case 常量 2: 语句; break; … default: 语句; break;}
工作原理：
首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。
如果存在匹配(也就是相等)，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
default 关键词
使用 default 关键 ...
第6章：Javascript循环结构之for循环
第6章：Javascript循环结构之for循环本章目标
掌握什么是循环及循环的特点
掌握for循环的语法
熟练使用for循环
课程回顾
swtich选择结构的语法和特点
所学习的选择结构有那些？
讲解内容1. 生活中的循环
分析生活中循环的特点：
循环条件
循环操作体
2. 为什么要使用循环
问题：在控制台输出100次“好好学习，天天向上！”，如何实现？
使用循环来实现
123for(var i=0;i<10000;i++){ console.log("好好学习，天天向上");//可以输出10000条}
3. JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
4. for循环
语法：
1234for (语句 1; 语句 2; 语句 3){ 被执行的代码块}
说明：
...
第7章：Javascript循环结构之whlie
第7章：Javascript循环结构之whlie本章目标
掌握while循环的语法和流程
会使用while循环解决程序问题
课程回顾
for循环语法是什么
for循环的注意事项
讲解内容1. while循环
语法：
123while(条件){ 代码块; }
注意：当条件为true，则执行循环里面的代码块，否则循环终止。
特点：
先判断，再执行
流程
案例：用while循环输出5次“好好学习，天天向上”
123456789var i=0; //初始化while(i<5){//条件 console.log("好好学习，天天向上~"); //循环代码 i++;//迭代，如果没有i++,循环会是死循环，浏览器会奔溃}对比for循环：for(var i=0;i<5;i++){ console.log("好好学习，天天向上~");}
案例2：实现打印50份试卷？
分析
找条件：<50找操作体：打印试卷
解决问题思路
找循环条件和循环 ...
CH02_列表
CH02_列表本章目标
web开发工具
什么是列表
无序列表
有序列表
定义列表
一、常用前端开发工具1.1 Sublime（推荐使用）
Sublime全称为Sublime Text，是一个代码编辑器，最早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime text还是一个跨平台的编辑器，支Windows、linux、Mac等操作系统。
1.2 Visual Studio Code（推荐使用）
Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言(例如C++，C#，Java，Python，PHP，Go)和运行时(例如. ...
CH03_表格
CH03_表格本章目标
掌握表格的基本运用
掌握表格中合并的运用
掌握表格的嵌套运用
一、什么是HTML表格?
表格是为了进行页面布局的设计，通过标签属性进行设置,在 HTML 中，我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。
特点: 简单通用,结构稳定
基本结构:
单元格
行
列
二、为什么要使用表格?
在 HTML 中，我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大，HTML 表格不支持排序、求和、方差等数学计算，它一般用来展示数据。
2.1 表格基础属性
border:设置表格边框
bordercolor:设置边框颜色 如:read,blue,boke,black等
cellpadding:表格充填
cellspacing:表格间距
width:表格宽
百分比：50%
像素：500px
height:表格高
百分比：50 ...
CH05_框架
CH05_内联框架一、为什么学习HTML内联框架HTML <iframe> 标签用来定义一个内联框架，使用它可以将另一个网页嵌入到当前网页中。<iframe> 标签会在网页中定义一个矩形区域，浏览器可以在这个区域内显示另一个页面的内容。
<iframe> 标签的语法格式如下：
1<iframe src="url" width="m" height="n"></iframe>
src 属性用来指定要嵌入的网页的地址；width 和 height 属性用来指定框架的宽度和高度，默认单位是像素，当然您也可以使用百分比。
【注意】HTML <iframe> 标签不利于搜索引擎抓取页面内容，对 SEO 具有负面效果，在现代 Web 设计中不建议使用。
下表列举了 <iframe> 标签的所有属性：
【示例】iframe代码如下：
1234567891011<!DOCTYPE html><html lang="en" ...
CH01_初始HTML
CH01_初始HTML本章目标
了解HTML的概念
了解网站与浏览器
熟练运行HTML基本标签
HTML概述
先用HTMl一些案例演示给同学门
他们是两种编程语言，一般情况下是需要配合使用的，也是做为网站开发的基础语言。（例如：百度 淘宝 京东 等等网站 ）
做为网站的基础语言，首先大家对对这些网站其实一点都陌生，可以生活中我们天天看到的，比如说我们现在需要去查资料或者什么问题不懂了，我们需要干嘛？是不是需要去百度，问度娘！那如果说我们需要在网络上进行购物了我们是不是会立马想到什么？是不是马上想到了淘宝 京东啊 我们对这些是不是也不陌生，那么这些网站就是通过编写html和css就构成了这些网站上我们所看到的这些页面！（这里可以打开淘宝百度进行借鉴讲解）
这写编写的HTML CSS代码还需要浏览器进行渲染之后才能看到这些我们编写的美丽的效果，那么也就是说我们编写的这些HTML和CSS代码你是看不到这些效果的，没有浏览器你只能看到一堆代码 HTML和CSS代码只有通过浏览器解析之后我们才可以看到我们现在所见的这些效果
我们来看看没通过流量器解析之前HTML CSS代码是什么样子的，查看的 ...
CH08_结构体
CH08_结构体
基本概念结构体属于用户自定义数据类型，允许用户存储不同的数据类型。
定义和使用语法：struct 结构体名{ 结构体成员列表}
通过结构体创建变量的方式有三种：
struct 结构体名 变量名
struct 结构体名 变量名={成员1值，成员2值…}
定义结构体时顺便创建变量
示例：
123456789101112131415161718192021222324252627282930313233343536#include<iostream>using namespace std;//定义结构struct Student{ string name; int age; string sex;} s3;int main() { //方式1(struct可省略) //struct Student s1; Student s1; s1.name = "张三"; s1.age = 19; s1.sex = "男"; cout << "姓名：" ...
CH02_数据类型
CH02_数据类型
数据类型整型描述：整型变量表示的是整型类型的数据，C++中能够表示整型的类型有以下几种方式，区别在于所占内存空间不同。
数据类型
占用空间
取值范围
short(短整型)
2字节
-2^15 ~2^15-1
int(整型)
4字节
-2^31 ~ 2^31-1
long(长整型)
windows为4字节，Linux为4字节(32位),8字节(64位)
-2^31 ~ 2^31-1
long long (长长整型)
8字节
-2^63 ~ 2^63-1
示例
1234567891011121314151617181920212223242526#include <iostream>using namespace std;//入口函数int main() { //短整型范围：-32768 ~ 32767 short num1 = 10; short num1_2 = 32769;//实际为-32767(超出范围自动回环) //整型范围：-2,147,483,648 ~ 2,147,483,647 int num2 = ...
