課程教學(xué)大綱(使用ES6優(yōu)化WEB頁面)

《使用ES6優(yōu)化Web頁面》教學(xué)大綱一、課程性質(zhì)與任務(wù).課程性質(zhì)：本課程是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的理論與實(shí)踐課。.課程任務(wù)：本課程的主要任務(wù)是通過原生JavaScript,來講授ECMAscript課程，需要了解ES6的基本原理，了解MVVM的開發(fā)模式。掌握MVVM之間的關(guān)系,let和const命令、變量的解構(gòu)賦值、字符串的擴(kuò)展、正則的擴(kuò)展、函數(shù)的擴(kuò)展、Symbol,set和map數(shù)據(jù)結(jié)構(gòu)等。重點(diǎn)掌握數(shù)值、數(shù)組、函數(shù)的擴(kuò)展。課程在重視傳授理論知識同時，重視培養(yǎng)學(xué)生的實(shí)際動手能力。教學(xué)過程中，設(shè)計(jì)了大量的程序設(shè)計(jì)案例，使學(xué)生在學(xué)習(xí)枯燥的語法知識的同時，體會到MVVM模式的魅力，加深對語言知識的理解。二、課程教學(xué)基本要求理論課時：48節(jié)上機(jī)課時：48節(jié)考核形式：考查三、課程教學(xué)內(nèi)容第一章了解ES6背景教學(xué)內(nèi)容：本章主要介紹ES6的背景和主要概念，MVVM的理解，ES6是如何來的？講解ES6的背景，近年來TC39(TechnicalCommittee39)是推進(jìn)ECMAScript發(fā)展的委員會。TC39定期召開會議，會議由會員公司的代表與特邀專家出席。ES6的版本變動內(nèi)容最多，具有里程碑意義、ES6加入許多新的語法特性，編程實(shí)現(xiàn)更簡單、高效，ES6是前端發(fā)展趨勢，就業(yè)必備技能※第二章let命令教學(xué)內(nèi)容：本章主要掌握let命令，掌握let命令的基本用法、代碼塊使用區(qū)域、不能重復(fù)聲明以及不存在變量提升。Es6只有全局作用域和函數(shù)作用域，沒有塊級作用域，這帶來很多不合理的場景。講述兩種場景：內(nèi)層變量可能會覆蓋外層變量、用來技術(shù)的玄幻變量泄露為全局變量※第三章const命令教學(xué)內(nèi)容：本章主要掌握使用const命令，掌握使用const命令聲明常量，掌握使用const命令的基本用法，掌握使用const命令的本質(zhì)，掌握使用ES6聲明變量的六種方法，掌握使用頂層對象的屬性?！谒恼伦兞康慕鈽?gòu)賦值教學(xué)內(nèi)容：本章主要掌握ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進(jìn)行賦值的方式，掌握解構(gòu)賦值允許指定默認(rèn)值，掌握對象的解構(gòu)賦值，掌握字符串的解構(gòu)賦值，掌握數(shù)值和布爾值的解構(gòu)賦值?！谖逭履０遄址虒W(xué)內(nèi)容：本章主要掌握模板字符串的基本語法，掌握反引號（'）標(biāo)識，掌握變量名寫在${}之中，掌握大括號內(nèi)部可以放入任意的JavaScript表達(dá)式，掌握模板字符串之中還能調(diào)用函數(shù)，掌握模板字符串之中的嵌套使用。第六章對象的擴(kuò)展教學(xué)內(nèi)容：本章主要掌握屬性的簡潔表示法，掌握屬性名表達(dá)式，掌握方法的name屬性，掌握屬性的可枚舉性和遍歷，掌握super關(guān)鍵字，掌握對象的擴(kuò)展運(yùn)算符。第七章箭頭函數(shù)教學(xué)內(nèi)容：本章主要掌握ES6允許使用“箭頭”（=＞）定義函數(shù)，掌握定義對象中，如果該方法包含this就不能使用箭頭函數(shù)，掌握嵌套函數(shù)?！诎苏聄est參數(shù)教學(xué)內(nèi)容：本章主要掌握用于獲取函數(shù)的多余參數(shù)，這樣就不需要使用arguments對象了，掌握add函數(shù)是一個求和函數(shù)，掌握push方法改寫數(shù)組。※第九章symbol教學(xué)內(nèi)容：ES5的對象屬性名都是字符串，這容易造成屬性名的沖突。比如,你使用了一個他人提供的對象，但又想為這個對象添加新的方法（mixin模式），新方法的名字就有可能與現(xiàn)有方法產(chǎn)生沖突。如果有一種機(jī)制，保證每個屬性的名字都是獨(dú)一無二的就好了，這樣就從根本上防止屬性名的沖突?！谑翴terator遍歷器教學(xué)內(nèi)容：本章主要掌握遍歷器（Iterator）就是一種機(jī)制。它是一種接口,為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機(jī)制。任何數(shù)據(jù)結(jié)構(gòu)只要部署Iterator接口，就可以完成遍歷操作（即依次處理該數(shù)據(jù)結(jié)構(gòu)的所有成員）。Iterator的作用有三個：一是為各種數(shù)據(jù)結(jié)構(gòu)，提供一個統(tǒng)一的、簡便的訪問接口；二是使得數(shù)據(jù)結(jié)構(gòu)的成員能夠按某種次序排列；三是ES6創(chuàng)造了一種新的遍歷命令for...of循環(huán)，Iterator接口主要供for...of消費(fèi)。※第H章Set和map教學(xué)內(nèi)容：本章主要掌握Set和map新的數(shù)據(jù)結(jié)構(gòu)，類似數(shù)組，掌握Set函數(shù)可以接受一個數(shù)組（或者具有iterable接口的其他數(shù)據(jù)結(jié)構(gòu)）作為參數(shù),用來初始化，掌握使用本質(zhì)上是鍵值對的集合（Hash結(jié)構(gòu)），但是傳統(tǒng)上只能用字符串當(dāng)作鍵。四、學(xué)時分配表章序內(nèi)容課時備注1了解ES6的背景42Let命令4

五、教材及參考書3Const命令44變量的解構(gòu)賦值45模板字符串46對象的擴(kuò)展47箭頭函數(shù)48Rest參數(shù)49Symbol810Itera