JavaScript前端开发

宋佳珍

目录

  • 1 课程简介
    • 1.1 为何要学习Web前端
    • 1.2 课程标准
    • 1.3 课程的主要内容及基本要求
    • 1.4 课时分配
    • 1.5 考核模式与成绩评定办法
    • 1.6 【课堂讨论】答疑解惑
  • 2 项目一 “Hello Javascript”-----初识JavaScript
    • 2.1 本章我要学什么？
    • 2.2 任务1.1 认识JavaScript
    • 2.3 任务1.2开发工具的安装
    • 2.4 任务1.3第一个JavaScript程序
    • 2.5 第一章节测验
    • 2.6 主题讨论
  • 3 第二章 JavaScript基本语法
    • 3.1 本章我要学什么？
    • 3.2 任务2.1交换两个变量的值
    • 3.3 任务2.2数据类型
    • 3.4 任务2.3表达式
    • 3.5 任务2.4根据用户输入的数据完成求和运算
    • 3.6 任务2.5流程控制
    • 3.7 任务2.6输出“金字塔”
    • 3.8 第二章测验
    • 3.9 主题讨论
  • 4 第三章 数组
    • 4.1 本章我要学什么？
    • 4.2 任务3.1初识数组
    • 4.3 任务3.2创建数组
    • 4.4 任务3.3查找班级最高分和最低分（数组的操作）
    • 4.5 任务3.4二维数组转置（二维数组）
    • 4.6 任务3.5数据排序
    • 4.7 任务3.6 统计每位学生的总成绩
    • 4.8 第三章测验
    • 4.9 主题讨论
  • 5 第四章 函数
    • 5.1 本章我要学什么？
    • 5.2 任务4.1初识函数
    • 5.3 任务4.2使用函数求任意两数的最大值
    • 5.4 任务4.3函数内外变量的作用域
    • 5.5 任务4.4函数进阶
    • 5.6 任务4.5嵌套与递归（求斐波那契数列第N项的值）
    • 5.7 任务4.6闭包函数
    • 5.8 任务4.7获取指定年份的2月份的天数
    • 5.9 第四章测验
    • 5.10 主题讨论
  • 6 第五章 对象
    • 6.1 本章我要学什么？
    • 6.2 任务5.1初识对象
    • 6.3 任务5.2对象的创建
    • 6.4 任务5.3对象的遍历
    • 6.5 任务5.4值类型和引用类型
    • 6.6 任务5.5猜数字游戏（Math对象）
    • 6.7 任务5.6时间差计算（Data对象）
    • 6.8 任务5.7统计不及格学生的人数
    • 6.9 任务5.8判断用户名是否合法
    • 6.10 任务5.9查阅MDN Web文档
    • 6.11 任务5.10统计出现次数最多的字符
    • 6.12 第五章测验
    • 6.13 主题讨论
  • 7 第六章 DOM（上）
    • 7.1 本章我要学什么？
    • 7.2 任务6.1 Web API简介
    • 7.3 任务6.2 DOM简介
    • 7.4 任务6.3 获取元素
    • 7.5 任务6.4 事件基础
    • 7.6 任务6.5 元素内容操作
    • 7.7 任务6.6 单击按钮改变按钮颜色（元素样式操作）
    • 7.8 任务6.7 元素属性操作
    • 7.9 任务6.8 显示和隐藏密码
    • 7.10 第六章测验
    • 7.11 主题讨论
  • 8 第七章 DOM（下）
    • 8.1 本章我要学什么？
    • 8.2 任务7.1 节点基础
    • 8.3 任务7.2 简易留言板（节点操作）
    • 8.4 任务7.3 事件进阶
    • 8.5 任务7.4 事件对象
    • 8.6 任务7.5 常用事件
    • 8.7 任务7.6 元素其他操作
    • 8.8 任务7.7 鼠标拖曳效果
    • 8.9 第七章测验
    • 8.10 主题讨论
  • 9 第八章 BOM
    • 9.1 本章我要学什么？
    • 9.2 任务8.1 BOM简介
    • 9.3 任务8.2 BOM对象
    • 9.4 任务8.3 窗口事件
    • 9.5 任务8.4 定时器
    • 9.6 任务8.5 制作交通信号灯
    • 9.7 第八章测验
    • 9.8 主题讨论
  • 10 第九章 正则表达式
    • 10.1 本章我要学什么？
    • 10.2 任务9.1 认识正则表达式
    • 10.3 任务9.2 正则表达式中的元字符（身份证号码验证）
    • 10.4 任务9.3 正则表达式中的模式修饰符
    • 10.5 任务9.4 正则表达式常用方法（过滤并替换敏感词）
    • 10.6 任务9.5 表单验证
    • 10.7 第九章测验
    • 10.8 主题讨论
  • 11 第十章 web服务器Ajax
    • 11.1 本章我要学什么 ？
    • 11.2 任务10.1 Web基础知识
    • 11.3 任务10.2 Web服务器搭建
    • 11.4 任务10.3 Ajax入门
    • 11.5 任务10.4 数据交换格式
    • 11.6 任务10.5 同源策略
    • 11.7 任务10.6 Ajax表单验证
    • 11.8 第十章测验
    • 11.9 主题讨论
  • 12 第十一章 jQuery
    • 12.1 本章我要学什么？
    • 12.2 任务11.1 jQuery快速入门
    • 12.3 任务11.2 获取元素
    • 12.4 任务11.3 元素操作
    • 12.5 任务11.4 事件操作
    • 12.6 任务11.5 动画特效（导航跟随效果）
    • 12.7 任务11.6 jQuery操作Ajax
    • 12.8 任务11.7 返回页面顶部
    • 12.9 第十一章测验
    • 12.10 主题讨论
  • 13 项目实战（实践）
    • 13.1 项目分析
    • 13.2 项目实现
      • 13.2.1 首页技术实现
      • 13.2.2 影片详情页面的实现
  • 14 1+X前端开发考证
    • 14.1 Web前端开发1+X职业技术等级证书的学习目标和学习线路图
    • 14.2 JavaScript专项练习一
    • 14.3 JavaScript专项练习二
    • 14.4 jQuery专项练习一
    • 14.5 jQuery专项练习二
    • 14.6 jQuery专项练习三
    • 14.7 jQuery专项练习四
  • 15 web前端面试资源库
    • 15.1 web前端企业面试真题汇编
      • 15.1.1 Web前端企业面试真题(一)
      • 15.1.2 Web前端企业面试真题(二)
      • 15.1.3 Web前端企业面试真题(三)
      • 15.1.4 Web前端企业面试真题(四)
      • 15.1.5 Web前端企业面试真题(五)
    • 15.2 Vue.js 企业面试真题汇编
      • 15.2.1 Vue.js 企业面试真题（一）
      • 15.2.2 Vue.js 企业面试真题（二）
      • 15.2.3 Vue.js 企业面试真题（三）
      • 15.2.4 Vue.js 企业面试真题（四）
      • 15.2.5 Vue.js 企业面试真题（五）
    • 15.3 Node.js企业面试真题汇编
      • 15.3.1 Node.js企业面试真题（一）
      • 15.3.2 Node.js企业面试真题（二）
      • 15.3.3 Node.js 企业面试真题（三）
      • 15.3.4 Node.js 企业面试真题（四）
      • 15.3.5 Node.js 企业面试真题（五）
