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

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

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第1张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第2张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第3张图片

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

  • 01-计算机基础导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第4张图片

  • 02-编程语言

前端学习第三阶段-第1、2章 JavaScript 基础语法_第5张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第6张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第7张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第8张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第9张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第10张图片

  • 03-计算机基础

前端学习第三阶段-第1、2章 JavaScript 基础语法_第11张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第12张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第13张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第14张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第15张图片

  • 04-JavaScript初识导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第16张图片

  • 05-初始JavaScript

前端学习第三阶段-第1、2章 JavaScript 基础语法_第17张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第18张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第19张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第20张图片

  • 06-浏览器执行JS过程

前端学习第三阶段-第1、2章 JavaScript 基础语法_第21张图片

  • 07-JS三部分组成

前端学习第三阶段-第1、2章 JavaScript 基础语法_第22张图片
在这里插入图片描述
在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第23张图片

  • 08-JS三种书写位置

前端学习第三阶段-第1、2章 JavaScript 基础语法_第24张图片
在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第25张图片

  • 09-JS注释
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第26张图片
  • 10-JS输入输出语句
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第27张图片

2-2 Javascript变量

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第28张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第29张图片

  • 13-变量的使用

前端学习第三阶段-第1、2章 JavaScript 基础语法_第30张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第31张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第32张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第33张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第34张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第35张图片

  • 17-变量的命名规范

前端学习第三阶段-第1、2章 JavaScript 基础语法_第36张图片
在这里插入图片描述

  • 18-交换2个变量的值

前端学习第三阶段-第1、2章 JavaScript 基础语法_第37张图片

  • 19-变量小结

前端学习第三阶段-第1、2章 JavaScript 基础语法_第38张图片

2-3 Javascript数据类型

  • 20-数据类型导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第39张图片

  • 21-数据类型简介

在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第40张图片

  • 22-数字型Number

在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第41张图片
在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第42张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第43张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第44张图片

  • 23-isNaN

前端学习第三阶段-第1、2章 JavaScript 基础语法_第45张图片

  • 24-字符串型String

前端学习第三阶段-第1、2章 JavaScript 基础语法_第46张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第47张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第48张图片

  • 25-弹出网页警示框

前端学习第三阶段-第1、2章 JavaScript 基础语法_第49张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第50张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第51张图片

  • 27-字符串拼接加强

前端学习第三阶段-第1、2章 JavaScript 基础语法_第52张图片

  • 28-显示年龄案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第53张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第54张图片
在这里插入图片描述

  • 29-boolean以及undefined和null

前端学习第三阶段-第1、2章 JavaScript 基础语法_第55张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第56张图片

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

在这里插入图片描述

  • 31-字面量

前端学习第三阶段-第1、2章 JavaScript 基础语法_第57张图片

  • 32-转换为字符串类型

前端学习第三阶段-第1、2章 JavaScript 基础语法_第58张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第59张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第60张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第61张图片

  • 35-计算年龄案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第62张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第63张图片

  • 36-简单加法器案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第64张图片
在这里插入图片描述
在这里插入图片描述

  • 37-转换为布尔型

前端学习第三阶段-第1、2章 JavaScript 基础语法_第65张图片

  • 38-拓展阅读之编译和解释语言的区别
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第66张图片
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第67张图片
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第68张图片
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第69张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第70张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第71张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第72张图片

  • 40-课后作业
    前端学习第三阶段-第1、2章 JavaScript 基础语法_第73张图片

2-4 Javascript操作符

  • 01-运算符导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第74张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第75张图片

  • 02-算数运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第76张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第77张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第78张图片

  • 03-表达式和返回值

前端学习第三阶段-第1、2章 JavaScript 基础语法_第79张图片

  • 04-前置递增运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第80张图片

前端学习第三阶段-第1、2章 JavaScript 基础语法_第81张图片

  • 05-后置递增运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第82张图片

  • 06-递增运算符练习

前端学习第三阶段-第1、2章 JavaScript 基础语法_第83张图片
在这里插入图片描述

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第84张图片

  • 08-比较运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第85张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第86张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第87张图片

  • 09-逻辑运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第88张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第89张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第90张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第91张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第92张图片

  • 12-逻辑中断逻辑或

前端学习第三阶段-第1、2章 JavaScript 基础语法_第93张图片

  • 13-赋值运算符

前端学习第三阶段-第1、2章 JavaScript 基础语法_第94张图片

  • 14-运算符优先级

前端学习第三阶段-第1、2章 JavaScript 基础语法_第95张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第96张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第97张图片

2-5 Javascript流程控制及案例

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第98张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第99张图片

  • 16-流程控制

前端学习第三阶段-第1、2章 JavaScript 基础语法_第100张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第101张图片

  • 17-if分支语句

前端学习第三阶段-第1、2章 JavaScript 基础语法_第102张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第103张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第104张图片

  • 18-进入网吧案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第105张图片

  • 19-ifelse双分支语句

前端学习第三阶段-第1、2章 JavaScript 基础语法_第106张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第107张图片

  • 20-判断闰年案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第108张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第109张图片

  • 21-if else if多分支语句

前端学习第三阶段-第1、2章 JavaScript 基础语法_第110张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第111张图片

  • 22-判断成绩案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第112张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第113张图片

  • 23-三元表达式

