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

news2025/11/5 6:23:33

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.coloradmin.cn/o/399411.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【微信小程序】-- 页面处理总结（三十一）

【微信小程序】-- 页面处理总结（三十一）

💌 所属专栏：【微信小程序开发教程】 😀 作  者：我是夜阑的狗🐶 🚀 个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享 ，欢迎咨询！ &…
阅读更多...
SSL/TLS协议工作原理

SSL/TLS协议工作原理

SSL/TLS协议工作原理 SLL/TLS协议工作在应用层和传输层之间，应用层数据需要经过SSL/TLS层的加密之后才会发送到传输层。SSL/TLS协议有两个重要协议：握手协议、记录协议。 1. 握手协议 TCP三次握手完成后，才能进行SSL/TLS的握手。 因为&#…
阅读更多...
SNAP中根据入射角和干涉图使用波段计算器计算垂直形变--以门源地震为例

SNAP中根据入射角和干涉图使用波段计算器计算垂直形变--以门源地震为例

SNAP中根据入射角和相干图使用波段计算器计算垂直形变--以门源地震为例0 写在前面1 具体步骤1.1 准备数据1.2 在SNAP中打开波段运算Band Maths1.3 之前计算的水平位移displacement如下图数据的其他处理请参考博文在SNAP中用sentinel-1数据做InSAR测量，以门源地震为例…
阅读更多...
【JavaEE初阶】第四节.文件操作 和 IO （下篇）

【JavaEE初阶】第四节.文件操作 和 IO （下篇）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言三、文件内容的操作 3.1 读文件 3.1.1 使用字节流读文件 3.2 写文件 3.2.1 使用字节流写文件 …
阅读更多...
信捷 XDH Ethercat A_VELMOVE

信捷 XDH Ethercat A_VELMOVE

本文描述信捷 EthercatA_VELMOVE指令，以设定的速度持续运行 上图中，在M100的上升沿，执行A_VELMOVE指令。A_VELMOVE HD100 D100 M101 K0HD100输入参数起始地址 ，HD118输入参数末尾地址HD100~HD103,双精度浮点数（64位&am…
阅读更多...
【剧前爆米花--爪哇岛寻宝】Java实现无头单向非循环链表和无头双向链表与相关题目

【剧前爆米花--爪哇岛寻宝】Java实现无头单向非循环链表和无头双向链表与相关题目

作者：困了电视剧 专栏：《数据结构--Java》 文章分布：这是关于数据结构链表的文章，包含了自己的无头单向非循环链表和无头双向链表实现简单实现，和相关题目，想对你有所帮助。 目录 无头单向非循环链表实现 …
阅读更多...
Web Components学习(1)

Web Components学习(1)

一、什么是web components 开发项目的时候为什么不手写原生 JS，而是要用现如今非常流行的前端框架，原因有很多，例如： 良好的生态数据驱动试图模块化组件化等 Web Components 就是为了解决“组件化”而诞生的，它是浏…
阅读更多...
4.Elasticsearch深入了解

4.Elasticsearch深入了解

4.Elasticsearch深入了解[toc]1.Elasticsearch架构原理Elasticsearch的节点类型在Elasticsearch主要分成两类节点，一类是Master，一类是DataNode。Master节点在Elasticsearch启动时，会选举出来一个Master节点。当某个节点启动后，然…
阅读更多...
A Star算法最通俗易懂的一个版本

A Star算法最通俗易懂的一个版本

01-概述虽然掌握了 A* 算法的人认为它容易，但是对于初学者来说， A* 算法还是很复杂的。02-搜索区域(The Search Area)我们假设某人要从 A 点移动到 B 点，但是这两点之间被一堵墙隔开。如图 1 ，绿色是 A ，红色是 B &…
阅读更多...
猿创征文 | re:Invent 朝圣之路：“云“行业风向标

猿创征文 | re:Invent 朝圣之路：“云“行业风向标

💗wei_shuo的个人主页 💫wei_shuo的学习社区 🌐Hello World ！ AWS 亚马逊云科技re:Invent全球大会 2022年亚马逊云科技re:Invent全球大会震撼来袭，即将于北京时间11月30日-12月2日在美国内华达州，拉斯维加斯…
阅读更多...
【MySQL】将 CSV文件快速导入 MySQL 中

【MySQL】将 CSV文件快速导入 MySQL 中

