当前位置： 首页 > news >正文

前端学习第三阶段-第1、2章 JavaScript 基础语法

news 2025/6/20 5:28:12

01第一章 JavaScript网页编程课前导学

  • 1-1 JavaScript网页编程课前导学

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

02第二章 JavaScript 基础语法
2-1 计算机基础和Javascript介绍

  • 01-计算机基础导读

在这里插入图片描述

  • 02-编程语言

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 03-计算机基础

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 04-JavaScript初识导读

在这里插入图片描述

  • 05-初始JavaScript

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 06-浏览器执行JS过程

在这里插入图片描述

  • 07-JS三部分组成

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 08-JS三种书写位置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 09-JS注释
    在这里插入图片描述
  • 10-JS输入输出语句
    在这里插入图片描述

2-2 Javascript变量

  • 11-变量导读
  • 12-什么是变量

在这里插入图片描述
在这里插入图片描述

  • 13-变量的使用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 14-变量案例
  • 15-变量案例弹出用户名
  • 16-变量语法扩展

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 17-变量的命名规范

在这里插入图片描述
在这里插入图片描述

  • 18-交换2个变量的值

在这里插入图片描述

  • 19-变量小结

在这里插入图片描述

2-3 Javascript数据类型

  • 20-数据类型导读

在这里插入图片描述

  • 21-数据类型简介

在这里插入图片描述
在这里插入图片描述

  • 22-数字型Number

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 23-isNaN

在这里插入图片描述

  • 24-字符串型String

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 25-弹出网页警示框

在这里插入图片描述

  • 26-字符串长度以及拼接

在这里插入图片描述
在这里插入图片描述

  • 27-字符串拼接加强

在这里插入图片描述

  • 28-显示年龄案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 29-boolean以及undefined和null

在这里插入图片描述
在这里插入图片描述

  • 30-typeof检测变量数据类型

在这里插入图片描述

  • 31-字面量

在这里插入图片描述

  • 32-转换为字符串类型

在这里插入图片描述
在这里插入图片描述

  • 33-转换为数字型parseInt和parseFloat

在这里插入图片描述

  • 34-转换为数字型Number和隐式转换

在这里插入图片描述

  • 35-计算年龄案例

在这里插入图片描述
在这里插入图片描述

  • 36-简单加法器案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 37-转换为布尔型

在这里插入图片描述

  • 38-拓展阅读之编译和解释语言的区别
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 39-拓展阅读之标识符关键字保留字

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 40-课后作业
    在这里插入图片描述

2-4 Javascript操作符

  • 01-运算符导读

在这里插入图片描述
在这里插入图片描述

  • 02-算数运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 03-表达式和返回值

在这里插入图片描述

  • 04-前置递增运算符

在这里插入图片描述

在这里插入图片描述

  • 05-后置递增运算符

在这里插入图片描述

  • 06-递增运算符练习

在这里插入图片描述
在这里插入图片描述

  • 07-前置递增和后置递增小结

在这里插入图片描述

  • 08-比较运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 09-逻辑运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 10-逻辑运算符练习
  • 11-逻辑中断逻辑与

在这里插入图片描述

  • 12-逻辑中断逻辑或

在这里插入图片描述

  • 13-赋值运算符

在这里插入图片描述

  • 14-运算符优先级

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2-5 Javascript流程控制及案例

  • 15-流程控制分支结构导读

在这里插入图片描述
在这里插入图片描述

  • 16-流程控制

在这里插入图片描述
在这里插入图片描述

  • 17-if分支语句

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 18-进入网吧案例

在这里插入图片描述

  • 19-ifelse双分支语句

在这里插入图片描述
在这里插入图片描述

  • 20-判断闰年案例

在这里插入图片描述
在这里插入图片描述

  • 21-if else if多分支语句

在这里插入图片描述
在这里插入图片描述

  • 22-判断成绩案例

在这里插入图片描述
在这里插入图片描述

  • 23-三元表达式

在这里插入图片描述

  • 24-数字补0案例

在这里插入图片描述
在这里插入图片描述

  • 25-switch语句

在这里插入图片描述

  • 26-switch 注意事项

在这里插入图片描述

  • 27-查询水果案例

在这里插入图片描述
在这里插入图片描述

  • 28-switch和ifelseif 区别

在这里插入图片描述

2-6 javascript循环及案例

  • 01-循环导读

在这里插入图片描述
在这里插入图片描述

  • 02-循环的目的

在这里插入图片描述

  • 03-for循环语法结构

在这里插入图片描述

  • 04-for循环执行过程

在这里插入图片描述

  • 05-断点调试

在这里插入图片描述

  • 06-for循环重复执行相同代码
  • 07-for循环重复执行不同代码
  • 08-for循环重复某些操作

在这里插入图片描述

  • 09-for循环案例
  • 10-求学生成绩案例（上）

在这里插入图片描述
在这里插入图片描述

  • 11-求学生成绩案例（下）
  • 12-一行打印五颗星星

在这里插入图片描述

  • 13-双重for循环执行过程

在这里插入图片描述

  • 14-打印5行5列的星星

在这里插入图片描述

  • 15-打印n行n列的星星
  • 16-打印倒三角形案例

在这里插入图片描述

  • 17-九九乘法表

在这里插入图片描述

  • 18-for循环小结

