本書內(nèi)容涵蓋JavaScript概述、HTML、CSS+DIV應用、JavaScript語言基礎(chǔ)、常用內(nèi)置對象、BOM及事件處理、DOM編程及表格操作、Ajax應用和MUI布局等客戶端交互特效制作行業(yè)新技術(shù)。
前言
任務1 與用戶交流:開啟學習之旅1
學習目標
任務描述
知識準備
1.1 簡述
1.1.1 的組成
1.1.2 的主要特點
1.1.3 相關(guān)應用
1.1.4 的工作原理
1.2 編程起步
1.2.1 選擇腳本編輯器
1.2.2 引入腳本代碼到HTML文檔中的方法
1.2.3 實現(xiàn)與用戶交流的常用方式
1.2.4 調(diào)試程序
1.2.5 頁面結(jié)構(gòu)、樣式和行為
任務實施
任務訓練
任務2 實現(xiàn)在線測試頁面的靜態(tài)布局
學習目標
任務描述
知識準備
2.1 HTML的基本概念
2.1.1 HTML簡介
2.1.2 HTML基本格式
2.1.3 HTML注釋語句
2.2 HTML文檔常用標簽
2.2.1 標簽
2.2.2 標簽
2.2.3 文字與段落相關(guān)標簽
2.2.4 圖像標簽
2.2.5 列表相關(guān)標簽
2.2.6 表格相關(guān)標簽
2.2.7 超鏈接相關(guān)標簽
2.2.8 DIV標簽
2.3 表單及表單元素
2.3.1 表單的定義
2.3.2 表單控件
2.3.3 HTML5表單常用新屬性
任務實施
任務訓練
任務3 實現(xiàn)在線測試主頁面的布局和美化
學習目標
任務描述
知識準備
3.1 CSS介紹
3.1.1 CSS簡介
3.1.2 CSS+DIV布局方式的優(yōu)勢
3.1.3 CSS樣式注釋方法
3.2 CSS的使用
3.2.1 樣式設置規(guī)則
3.2.2 常用添加CSS的方法
3.2.3 選擇符
3.3 字體、顏色、背景與文本屬性
3.3.1 設置CSS的字體屬性
3.3.2 顏色和背景屬性
3.3.3 文本屬性
3.3.4 CSS的繼承與沖突
3.3.5 CSS的注意事項
3.4 邊距、填充與邊框?qū)傩?br />
3.4.1 邊距與填充屬性
3.4.2 邊框?qū)傩?br />
3.5 列表屬性
3.6 CSS布局基礎(chǔ)
3.6.1 盒模型
3.6.2 CSS布局元素類型
3.6.3 定位及尺寸屬性
3.7 常用的布局結(jié)構(gòu)
3.7.1 單行單列結(jié)構(gòu)
3.7.2 二列布局結(jié)構(gòu)
3.8 CSS3常用樣式
任務實施
任務訓練
任務4 實現(xiàn)猜數(shù)字游戲
學習目標
任務描述
知識準備
4.1 數(shù)據(jù)類型
4.1.1 數(shù)字型
4.1.2 字符串型
4.1.3 布爾型
4.1.4 特殊類型
4.1.5 數(shù)據(jù)類型的自動轉(zhuǎn)換
4.2 變量
4.2.1 關(guān)鍵字
4.2.2 變量的定義與命名
4.2.3 變量的聲明與賦值
4.3 表達式與運算符
4.3.1 表達式
4.3.2 運算符
4.4 函數(shù)
4.4.1 函數(shù)的定義
4.4.2 函數(shù)的調(diào)用
4.4.3 帶有返回值的函數(shù)
4.4.4 變量的作用域
4.5 內(nèi)置函數(shù)
4.6 基本語句
4.6.1 編寫語句注意事項
4.6.2 程序控制語句
任務實施
任務訓練
任務5 實現(xiàn)彩票11選5數(shù)字跳動效果
學習目標
任務描述
知識準備
5.1 數(shù)組對象
5.1.1 新建數(shù)組
5.1.2 引用數(shù)組元素
5.1.3 動態(tài)數(shù)組
5.1.4 數(shù)組對象的常用方法
5.1.5 二維數(shù)組
5.2 數(shù)學對象
5.2.1 使用數(shù)學對象
5.2.2 數(shù)學對象的屬性與方法
5.2.3 格式化數(shù)字與產(chǎn)生隨機數(shù)
5.2.4 定時器函數(shù)
5.2.5 數(shù)學對象應用案例
5.3 日期對象
5.3.1 新建日期
5.3.2 日期對象的常用屬性與方法
5.3.3 日期對象應用案例
任務實施
任務訓練
任務6 實現(xiàn)在線測試頁面注冊驗證效果
學習目標
任務描述
知識準備
6.1 字符串對象
6.1.1 字符串對象的基本應用
6.1.2 字符串對象的屬性與方法
6.1.3 字符串對象應用案例
6.1.4 注冊表單簡單驗證
6.2 正則表達式
6.2.1 什么是正則表達式
6.2.2 創(chuàng)建正則表達式
6.2.3 正則表達式對象的方法
6.2.4 正則表達式中的常用符號
任務實施
任務訓練
任務7 實現(xiàn)在線測試主體功能
學習目標
任務描述
知識準備
7.1 BOM
7.1.1 BOM概述
7.1.2 多窗口控制
7.1.3 瀏覽器對象
7.1.4 屏幕對象
7.1.5 地址對象
7.1.6 歷史記錄對象
7.2 事件處理
7.2.1 事件的基本概念
7.2.2 事件處理程序的綁定
7.2.3 的常見事件
7.3 表單元素相關(guān)的事件處理程序
7.3.1 文本框?qū)ο笙嚓P(guān)事件
7.3.2 下拉列表框相關(guān)事件
7.3.3 單、復選框相關(guān)事件
7.4 本地存儲
7.4.1 cookie
7.4.2 HTML5 Web Storage
任務實施
任務訓練
任務8 實現(xiàn)學生成績信息管理功能
學習目標
任務描述
知識準備
8.1 DOM
8.1.1 文檔對象
8.1.2 DOM簡介
8.1.3 DOM節(jié)點類型
8.1.4 DOM節(jié)點常用的屬性和方法
8.2 DOM節(jié)點及其屬性的訪問
8.2.1 獲取文檔對象中元素對象的一般方法
8.2.2 元素的屬性
8.2.3 導航節(jié)點關(guān)系
8.3 DOM節(jié)點的創(chuàng)建與修改
8.3.1 創(chuàng)建節(jié)點
8.3.2 添加節(jié)點
8.3.3 刪除節(jié)點
8.3.4 替換節(jié)點
8.3.5 復制節(jié)點
8.3.6 DOM節(jié)點對象的事件處理
8.4 表格動態(tài)操作
8.4.1 動態(tài)插入行和單元格
8.4.2 動態(tài)刪除某行
任務實施
任務訓練
任務9 實現(xiàn)在線測試遠程數(shù)據(jù)訪問
學習目標
任務描述
知識準備
9.1 Ajax概述
9.1.1 Ajax簡介
9.1.2 Ajax的工作原理
9.2 Ajax編程
9.2.1 安裝Web環(huán)境
9.2.2 原生實現(xiàn)Ajax
任務實施
任務訓練
任務10 實現(xiàn)移動版在線測試頁面布局及測試功能
學習目標
任務描述
知識準備
10.1 MUI初體驗
10.1.1 MUI介紹
10.1.2 創(chuàng)建MUI新項目
10.2 基礎(chǔ)布局
10.2.1 搭建一個基于MUI的App應用
10.2.2 頂部標題欄與主體
10.3 MUI表單相關(guān)組件的應用
10.3.1 按鈕
10.3.2 MUI復選框、單選框的使用
任務實施
任務訓練
參考文獻