JavaScript-項目實戰（優學網-ajax請求數據渲染頁面+登錄註冊表單正則）

優學網項目簡介

• 優學網項目主要分爲首頁+登錄註冊頁+視頻播放頁內容項目模仿網頁
• 使用html+css實現基本頁面佈局，完成通過ajax請求數據進行頁面相關數據渲染以及表單正則驗證的項目練習。

一、首頁

(一) 、輪播圖模塊

1、圖片輪播–定時器

1. 通過ajax請求圖片json數據， JSON.parse()將獲取的數據轉成js格式數據
2. 獲取每一張圖片、每一個小圓點–for循環
3. 初始化頁面樣式，將圖片數據添加進 ul，將小圓點span加入p
4. 設置lunBoUl的寬度
5. 輪播圖–每隔一段時間切換圖片，當到最後一張後返回第一張
   

2、鼠標滑入滑出事件

3、左右箭頭事件

4、小圓點點擊事件

(二) 、熱門直播模塊

(三) 、精品課程模塊

二、登錄註冊頁

三、視頻播放頁