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

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

news 2025/12/29 7:07:55

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-预解析案例

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

相关文章：

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

01第一章 JavaScript网页编程课前导学 1-1 JavaScript网页编程课前导学 02第二章 JavaScript 基础语法 2-1 计算机基础和Javascript介绍 01-计算机基础导读 02-编程语言 03-计算机基础 04-JavaScript初识导读 05-初始JavaScript 06-浏览器执行JS过程 07-JS三部分组成 08-JS三种…...

编程日记 2023/4/11 14:03:52

hibernate学习（二）

hibernate学习（二） 一、hibernate常见配置： 1.XML提示问题配置： 二、hibernate映射的配置： （1）class标签的配置： 标签用来建立类与表之间的映射关系属性： 1.name&…...

编程日记 2023/4/11 22:50:29

平安银行LAMBDA实验室负责人崔孝林：提早拿到下一个计算时代入场券

量子前哨重磅推出独家专题《“量子”百人科学家》，我们将遍访全球探索赋能“量子”场景应用的百位优秀科学专家，从商业视角了解当下各行业领域的“量子”最新研究成果，多角度、多维度、多层面讲述该领域的探索历程，为读者解析商业…...

编程日记 2023/4/11 22:50:27

linux下进不去adb

linux 进不去adb cat /sys/kernel/debug/usb/devices 查看是否有adb口 首先查看adb是否被识别成串口 option 如果被识别成串口 方法1： https://patchwork.kernel.org/project/linux-usb/patch/20180723140220.7166-1-romain.izard.progmail.com/ diff --git a/dri…...

编程日记 2023/4/11 22:50:24

【SPSS】多因素方差分析详细操作教程（附案例实战）

🤵‍♂️ 个人主页：@艾派森的个人主页 ✍🏻作者简介：Python学习者 🐋 希望大家多多支持，我们一起进步！😄 如果文章对你有帮助的话， 欢迎评论 💬点赞👍🏻 收藏 📂加关注+ 目录 方差分析概述 多因素方差分析原理...

编程日记 2023/4/11 22:50:22

我的投稿之旅

一、铁道科学与工程学报选择这个期刊的原因是：感觉影响因子较低，而且实验室有师兄师姐中过这个期刊，所以抱着试一试的心态投了。投稿之前需要去官网注册账号由于方向不一致，被退稿了“您的稿件内容不属于本刊刊载范畴，…...

编程日记 2023/4/11 22:50:20

51单片机DS18B20的使用

文章目录前言一、DS18B20介绍二、单总线协议三、DS18B20引脚说明四、DS18B20程序编写1.DS18B20复位函数2.DS18B20存在检测3.DS18B20读取一个bit和一个byte函数4.DS18B20写一个字节函数5.开始温度转换函数6.DS18B20初始化函数7.DS18B20读取温度函数五、代码测试总结前言 本篇文…...

编程日记 2023/4/11 22:50:17

Vue组件原理知识（1）

Vue 组件知识整理（1）文章目录Vue 组件知识整理（1）一、组件介绍1.1 传统方式与组件方式编写应用对比二、组件使用2.1 非单文件组件的使用**1. 组件的创建****2. 组件的注册****3. 组件的使用****4. Vue中使用组件的三大步骤总结***…...

编程日记 2023/4/11 22:50:15

Linux：IO库函数

目录标准库IO函数一、fopen二、fwrite三、fread四、fseek五、fclose在编写程序时，离不开IO操作，最常见的IO操作就是用printf函数进行打印，本文主要介绍的是封装后的IO库函数。 标准库IO函数 常使用的IO库函数如下： 函数作用fop…...

编程日记 2023/4/11 22:50:13

Go爬虫学习笔记

N002.02 Go分布式爬虫实战 开篇 学习三阶段 入门，照猫画虎底层，了解方方面面，深入阅读源码和书籍借助开源组件来进行复杂设计，窥探各个组件赋能业务 分布式系统： 扩展性一致性可用性高并发微服务 爬虫&#xff1…...

编程日记 2023/4/11 22:50:10

数据结构课程设计：高铁信息管理系统（C++实现）

目录 简介实验输出实验要求代码运行环境结语简介 Hello！ 非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ ଘ(੭ˊᵕˋ)੭ 昵称：海轰 标签：程序猿｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，获得过国家奖学金，有幸在竞赛中拿过一些国奖…...

编程日记 2023/4/11 22:50:08

Python 模块之 datetime

datetime 对象格式化为字符串 标准转换格式符号： %a 本地星期的短名称 如：Sun, Mon, ..., Sat (en_US); So, Mo, ..., Sa (de_DE) %A 本地星期全名称 如 ：Sunday, Monday, ..., Saturday (en_US);Sonntag, Montag, ..., Samstag (de_DE) %w…...

编程日记 2023/4/11 22:50:04

linux安装编译ffmpeg

ffmpeg下载：http://ffmpeg.org/releases可以下载适合自己的版本。我下载的是5.0版本，然后解压：tar xvf ffmpeg-5.0.tar.gz进入ffmpegcd ffmpeg-5.0编译ffmpeg./configure --prefix/root/ffmpeg //编译文件存放的路径如果是交叉编译添加以下参…...

编程日记 2023/4/11 22:50:02

嵌入式Linux驱动开发（二）LED驱动

1. Linux下LED驱动原理 与裸机区别在于，编写驱动要符合linux驱动框架规范。裸机直接对寄存器物理地址进行读写，linux下需要经过MMU。 1.1 地址映射相关概念 1）MMU（Memory Manage Unit - 内存管理单元）： …...

编程日记 2023/4/11 22:50:00

C++学习

