記b站的一次react嘗試

由於本人喜歡看b站的一些視訊，所以當我神奇的發現有個網頁版的b站，
就開啟了我內心的辣分躁動，一衝動就寫了一個react版的b站，順便學習一下。
ps（剛學習，還沒接觸到redux，所以程式碼中有很多重複的,後期想起來了就分離一下把！！！）
還有（後端來源僅為學習，有情況立馬刪除，做一個合格的舔狗。）
複製程式碼

首先來給一個專案的構架圖

從結構上來看components 裡面是我的元件，page目錄下是我的一些頁面元件。兩者被我區分開來了，方便後面我繼續填坑。

在給一個package的圖

其實也沒啥東西，就是一個ant design 的庫(ps：weui 個人真的用不習慣！！！！氣個半死。)，一個axios， 還有最開始加入的vw、vh(後期維護要換掉)遇到了很大的問題，andorid端的bug讓我頭髮掉了一大把。

ui設計上大部分是仿的b站，但是總體的結構還是我自己來的。並不是全部的高仿，react的單資料讓我這個用慣了vue的人也彆扭了半天，最難受的當然還是jsx語法。 這次css沒有用less或sass 也沒有用所謂的typejavascript,純粹的學習一下react的語法和套路，也讓自己的知識面擴充一下。 下面給一波初成品的截圖欣賞一下。

首頁

這裡的話看過網頁版的b站的人是知道這李是仿照的b站寫的，不過我把一級路由折騰到了下面方便點選， 整體的話沒有多費勁的技術。就是圖2的層級聯動有些麻煩，需要自己操作dom來保證list開啟的時候和收縮的active保持同步。（ps 主要的東西其實在後端api的爬取和分析，展示頁是有參考物的。）

排行榜

搜尋

這裡也做了輸入聯想以及歷史記錄，主要的實現在api獲取

up主資訊頁

（ps 前兩天突然404了，一度讓我以為封ip了。其實是b站都沒得這個頁面了）

視訊頁

這裡的彈幕andorid端會有影響，目前沒得什麼好辦法解決還在思考中。 下面的推薦都是整體視訊，並不是b站上的預覽6分鐘。

以上就是我react的嘗試了，都是些簡單的東西，就不班門弄斧了。放一下截圖給大家看看就好，其實是程式碼技術很爛&自己又懶，下面放出地址歡迎大佬們指教（伺服器頻寬很小，所有你懂得。要求不要太高）

預覽地址

前端程式碼地址