JavaScript前端开发

宋佳珍

目录

  • 1 课程简介
    • 1.1 为何要学习Web前端
    • 1.2 课程标准
    • 1.3 课程的主要内容及基本要求
    • 1.4 课时分配
    • 1.5 考核模式与成绩评定办法
    • 1.6 【课堂讨论】答疑解惑
  • 2 第一章 初识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 企业面试真题（五）
本章我要学什么？

教学引入：

项目开发中，经常需要对表单中输入内容的格式进行限制。例如，用户名、密码、手机号、身份证号的格式验证，这些内容遵循的规则繁多而又复杂，如果要成功匹配，可能要编写上百行代码，这种做法显然不可取。此时，就需要使用正则表达式，利用较简短的描述语法完成诸如查找、匹配、替换等功能。本章将围绕如何在JavaScript中使用正则表达式进行详细讲解。

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

学习单元

正则表达式

课时

4

学习目标

1. 熟悉正则表达式，能够说出正则表达式的概念和作用

2. 掌握正则表达式的创建，能够使用两种方式创建正则表达式

3. 掌握正则表达式的使用，能够使用正则表达式进行字符串匹配

4. 掌握正则表达式中元字符的使用，能够根据需求选择合适的元字符

5. 掌握正则表达式中模式修饰符的使用，能够根据需求选择合适的模式修饰符

6. 掌握正则表达式常用方法，能够实现字符串的匹配、分割和替换

学习内容

知识点

学习目标

重点

难点

什么是正则表达式

熟悉



创建正则表达式

掌握

√


使用正则表达式

掌握

√


定位符

掌握



中括号、连字符和反义符

掌握

√


反斜线

掌握


√

点字符和限定符

掌握

√

√

竖线

掌握



小括号-改变作用范围

掌握

√


小括号-捕获内容

掌握

√


小括号-反向引用

掌握



小括号-零宽断言

掌握


√

【案例】身份证号码验证

掌握



正则表达式中的模式修饰符

掌握

√


search()方法

掌握



split()方法

掌握


√

replace()方法

掌握

√


【案例】过滤并替换敏感词

掌握



动手实践：表单验证

掌握

√


本章学习思维导图：