强制转换运算符 C 引入了四种不同的强制转换运算符以进行强制转换： const_caststatic_castreinterpret_castdynamic_cast C语言强制类型转换缺点： 主要是为了克服C语言强制类型转换的以下三个缺点。 没有从形式上体现转换功能和风险的不同。 例如&am…...

编程日记 2023/4/11 22:49:57

JavaEE简单示例——依赖注入

简单介绍： 首先我们要知道，依赖注入就是赋值，带着这句话去理解依赖注入就非常的简单了，将文中所有的依赖注入全部脑部替换成给属性赋值，再去理解依赖注入的概念。 依赖注入（DI）是指IoC容器在运…...

编程日记 2023/3/9 23:02:50

大数据框架之Hive： 第7章 综合案例练习（初级）

第7章 综合案例练习（初级） 一 环境准备 1.1 建表语句 hive> -- 创建学生表 DROP TABLE IF EXISTS student; create table if not exists student_info(stu_id string COMMENT 学生id,stu_name string COMMENT 学生姓名,birthday string COMMENT 出…...

编程日记 2023/3/9 23:01:45

kafka：linux 安装 kafka集群

kafka运行依赖于 jdk、zookeeper，kafka可视化工具选择kafka-eagle。所以要装的组件有：jdk、zookeeper、kafka、kafka-eagle一、安装jdk下载linux版本的jdk包，比如：jdk-8u192-linux-x64.tar.gz。将其复制到 /opt 目录下并解压&…...

编程日记 2023/4/11 22:49:55

springboot实现Hessian协议的RPC服务

背景 这段时间在公司接手了一个新项目，看到一段代码非常奇怪的，研究了好久。内容大概是这样 public void getUser (int id) {userService.getById(id); }当我点击这个方法进去的时候，我发现这个UserService类居然是导入jar包的一个接口&…...

编程日记 2023/4/11 22:49:53

2-6 SpringCloud快速开发入门: Eureka 服务注册中心发现与消费服务

接上一章节向Eureka 服务注册中心注册服务，这里讲讲Eureka 服务注册中心发现与消费服务 Eureka 服务注册中心发现与消费服务 我们已经搭建一个服务注册中心，同时也向这个服务注册中心注册了服务，接下来我们就可以发现和消费服务了&#xff0…...

编程日记 2023/4/11 22:49:50

PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建

制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...

编程新知 2025/12/28 20:49:49

CocosCreator 之 JavaScript/TypeScript和Java的相互交互

引擎版本： 3.8.1 语言： JavaScript/TypeScript、C、Java 环境：Window 参考：Java原生反射机制 您好，我是鹤九日！ 回顾 在上篇文章中：CocosCreator Android项目接入UnityAds 广告SDK。 我们简单讲…...

编程新知 2025/12/29 1:21:28

【Web 进阶篇】优雅的接口设计：统一响应、全局异常处理与参数校验

系列回顾： 在上一篇中，我们成功地为应用集成了数据库，并使用 Spring Data JPA 实现了基本的 CRUD API。我们的应用现在能“记忆”数据了！但是，如果你仔细审视那些 API，会发现它们还很“粗糙”：有…...

编程新知 2025/11/25 4:57:19

【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）

骨骼动画基础 骨骼动画是 3D 计算机图形中常用的技术，它通过以下两个主要组件实现角色动画。 骨骼系统 (Skeleton)：由层级结构的骨头组成，类似于人体骨骼蒙皮 (Mesh Skinning)：将模型网格顶点绑定到骨骼上，使骨骼移动…...

编程新知 2025/12/13 2:58:08

华为云Flexus+DeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建

华为云FlexusDeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建 前言 如今大模型其性能出色，华为云 ModelArts Studio_MaaS大模型即服务平台华为云内置了大模型，能助力我们轻松驾驭 DeepSeek-V3/R1，本文中将分享如何…...

编程新知 2025/12/9 6:34:50

Rapidio门铃消息FIFO溢出机制

关于RapidIO门铃消息FIFO的溢出机制及其与中断抖动的关系，以下是深入解析： 门铃FIFO溢出的本质 在RapidIO系统中，门铃消息FIFO是硬件控制器内部的缓冲区，用于临时存储接收到的门铃消息（Doorbell Message）。…...

编程新知 2025/11/2 0:32:25

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...

编程新知 2025/12/4 2:32:37

【Java学习笔记】BigInteger 和 BigDecimal 类

BigInteger 和 BigDecimal 类 二者共有的常见方法 方法功能add加subtract减multiply乘divide除 注意点：传参类型必须是类对象 一、BigInteger 1. 作用：适合保存比较大的整型数 2. 使用说明 创建BigInteger对象 传入字符串 3. 代码示例 import j…...

编程新知 2025/11/8 15:39:00

Python ROS2【机器人中间件框架】 简介

销量过万TEEIS德国护膝夏天用薄款 优惠券冠生园 百花蜂蜜428g 挤压瓶纯蜂蜜巨奇严选 鞋子除臭剂360ml 多芬身体磨砂膏280g健70%-75%酒精消毒棉片湿巾1418cm 80片/袋3袋大包清洁食品用消毒 优惠券AIMORNY52朵红玫瑰永生香皂花同城配送非鲜花七夕情人节生日礼物送女友 热卖妙洁棉…...

编程新知 2025/8/17 7:11:57

短视频矩阵系统文案创作功能开发实践，定制化开发

在短视频行业迅猛发展的当下，企业和个人创作者为了扩大影响力、提升传播效果，纷纷采用短视频矩阵运营策略，同时管理多个平台、多个账号的内容发布。然而，频繁的文案创作需求让运营者疲于应对，如何高效产出高质量文案成…...

编程新知 2025/12/20 2:21:14