低代碼JS UI構件實現(xiàn)Web前端快速開發(fā)（微課視頻版）

第1章 JavaScript與HTML基礎
1.1 JavaScript概述
1.1.1 歷史
1.1.2 作用與用法
1.1.3 調(diào)試工具
1.2 語法
1.2.1 變量
1.2.2 運算符
1.2.3 語句
1.2.4 小方法
1.2.5 思考題1-1：輸出多語言的Hello world
1.3 數(shù)組
1.3.1 定義數(shù)組
1.3.2 數(shù)組常見操作方法
1.3.3 二維數(shù)組映射數(shù)據(jù)表
1.3.4 思考題1-2：根據(jù)姓名查找同學錄中的同學信息
1.4 枚舉
1.4.1 定義枚舉
1.4.2 枚舉取值與賦值
1.4.3 思考題1-3：枚舉實現(xiàn)中文編程
1.5 JSON數(shù)據(jù)交換
1.5.1 JSON的基本概念
1.5.2 JSON常見操作
1.5.3 思考題1-4：用JSON 克隆一個枚舉
1.6 面向?qū)ο笈c類
1.6.1 面向?qū)ο蟮幕靖拍?
1.6.2 JavaScript定義類
1.6.3 類的實例化與方法調(diào)用
1.6.4 思考題1-5：對同學錄進行增刪改查
1.7 HTML展示數(shù)據(jù)
1.7.1 HTML的基本概念
1.7.2 HTML主要元素標簽列表
1.7.3 JavaScript輸出和讀取HTML內(nèi)容
1.7.4 思考題1-6：用 table標簽顯示同學錄
1.8 事件
1.8.1 事件的種類
1.8.2 HTML元素綁定事件
1.8.3 思考題1-7：單擊同學錄的表頭進行排序
1.9 小結
第2章 JavaScript與前端低代碼U框架
2.1 基礎概念
2.1.1 B/S架構風格的基本概念
2.1.2 前端UI的基本概念
2.1.3 低代碼編程的基本概念
2.2 前端低代碼框架
2.2.1 框架、構件與組件
2.2.2 下畫線構件介紹
2.2.3 美元構件介紹
2.2.4 多語言構件介紹
2.3 低代碼框架調(diào)試環(huán)境
2.3.1 免下載在線調(diào)試
2.3.2 下載demo后本機調(diào)試
2.3.3 安裝Web服務器后局域網(wǎng)調(diào)試
2.3.4 從文件和文件夾數(shù)量辨別低代碼框架
2.4 JavaScript調(diào)用低代碼組件速覽
2.4.1 低彈窗的布局組件
2.4.2 實現(xiàn)富客戶端與計算前置的顯示組件
2.4.3 低跳轉(zhuǎn)輸入組件
2.4.4 低代碼組件如何易學、易記、易用
2.5 低代碼pe.htm中JavaScript與HTML交互
2.5.1 文件與編碼
2.5.2 htm文件頭
2.5.3 htm文件編輯器
2.5.4 思考題2-1：將JavaScript內(nèi)容放到pc.htm中
2.6 JavaScript調(diào)用方法組件
2.6.1 元素類方法
2.6.2 外觀類方法
2.6.3 日期類方法
2.6.4 Cookie類方法
2.7 小結
第3章 低彈窗JavaScript布局組件
3.1 層組件
3.1.1 層組件中數(shù)組A的結構
3.1.2 層組件中參數(shù)P的含義
3.1.3 層組件的公有方法
3.1.4 案例3-1：系統(tǒng)中心化布局源代碼與圖例
3.1.5 案例3-2：Web站點多層布局源代碼與圖例
3.1.6 思考題3-1：同學錄pc.htm的布局方法
3.2 按鈕組件
3.2.1 按鈕組件中數(shù)組A的結構
3.2.2 一按鈕組件中參數(shù)P的含義
3.2.3 按鈕組件的公有方法
3.2.4 按鈕觸摸或者單擊事件
3.2.5 案例3-3：按鈕組件對一行按鈕布局
3.2.6 思考題3-2：實現(xiàn)美團的多行按鈕陣列布局
3.3 工具條組件
3.3.1 工具條組件中數(shù)組A的結構
3.3.2 工具條組件中參數(shù)P的含義
3.3.3 案例3-4：頂部工具條與單擊事件的源代碼與圖例
3.3.4 案例3-5：低彈窗、低單擊的二級菜單
3.3.5 思考題3-3：網(wǎng)站的導航欄
3.4 標簽組件
3.4.1 標簽組件中數(shù)組A的結構
3.4.2 標簽組件中參數(shù)P的含義
3.4.3 標簽組件設置click事件
3.4.4 標簽組件的公有方法
3.4.5 案例3-6：實現(xiàn)帶選擇框的標簽布局
3.4.6 案例3-7：使用標簽嵌套實現(xiàn)兩層標簽
3.4.7 思考題3-4：從樹形結構數(shù)組創(chuàng)建兩層標簽
3.5 小結
第4章 計算前置的JavaScript顯示組件
4.1 網(wǎng)格組件
4.1.1 網(wǎng)格組件中數(shù)組A的結構
4.1.2 網(wǎng)格組件中參數(shù)P的含義
4.1.3 網(wǎng)格組件設置click 事件
4.1.4 網(wǎng)格組件的公有方法
4.1.5 案例4-1：同學錄與排序
4.1.6 擴展功能：顯示兩層表頭
4.1.7 思考題4-1：單擊單元格顯/隱工具條
4.2 列表組件
4.2.1 列表組件中數(shù)組A的結構
4.2.2 列表組件中參數(shù)P的含義
4.2.3 列表組件設置click事件
4.2.4 列表組件的公有方法
4.2.5 案例4-2：學生照片列表
4.2.6 案例4-3：多張圖片以幻燈片展示
4.2.7 思考題4-2：列表組件與工具條組件的互動
4.3 幻燈片組件
4.3.1 幻燈片組件中數(shù)組A的結構
4.3.2 幻燈片組件中參數(shù)P的含義
4.3.3 幻燈片組件設置click事件
4.3.4 幻燈片組件的公有方法”
4.3.5 案例4-4：在網(wǎng)站首頁中展示幻燈片
4.4 播放器組件
4.4.1 播放器組件中數(shù)組A的結構
4.4.2 播放器組件中參數(shù)P的含義
4.4.3 播放器組件設置click事件
4.4.4 案例4-5：新聞文章播放