一、在userbar左邊添加剩餘部件
這裏的組件是可以跳轉的，添加的鏈接爲百度貼吧拷貝過來的真實鏈接，（右邊的登錄、註冊、問題反饋等都是指向百度首頁，沒有區分鏈接）。樣式主要參考谷歌開發者工具打開後得到的樣式。
二、添加百度搜索框樣式
打開網頁元素髮現嵌套了很多層，覺得有點沒必要，有點不想寫的，後來還是堅持了下來，可能初學者的惰性吧，下面是實現的效果截圖。
這裏面的搜索功能沒有實現，只是展現了樣式。高級搜索可以跳轉，也是百度貼吧原有的鏈接。
三、增加分欄效果
這個增加分欄是用的flex佈局，與原貼吧內容無關，屬於自己的任意擴展，就當是熟悉flex佈局了。
這是實現的效果，實際是一個容器被分成兩部分，用flex：1進行填充。實際效果只有黃色和藍色兩部分，其他多餘的東西是截圖截圖出來。
四、閒談
其實今天打了退堂鼓，覺得做得都是重複的。當然不是說重複勞動不好，實際上新手就應該多重複，熟能生巧，我不滿的是自己一味按照百度貼吧源代碼寫，沒有靜下心思考爲什麼這樣做。有效果不好的時候也是爲了實現效果而實現，沒有達到學習的目的，這不是一個好的狀態，差點就不寫了，後來想想，即便是沒思考也要把他寫完，逼了自己一把。
還有一個不想寫的原因是：百度貼吧佈局是傳統的基於盒子模型，依賴display屬性+position屬性+float屬性。而現在的主流是flex佈局。之前接觸的react native一直用的也都是flex佈局，算是一種心理上的懈怠吧。
明天爭取實現一個滾動效果（有同學過來我的城市玩，不一定有時間寫代碼了，晚上回來儘量寫點吧），這個效果寫完了就來個總結吧，畢竟是初識web，主要是熟悉頁面佈局，熟悉css屬性，熟悉JavaScript、HTML、CSS之間是怎麼協調工作的。與後端交互不多。初識系列結束後再進入react系列，學習一下eract框架，react也算是從頭學起吧，爭取寫的更豐富些，加入一些與後端的交互。又是一個小白的起步，給自己加油！
最後附上今天的代碼提交，依然在github上：https://github.com/dwenb/webLearning 需要的可以自行拉下來參考，也可以對照我的每一次提交看看我的改動，推薦大家用一個圖形化同步工具sourceTree，可以清晰的查看每次提交等，是一個不錯的工具。