序號授課內(nèi)容或?qū)嶒瀮?nèi)容教學(xué)重點及層次要求教學(xué)任務(wù)輔助設(shè)施模塊1JavaScript知識入門及應(yīng)用了解JavaScript和ECMAScript6.0掌握JavaScript常用的開發(fā)工具和框架掌握ECMAScript的基本語法規(guī)則學(xué)會使用JavaScript的注釋掌握在HTML文檔中嵌入JavaScript代碼的方法掌握JavaScript消息框、庫的使用方法使用JavaScript實現(xiàn)具有手風(fēng)琴效果的橫向焦點圖片輪換多媒體計算機模塊2JavaScript編程基礎(chǔ)及應(yīng)用了解ECMAScript的關(guān)鍵字與保留字掌握JavaScript的常量及常量聲明掌握JavaScript的變量和數(shù)據(jù)類型掌握Typeof運算符與數(shù)據(jù)類型的檢測學(xué)會JavaScript數(shù)據(jù)類型的轉(zhuǎn)換和字符串的基本操作掌握JavaScript的運算符與表達式了解JSON及其使用實現(xiàn)動態(tài)加載網(wǎng)頁內(nèi)容多媒體計算機模塊3JavaScript流程控制及應(yīng)用理解JavaScript的條件語句掌握JavaScript的循環(huán)語句在不同的節(jié)日顯示對應(yīng)的問候語在不同時間段顯示不同的問候語一周內(nèi)每天顯示不同的圖片實現(xiàn)鼠標(biāo)指針滑過時動態(tài)改變顯示內(nèi)容及其外觀效果多媒體計算機模塊4JavaScript函數(shù)編程及應(yīng)用了解JavaScript函數(shù)的定義掌握JavaScript計時方法實現(xiàn)動態(tài)改變樣式實現(xiàn)動態(tài)改變網(wǎng)頁字體大小及關(guān)閉網(wǎng)頁窗口多媒體計算機模塊5JavaScript對象編程及應(yīng)用了解JavaScript的字符串對象、數(shù)值對象、日期對象、數(shù)組對象及方法掌握JavaScript的自定義對象了解支持正則表達式的String對象的方法掌握JavaScript的this指針掌握JavaScript的正則表達式與應(yīng)用了解JavaScript的RegExp對象及其方法在特定日期范圍內(nèi)顯示打折促銷信息實現(xiàn)在線考試倒計時顯示常規(guī)格式的當(dāng)前日期與時間多媒體計算機模塊6JavaScript對象模型及應(yīng)用了解JavaScript的文檔對象及操作掌握JavaScript的瀏覽器對象及操作掌握位置與尺寸及JavaScript的設(shè)置方法實現(xiàn)郵箱自動導(dǎo)航實現(xiàn)網(wǎng)頁內(nèi)容折疊與展開多媒體計算機模塊7JavaScript事件處理及應(yīng)用了解JavaScript的事件、鼠標(biāo)事件、鍵盤事件掌握頁面事件、表單事件及表單控件事件掌握event對象了解JavaScript的事件方法掌握JavaScript的異常處理掌握JavaScript代碼的調(diào)試實現(xiàn)網(wǎng)頁中的橫向?qū)Ш綄崿F(xiàn)網(wǎng)頁中圖片連續(xù)向上滾動多媒體計算機模塊8Vue.js基礎(chǔ)知識及應(yīng)用了解Vue.js的核心概念掌握Vue.js的安裝方式掌握Vue實例的基本結(jié)構(gòu)掌握Vue.js的實例方法掌握MVVM模式的工作原理及Vue.js對該模式的實現(xiàn)。編寫程序代碼計算金額反向輸出字符串編寫程序代碼實現(xiàn)圖片輪播多媒體計算機模塊9Vue.js網(wǎng)頁模板制作了解Vue.js常用指令掌握模板內(nèi)容渲染和邏輯控制掌握Vue實例的基本結(jié)構(gòu)了解Vue.js數(shù)組更新和事件處理掌握網(wǎng)頁模板制作掌握鼠標(biāo)修飾符與鍵值修飾符使用帶有v-for指令的<template>標(biāo)簽來渲染多個元素使用v-for指令循環(huán)顯示嵌套的對象多媒體計算機模塊10Vue.js數(shù)據(jù)綁定與樣式綁定了解Vue.js表單控件的數(shù)據(jù)綁定理解value綁定在單選框、復(fù)選框及選擇框中的差異掌握在v-model指令中巧用修飾符了解綁定class屬性掌握綁定style的語法掌握定義與使用過濾器編寫程序?qū)崿F(xiàn)英寸與毫米之間的單位換算編寫程序代碼實現(xiàn)圖片自動播放與單擊播放功能編寫程序代碼實現(xiàn)圖片自動縮放與圖片播放功能多媒體計算機模塊11Vue.js項目創(chuàng)建與運行了解Webpack構(gòu)建工具的核心概念掌握vuecreate命令創(chuàng)建Vue2.x/3.x項目的流程與配置選項了解VueCLI配置文件的自定義規(guī)則基于Node.js+Vue.js+MySQL實現(xiàn)前后端分離的登錄與注冊功能多媒體計算機模塊12Vue.js組件構(gòu)建與應(yīng)用了解組件化開發(fā)思想及其優(yōu)勢掌握組件注冊方式掌握組件選項props的定義、類型校驗及默認值設(shè)置掌握組件間通信的多種方式在自定義組件中利用Vue.js的transition屬性實現(xiàn)圖片輪播功能多媒體計算機模塊13Vue.js過渡與動畫實現(xiàn)了解Vue過渡系統(tǒng)的工作原理掌握CSS過渡與動畫的實現(xiàn)方式了解列表過渡的特殊處理與key的重要性使用data屬性與JavaScript通信以實現(xiàn)列表的漸進過渡效果使用CSS實現(xiàn)列表的漸進過渡效果使用Vue.js的transition屬性實現(xiàn)圖片輪播效果多媒體計算機模塊14Vue.js路由配置與應(yīng)用了解VueRouter的核心概念掌握重定向、別名、嵌套路由等高級配置方法了解命名路由、命名視圖、動態(tài)路由的應(yīng)用場景掌握實現(xiàn)編程式導(dǎo)航實現(xiàn)用戶登錄與應(yīng)用路由