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

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