【MySQL】将 CSV文件快速导入 MySQL 中方法一：使用navicat等软件的导入向导如果出现中文乱码方法二：命令行导入（LOAD DATA INFILE SQL）一般来说，将csv文件导入mysql数据库有两种办法： 使用 navicat、workbe…
阅读更多...
易优cms links 友情链接调用标签

易优cms links 友情链接调用标签

links 友情链接调用 【基础用法】 标签&#xff1a;links 描述&#xff1a;用于获取友情链接列表。 用法&#xff1a; {eyou:links typetext loop30 titlelen15} <a href{$field.url} {$field.target} {$field.nofollow}>{$field.title}</a> {/eyou:links} …
阅读更多...
模型杂谈：快速上手元宇宙大厂 Meta “开源泄露”的大模型（LLaMA）

模型杂谈：快速上手元宇宙大厂 Meta “开源泄露”的大模型（LLaMA）

本篇文章聊聊如何低成本快速上手使用 Meta&#xff08;Facebook&#xff09;的开源模型 LLaMA。 写在前面 在积累点赞&#xff0c;兑现朋友提供的显卡算力之前&#xff0c;我们先来玩玩“小号的”大模型吧。我相信 2023 年了&#xff0c;应该不需要再赘述如何使用 Docker 干净…
阅读更多...
Go的 context 包的使用

Go的 context 包的使用

文章目录背景简介主要方法获得顶级上下文当前协程上下文的操作创建下级协程的Context场景示例背景 在父子协程协作过程中, 父协程需要给子协程传递信息, 子协程依据父协程传递的信息来决定自己的操作. 这种需求下可以使用 context 包 简介 Context通常被称为上下文&#xff…
阅读更多...
AUTOSAR知识点Com（六）：CANIf规范时序图

AUTOSAR知识点Com（六）：CANIf规范时序图

目录 1、概述 2、规范时序 2.1、Transmit request (single CAN Driver) 2.2、Transmit request (multiple CAN Drivers) 2.3、Transmit confirmation (interrupt mode) ​2.4、Transmit confirmation (polling mode) 2.5、Transmit confirmation (with buffering) 2.6、T…
阅读更多...
国际物流是怎么给货物打包的

国际物流是怎么给货物打包的

国际物流常见的包装方法有好几种&#xff0c;而且国际物流公司针对物品的包装都是格外重视&#xff0c;国际物流公司会依据物品的不同种类搭配不同的包装&#xff0c;便于物品完好无损的到的目的地。包装无论大小形态&#xff0c;它的核心目的是为了保护性、分辨性与便利性&…
阅读更多...
使用pybind11将c++扩展为python

使用pybind11将c++扩展为python

pybind11—python C/C扩展编译 - 简书 (jianshu.com)pybind11在Windows下的使用 - 酱_油 - 博客园 (cnblogs.com)编写 Python 的 C 扩展 - Visual Studio (Windows) | Microsoft Learn首先安装pybind11并在VS中配置安装pybind11&#xff1a;mirrors / pybind / pybind11 GitCo…
阅读更多...
数据结构与算法---JS与栈

数据结构与算法---JS与栈

前言js里&#xff0c;是没有栈这种原生的数据结构。但是我们可以通过自定义创建栈类&#xff0c;来实现对添加/删除元素时更多的控制。创建栈类// 初始化一个基于数组的栈类 class Stack {constructor() {this.items [];} }为什么我们要选择数组作为栈类的存储数据类型&#x…
阅读更多...
23.3.9打卡 AtCoder Beginner Contest 259

23.3.9打卡 AtCoder Beginner Contest 259

A题 题解 对于x特判一下就好 代码 void solve() {ll x,d;cin>>n>>m>>x>>t>>d;if(n>m){nmin(n,x);if(n<m){cout<<t;return;}cout<<(m-n)*dt;}else{mmin(m,x);cout<<(m-n)*dt;}return; }B 三角函数全还给高中老师了 题…
阅读更多...
ARM 学习（一）

ARM 学习（一）

ARM 处理器的运行模式ARM处理器共有7种运行模式&#xff0c;如下表所示&#xff1a;处理器模式描述用户模式&#xff08;User&#xff09;正常程序运行模式中断模式&#xff08;IRQ&#xff09;用于通常的中断处理快速中断模式&#xff08;FIQ&#xff09;用于高速传输和通道处…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023