本章我要学什么？
  • 1 本章教学内容
  • 2 教学目标、重难点

教学引入：

在日常开发中，经常需要对数组、日期或者字符串进行一些操作，例如对数组元素进行排序，虽然我们可以使用插入排序或者冒泡排序来完成，但是这两种排序方式实现起来都比较麻烦。为了提高开发效率，JavaScript提供了一些常用的内置对象，可以帮助我们快速实现程序的某些功能。例如，5.7.1小节会讲到如何用内置对象Array的sort()方法完成数组元素排序，sort()方法会帮我们完成数组元素排序，我们只需调用该方法即可，所以开发效率高。当内置对象无法满足开发需求时，还可以通过自定义对象来实现程序的功能。本章将针对JavaScript中的对象进行详细讲解。

课程的主要内容及基本要求:

学习单元

对象

课时

6

学习目标

1. 了解什么是对象，能够说出JavaScript中的对象的概念

2. 掌握对象的创建方式，能够使用3种方式创建对象

3. 掌握对象的遍历，能够遍历对象的属性和方法

4. 熟悉值类型和引用类型，能够说出值类型和引用类型的特点

5. 掌握Math对象的使用，能够使用Math对象的常用方法和属性实现有关数学的运算

6. 掌握Date对象的创建，能够使用构造函数创建Date对象

7. 掌握Date对象的使用，能够使用Date对象的常用方法处理日期和时间

8. 掌握Array对象的使用，能够使用Array对象的常用方法对数组进行操作

9. 掌握数组类型检测的两种常用方式，能够使用两种方式检测变量的类型是否为数组

10. 掌握String对象的使用，能够使用String对象的常用方法处理字符串

11. 掌握MDN Web文档的查阅方式，能够在MDN Web文档中查询对象

学习内容

知识点

学习目标

重点

难点

初识对象

了解



利用字面量创建对象

掌握

√


利用构造函数创建对象

掌握

√

√

利用Object()创建对象

掌握



对象的遍历

掌握

√


值类型和引用类型

熟悉


√

Math对象的使用

掌握

√

√

【案例】猜数字游戏

掌握



Date对象的创建

掌握



Date对象的使用

掌握

√

√

【案例】时间差计算

掌握



Array对象的使用-添加或删除数组元素的方法

掌握

√


Array对象的使用-改变数组元素顺序的方法

掌握

√

√

Array对象的使用-获取数组索引的方法

掌握



Array对象的使用-将数组转为字符串的方法

掌握



Array对象的使用-其他方法

掌握



数组类型检测

掌握



【案例】统计不及格学生的人数

掌握



【案例】去除重复的比赛项目

掌握



String对象的创建

掌握



String对象的使用-根据字符串返回索引的方法

掌握

√


String对象的使用-根据索引返回字符的方法

掌握



String对象的使用-字符串截取、连接、替换和大小写转换的方法

掌握

√

√

【案例】判断用户名是否合法

掌握



查阅MDN Web文档

熟悉



动手实践：统计出现次数最多的字符

掌握


√

本章学习思维导图：