前端学习第三阶段-第1、2章 JavaScript 基础语法_第114张图片

  • 24-数字补0案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第115张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第116张图片

  • 25-switch语句

前端学习第三阶段-第1、2章 JavaScript 基础语法_第117张图片

  • 26-switch 注意事项

在这里插入图片描述

  • 27-查询水果案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第118张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第119张图片

  • 28-switch和ifelseif 区别

前端学习第三阶段-第1、2章 JavaScript 基础语法_第120张图片

2-6 javascript循环及案例

  • 01-循环导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第121张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第122张图片

  • 02-循环的目的

在这里插入图片描述

  • 03-for循环语法结构

前端学习第三阶段-第1、2章 JavaScript 基础语法_第123张图片

  • 04-for循环执行过程

前端学习第三阶段-第1、2章 JavaScript 基础语法_第124张图片

  • 05-断点调试

前端学习第三阶段-第1、2章 JavaScript 基础语法_第125张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第126张图片

  • 09-for循环案例
  • 10-求学生成绩案例(上)

前端学习第三阶段-第1、2章 JavaScript 基础语法_第127张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第128张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第129张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第130张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第131张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第132张图片

  • 17-九九乘法表

前端学习第三阶段-第1、2章 JavaScript 基础语法_第133张图片

  • 18-for循环小结

前端学习第三阶段-第1、2章 JavaScript 基础语法_第134张图片

  • 19-while循环

前端学习第三阶段-第1、2章 JavaScript 基础语法_第135张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第136张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第137张图片

  • 24-continue关键字

前端学习第三阶段-第1、2章 JavaScript 基础语法_第138张图片

  • 25-break关键字

前端学习第三阶段-第1、2章 JavaScript 基础语法_第139张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第140张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第141张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第142张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第143张图片

  • 27-循环作业

前端学习第三阶段-第1、2章 JavaScript 基础语法_第144张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第145张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第146张图片

2-7 Javascript数组和冒泡排序

  • 01-数组导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第147张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第148张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第149张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第150张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第151张图片

  • 03-访问数组元素

前端学习第三阶段-第1、2章 JavaScript 基础语法_第152张图片

  • 04-遍历数组

前端学习第三阶段-第1、2章 JavaScript 基础语法_第153张图片
在这里插入图片描述

  • 05-数组长度

在这里插入图片描述

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

在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第154张图片

  • 07-求数组中的最大值

前端学习第三阶段-第1、2章 JavaScript 基础语法_第155张图片

  • 08-数组转换为字符串

前端学习第三阶段-第1、2章 JavaScript 基础语法_第156张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第157张图片

  • 09-数组新增元素

前端学习第三阶段-第1、2章 JavaScript 基础语法_第158张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第159张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第160张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第161张图片

  • 11-筛选数组方法1

前端学习第三阶段-第1、2章 JavaScript 基础语法_第162张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第163张图片

  • 12-筛选数组方法2

前端学习第三阶段-第1、2章 JavaScript 基础语法_第164张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第165张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第166张图片

  • 14-翻转数组

前端学习第三阶段-第1、2章 JavaScript 基础语法_第167张图片
在这里插入图片描述

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第168张图片

  • 16-冒泡排序原理

前端学习第三阶段-第1、2章 JavaScript 基础语法_第169张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第170张图片

  • 17-冒泡排序

2-8 Javascript函数及应用

  • 18-函数导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第171张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第172张图片

  • 19-为什么需要函数

前端学习第三阶段-第1、2章 JavaScript 基础语法_第173张图片

  • 20-函数的使用

前端学习第三阶段-第1、2章 JavaScript 基础语法_第174张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第175张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第176张图片

  • 22-函数的参数

前端学习第三阶段-第1、2章 JavaScript 基础语法_第177张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第178张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第179张图片

  • 25-函数的返回值return

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

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第180张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第181张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第182张图片
需要返回多个值的时候,可以使用返回数组。

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第183张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第184张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第185张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第186张图片

2-9 javascript作用域及预解析

  • 01-arguments使用

在这里插入图片描述

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第187张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第188张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第189张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第190张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第191张图片

  • 07-输出2月份天数

前端学习第三阶段-第1、2章 JavaScript 基础语法_第192张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第193张图片

  • 09-作用域导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第194张图片
在这里插入图片描述

  • 10-JavaScript作用域

前端学习第三阶段-第1、2章 JavaScript 基础语法_第195张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第196张图片

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第197张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第198张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第199张图片
在这里插入图片描述

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

前端学习第三阶段-第1、2章 JavaScript 基础语法_第200张图片

  • 13-作用域链

前端学习第三阶段-第1、2章 JavaScript 基础语法_第201张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第202张图片

  • 14-作用域链案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第203张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第204张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第205张图片

  • 15-JavaScript预解析导读

前端学习第三阶段-第1、2章 JavaScript 基础语法_第206张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第207张图片

  • 16-预解析

前端学习第三阶段-第1、2章 JavaScript 基础语法_第208张图片
在这里插入图片描述
前端学习第三阶段-第1、2章 JavaScript 基础语法_第209张图片
在这里插入图片描述

  • 17-预解析案例

前端学习第三阶段-第1、2章 JavaScript 基础语法_第210张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第211张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第212张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第213张图片
前端学习第三阶段-第1、2章 JavaScript 基础语法_第214张图片
在这里插入图片描述

你可能感兴趣的:(前端学习,前端,javascript,学习)