课程教学大纲(使用ES6优化WEB页面).docxVIP

《使用ES6优化Web页面》教学大纲一、课程性质与任务 .课程性质：本课程是计算机应用技术专业的理论与实践课。 .课程任务：本课程的主要任务是通过原生JavaScript,来讲授ECMAscript 课程，需要了解ES6的基本原理，了解MVVM的开发模式。掌握MVVM之间的关系, let和const命令、变量的解构赋值、字符串的扩展、正则的扩展、函数的扩展、 Symbol, set和map数据结构等。重点掌握数值、数组、函数的扩展。课程在重 视传授理论知识同时，重视培养学生的实际动手能力。教学过程中，设计了大量 的程序设计案例，使学生在学习枯燥的语法知识的同时，体会到MVVM模式的魅 力，加深对语言知识的理解。 二、课程教学基本要求 理论课时：48节 上机课时：48节 考核形式：考查三、课程教学内容 第一章了解ES6背景 教学内容：本章主要介绍ES6的背景和主要概念，MVVM的理解，ES6是如何 来的？讲解ES6的背景，近年来TC39 (Technical Committee 39)是推进 ECMAScript发展的委员会。TC39定期召开会议，会议由会员公司的代表与特 邀专家出席。ES6的版本变动内容最多，具有里程碑意义、ES6加入许多新的语 法特性，编程实现更简单、高效，ES6是前端发展趋势，就业必备技能※第二章let命令 教学内容：本章主要掌握let命令，掌握let命令的基本用法、代码块使用 区域、不能重复声明以及不存在变量提升。Es6只有全局作用域和函数作用域， 没有块级作用域，这带来很多不合理的场景。讲述两种场景：内层变量可能会覆盖 外层变量、用来技术的玄幻变量泄露为全局变量※第三章const命令 教学内容：本章主要掌握使用const命令，掌握使用const命令声明常量， 掌握使用const命令的基本用法，掌握使用const命令的本质，掌握使用ES6 声明变量的六种方法，掌握使用顶层对象的属性。 ※第四章变量的解构赋值 教学内容：本章主要掌握ES6允许按照一定模式，从数组和对象中提取值， 对变量进行赋值的方式，掌握解构赋值允许指定默认值，掌握对象的解构赋值， 掌握字符串的解构赋值，掌握数值和布尔值的解构赋值。 ※第五章模板字符串教学内容：本章主要掌握模板字符串的基本语法，掌握反引号（）标识，掌握 变量名写在${}之中，掌握大括号内部可以放入任意的JavaScript表达式，掌握 模板字符串之中还能调用函数，掌握模板字符串之中的嵌套使用。 第六章对象的扩展 教学内容：本章主要掌握属性的简洁表示法，掌握属性名表达式，掌握方法 的name属性，掌握属性的可枚举性和遍历，掌握super关键字，掌握对象的扩 展运算符。 第七章箭头函数 教学内容：本章主要掌握ES6允许使用“箭头”（=＞）定义函数，掌握定 义对象中，如果该方法包含this就不能使用箭头函数，掌握嵌套函数。 ※第八章rest参数 教学内容：本章主要掌握用于获取函数的多余参数，这样就不需要使用 arguments对象了，掌握add函数是一个求和函数，掌握push方法改写数组。 ※第九章symbol 教学内容：ES5的对象属性名都是字符串，这容易造成属性名的冲突。比如, 你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin模式）， 新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的 名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。 ※第十章Iterator遍历器 教学内容：本章主要掌握遍历器（Iterator）就是一种机制。它是一种接口, 为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator的 作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使 得数据结构的成员能够按某种次序排列；三是ES6创造了一种新的遍历命令 for. .. of 循环，Iterator 接口主要供 for.. . of 消费。 ※第H章Set和map 教学内容：本章主要掌握Set和map新的数据结构，类似数组，掌握Set 函数可以接受一个数组（或者具有iterable接口的其他数据结构）作为参数, 用来初始化，掌握使用本质上是键值对的集合（Hash结构），但是传统上只能 用字符串当作键。 四、学时分配表 章序 内容 课时 备注 1 了解ES6的背 景 4 2 Let命令 4 五、教材及参考书 3 Const命令 4 4 变量的解构赋 值 4 5 模板字符串 4 6 对象的扩展 4 7 箭头函数 4 8 Rest参数 4 9 Symbol 8 10 Iterator 遍历 器 4 11 Set 和 map 4 教材：《Web前端开