03 2022 档案
摘要:for循环重复执行不同代码: 原因:计数器 for循环还可以重复不同的代码,这主要是因为使用了计数器,计数器在每次循环过程中都会有变化。 例如说: 我们想输入一个人 1~100岁 for(var i = 1;i <= 100;i ++){ console.log('这个人今年'+i+'岁了') }
阅读全文
摘要:for循环重复执行相同代码: for(var i = 1;i <= length ;i++ ){ console.log("111") } 还可以让用户自己控制循环次数: var a = prompt('请输入次数') for(var i = 1;i <= a ;i++ ){ console.log
阅读全文
摘要:断点调试的作用: 断点调试可以帮我们观察程序的运行过程 概念: 断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变星当前的值,出错的话,调试到出错的代码行即显示错误,停下。 操作: 浏览器中按F12--> sources
阅读全文
摘要:1.首先执行里面的计数器变量 2.去i <= 10日来判断是否满足条件,如果满足条件﹑就去执行循环体︰不满足条件退出循环 3.最后去执行i++ i++是单独写的代码递增第一轮结束 4.接着去执行i<= 100 如果满足条件 就去执行循环体瞭不满足条件退出循环 第二轮
阅读全文
摘要:一共有三类循环语句: for循环 while循环 do...while循环 for循环 在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句 语法结构: for 循环主要用于把某些代码循环若干次,通常跟计数有关系。
阅读全文
摘要:循环: 循环的目的: 有许多具有规律性的重复操作,因此在程序中要完成放类操作就需要重复执行某些语句 可以重复执行某些代码
阅读全文
摘要:switch和ifelseif 区别: 1.—般情况下,它们两个语句可以相互替换 2.switch...case语句通常处理case为比较确定值的情况,而 it...else...语句更加灵活,常用于范围判断大于,等于某个范围) 3.switch语句进行条件判断后直接执行到程序的条件语句,效率更高。
阅读全文
摘要:switch语句: switch语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用switch。 语法结构: 执行思路―利用我们的表达式的值和 case 后面的选项值相匹配如果匹配上,就执行该case里面的语句如果都没有匹配上,那么执行def
阅读全文
摘要:三元表达式 : 三元表达式也能做一些简单的条件选择。有三元运算符组成的式子称为三元表达式 如果条件表达式结果为真则返回表达式1的值如果条件表达式结果为假则返回表达式2的值
阅读全文
摘要:if else if多分支语句: 多分支语句 就是利用多个条件来选择不同的语句执行得到不同的结果 多选一的过程 语法规范: 执行思路:
阅读全文
摘要:分支结构: 由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果 提供两种分支结构语句: ·if语句 ·switch语句 if 的语法结构: 语句可以理解为一个行为,循环语句和分支语句就是典型的语句。一个程序由很多个语句组成,一般情况下,会分割成一
阅读全文
摘要:流程控制分支结构: 在一个程序执行的过程中,名条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能 流程控制就是来控制我们的代码按照什么结构项序来执行 流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。 图
阅读全文
摘要:逻辑运算符: 概念︰逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断 两边都是true才返回true,否则返回false 逻辑中断逻辑与: 短路运算的原理∶当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值; 逻辑与短路运
阅读全文
摘要:比较运算符: 比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值
阅读全文
摘要:变量加1: 递增:++ 递减:- - 把递增和递减放在变量前面就是前置运算符 反之就是后置运算符 *递增和递减必须和变量配合使用 前置递增运算符: ++num前置递增,就是自加1,类似于num = num + 1,但是++num写起来更简单。 先自加,后返回值 后置递增运算符: num++ 前置自增
阅读全文
摘要:概念: 运算符( operator )也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。 运算符: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 算数运算符概述: 概念∶算术运算使用的符号,用于执行两个变量或值的算术运算 浮点数的精度问题: 浮点数值的最高精度是17
阅读全文
摘要:解释型语言和编译型语言:概述: 计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器。 编译的两种方式: 翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同 编译器是
阅读全文
摘要:数据类型转换: 把一种数据类型的变量转换为另一种数据类型 三种转换类型: 转字符串类型: 1.toString() 2.String()强制转换 3.加号拼接字符串 和字符串拼接的结果都是字符串 第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换。 转数字类型(重点): 1.parselnt(
阅读全文
摘要:字面量: 字面量是在源代码中的一个固定值的表示法,通俗来说就是字面量表示如何表达这个值 数字字面量:2,4 字符串字面量:"李" 布尔字面量:true false
阅读全文
摘要:获取变量数据类型: typeof可用来获取检测变量的数据类型 var num = 10 console.log(typeof num)//number prompt取过来的值是字符型的
阅读全文
摘要:Undefined和Null 一个声明后没有被赋值的变呈会有一个默认值undefined(如果进行相连或者相加时,注意结果) 如果一个变量声明未赋值就是 Undefined 未定义数据类型 Null var a= null 声明变量但a为空 空值
阅读全文
摘要:布尔型Boolean: 布尔类型有两个值: true和false ,其中true表示真(对),而false表示假(错)。 ture参与加法运算当1来看 false参与加法运算当0来看
阅读全文
摘要:字符串型String: 字符串型可以是引号中的任意文本 其语法为双引号和单引号 推荐单引号 字符串的嵌套: 外双内单,外单内双 字符串转义符: 换行 \n 字符串长度: 字符串是由若干字符组成的,这些字符的数量就是字符串的长度 通过字符串的length属性可以获取整个字符串的长度 console.l
阅读全文
摘要:数据类型简介: 1.为什么需要数据类型? 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型 2.变量的数据类型: 变呈是用来存储值的所在处,它们有名字和数据类型。变呈的数据类型决定了如何将代表这些值的位存储到计算机
阅读全文
摘要:JS变量: 概述:就是一个装东西的盒子 一个用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改 变量在内存中的存储: 本质:变量是程序在内存中申请的一块用来存放数据的空间 类似我们九点的房间,一个房间就可以看作是一个变量 变量的使用: 两步:1.生命变量 2.赋值 声明变量: var ag
阅读全文
摘要:数据存储单位: JS是什么: 1.最流行的语言之一,运行在客户端的脚本语言 2.脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行 3.现在也可以基于Node.js技术进行服务器端编程 JS的作用: 1.表单动态校验(密码强度检测)( JS产生最初的目的) 2.网页特效 3
阅读全文
摘要:十小结 一.css目标选择器 (1)设置需要的div、p、ul、li HTML: <div> <p>Lorem ipsum dolor sit amet.</p> <ul> <li>item 1</li> <li> <p>Item 2</p> </li> <li>item 3</li> </ul>
阅读全文
摘要:什么是CSS网格布局? 网格布局是最强大的CSS布局方案 它将网页划分成以一个网格,可以任意组合不同的网格,做出各种各样的布局。 1.网格布局是CSS3的一种布局系统2.和弹性布局比较相似(但是它的功能更加强大,难度系数高一点点)3.网格布局可以看作是二维布局(Flex布局是一维布局)4.同样可以使
阅读全文
摘要:弹性盒子实战 nav导航栏: HTML: <nav id="navbar"> <h1 class="logo"> <span class="text-primary"> <i class="fas fa-book-open"></i> </span> 秋裤在线 </h1> <ul> <li> <h1
阅读全文
摘要:弹性盒子布局一、什么是弹性盒子布局 什么是弹性盒子布局: 1、弹性盒子是CSS3的一种新布局模式 2、代替浮动使布局更加简便 3、对齐方式包含了水平方向和垂直方向; 4、弹性项目可以通过css重新排序 基本概念: 创建Flex容器(flex container) ——display: flex; 二
阅读全文
摘要:一、什么是响应式网页设计 响应式网站设计的理念是: 页面的设计与开发应当根据用户行为以及设备环境(系统平台,屏幕尺寸,屏幕定向等)进行相应的响应和调整 二、媒体查询 媒体查询的具体应用: 设置五个不同的盒子用来包裹文字: <div id="widescreen"> <h1>Widescreen</h
阅读全文
摘要:秋裤在线实战项目 一.第一部分首页 1.编写第一部分的 第一部分和第二部分 首先运用一个<header>标签进行包裹 运用nav导航条 用盒子包裹顶部需要跳转的链接 之后在创建一个盒子用来放置文字 利用section创造新节点:进行文字简介以及跳转按钮 <header> <nav id="navba
阅读全文