前言: 最近在寫(xiě)一個(gè)聊天室的項(xiàng)目，前端寫(xiě)了挺多的JS(function)，導(dǎo)致有點(diǎn)懵比，出了BUG，也遲遲找不到。所以昨天把寫(xiě)過(guò)的代碼總結(jié)了一下，寫(xiě)成博客。

 

項(xiàng)目背景

參考博客: http://www.cnblogs.com/alex3714/articles/5337630.html

 

先直觀(guān)來(lái)幾張圖感受下

最開(kāi)始的界面布局:

iOS培訓(xùn),Swift培訓(xùn),蘋(píng)果開(kāi)發(fā)培訓(xùn),移動(dòng)開(kāi)發(fā)培訓(xùn)

加點(diǎn)bootstrap樣式:

iOS培訓(xùn),Swift培訓(xùn),蘋(píng)果開(kāi)發(fā)培訓(xùn),移動(dòng)開(kāi)發(fā)培訓(xùn)

 實(shí)時(shí)的聊天效果:

iOS培訓(xùn),Swift培訓(xùn),蘋(píng)果開(kāi)發(fā)培訓(xùn),移動(dòng)開(kāi)發(fā)培訓(xùn)

 

第一步:點(diǎn)擊左側(cè)界