在这里插入图片描述

  • 19-while循环

在这里插入图片描述

  • 20-while案例
  • 21-do while循环

在这里插入图片描述

  • 22-do while案例
  • 23-循环小结

在这里插入图片描述

  • 24-continue关键字

在这里插入图片描述

  • 25-break关键字

在这里插入图片描述

  • 26-命名规范以及语法格式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 27-循环作业

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2-7 Javascript数组和冒泡排序

  • 01-数组导读

在这里插入图片描述
在这里插入图片描述

  • 02-什么是数组以及创建方式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 03-访问数组元素

在这里插入图片描述

  • 04-遍历数组

在这里插入图片描述
在这里插入图片描述

  • 05-数组长度

在这里插入图片描述

  • 06-计算数组的和以及平均值

在这里插入图片描述
在这里插入图片描述

  • 07-求数组中的最大值

在这里插入图片描述

  • 08-数组转换为字符串

在这里插入图片描述
在这里插入图片描述

  • 09-数组新增元素

在这里插入图片描述
在这里插入图片描述

  • 10-数组存放1~10个值

在这里插入图片描述
在这里插入图片描述

  • 11-筛选数组方法1

在这里插入图片描述
在这里插入图片描述

  • 12-筛选数组方法2

在这里插入图片描述

  • 13-删除数组指定元素(数组去重）

在这里插入图片描述
在这里插入图片描述

  • 14-翻转数组

在这里插入图片描述
在这里插入图片描述

  • 15-复习交换两个变量值

在这里插入图片描述

  • 16-冒泡排序原理

在这里插入图片描述
在这里插入图片描述

  • 17-冒泡排序

2-8 Javascript函数及应用

  • 18-函数导读

在这里插入图片描述
在这里插入图片描述

  • 19-为什么需要函数

在这里插入图片描述

  • 20-函数的使用

在这里插入图片描述
在这里插入图片描述

  • 21-利用函数求1~100累加和

在这里插入图片描述

  • 22-函数的参数

在这里插入图片描述

  • 23-利用函数求任意两个数的和以及累加和
  • 24-函数形参和实参匹配问题

在这里插入图片描述
在这里插入图片描述

  • 25-函数的返回值return

不止是让函数的值在函数内部输出，还需要把值返回给调用者。

  • 26-利用函数求两个数的最大值

在这里插入图片描述

  • 27-利用函数求数组中的最大值
  • 28-return终止函数并且只能返回一个值

在这里插入图片描述
在这里插入图片描述
需要返回多个值的时候，可以使用返回数组。

  • 29-函数返回值2个注意事项

在这里插入图片描述
在这里插入图片描述

  • 30-通过榨汁机看透函数

在这里插入图片描述
在这里插入图片描述

2-9 javascript作用域及预解析

  • 01-arguments使用

在这里插入图片描述

  • 02-利用函数求任意个数的最大值
  • 03-利用函数翻转数组

在这里插入图片描述
在这里插入图片描述

  • 04-函数封装冒泡排序
  • 05-利用函数判断闰年

在这里插入图片描述

  • 06-函数可以调用另外一个函数

在这里插入图片描述
在这里插入图片描述

  • 07-输出2月份天数

在这里插入图片描述

  • 08-函数的两种声明方式

在这里插入图片描述

  • 09-作用域导读

在这里插入图片描述
在这里插入图片描述

  • 10-JavaScript作用域

在这里插入图片描述
在这里插入图片描述

  • 11-全局变量和局部变量

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 12-JavaScript没有块级作用域就

在这里插入图片描述

  • 13-作用域链

在这里插入图片描述
在这里插入图片描述

  • 14-作用域链案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 15-JavaScript预解析导读

在这里插入图片描述
在这里插入图片描述

  • 16-预解析

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 17-预解析案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http://www.lryc.cn/news/35735.html

相关文章：

  • hibernate学习（二）
  • 平安银行LAMBDA实验室负责人崔孝林：提早拿到下一个计算时代入场券
  • linux下进不去adb
  • 【SPSS】多因素方差分析详细操作教程（附案例实战）
  • 我的投稿之旅
  • 51单片机DS18B20的使用
  • Vue组件原理知识（1）
  • Linux：IO库函数
  • Go爬虫学习笔记
  • 数据结构课程设计：高铁信息管理系统（C++实现）
  • Python 模块之 datetime
  • linux安装编译ffmpeg
  • 嵌入式Linux驱动开发（二）LED驱动
  • C++学习
  • JavaEE简单示例——依赖注入
  • 大数据框架之Hive： 第7章 综合案例练习（初级）
  • kafka：linux 安装 kafka集群
  • springboot实现Hessian协议的RPC服务
  • 2-6 SpringCloud快速开发入门: Eureka 服务注册中心发现与消费服务
  • Java-Web之s2-001与CommonsCollections
  • 【JavaSE】数组的定义和使用（下）
  • Oracle 实现对全局错误语句的审计监控 ORA- alert
  • React解决样式冲突问题的方法
  • Go项目（用户操作微服务）
  • Spring Boot统一功能处理
  • ETCD多次出现CONTEXT DEADLINE EXCEEDED
  • git 提交 多人开发避免冲突
  • 求职复盘：干了四年外包出来，面试5次全挂
  • AXI总线核心解读---基于官方文档
  • 【Linux修炼】15.进程间通信