星期五锨咙,從中午三點(diǎn)到晚上11點(diǎn)训裆,我和優(yōu)優(yōu)一直pair學(xué)習(xí)NodeBB中瞻颂,一個(gè)topic的走向钩骇,我們從前端代碼中找到我們?cè)陧?yè)面上編輯的topic比藻,然后我們?cè)谠创a中使用console.log()輸出我們猜想的數(shù)據(jù),結(jié)果真的找到了我們新建的topic伊履,終于在/public/src/ajaxify.js 中輸data后韩容,在瀏覽器開(kāi)發(fā)者工具中得我們新建的topic,這么就的研究唐瀑,仿佛終于得到一點(diǎn)繼續(xù)去追蹤data從哪兒來(lái)群凶,到哪兒去的信心!
點(diǎn)擊一個(gè)topic進(jìn)去之后的會(huì)輸出該topic下面的所有回復(fù):
然后我們一步一步的在代碼中去根據(jù)數(shù)據(jù)的流向哄辣,逆推请梢,最后在從前到后,到數(shù)據(jù)庫(kù)的存儲(chǔ)力穗,如下圖:
以下就是新建一個(gè)topic毅弧,然后根據(jù)數(shù)據(jù)流向,從頁(yè)面的輸入到存儲(chǔ)到數(shù)據(jù)庫(kù)中的驗(yàn)證:
在這個(gè)數(shù)據(jù)流向追蹤的過(guò)程中当窗,還有很多細(xì)節(jié)地方我們還不懂的地方
過(guò)程回顧
這個(gè)過(guò)程真的很痛苦够坐,好多次我們都是找到一點(diǎn)兒眉目,又?jǐn)嗔司€索崖面,對(duì)項(xiàng)目的架構(gòu)也不是很熟悉元咙,一開(kāi)始不知道它使用的是websocket,所以代碼中有很多關(guān)鍵地方都看不懂巫员。然后在老師指點(diǎn)下庶香,我們又去學(xué)習(xí)了解了websocket,以及她的使用简识,然后又回到源碼中來(lái)研究赶掖。感猛。。奢赂。好心累陪白,真的代碼結(jié)構(gòu)挺復(fù)雜的,很多地方不懂呈驶,然后我就死馬當(dāng)活馬醫(yī)拷泽,既然怎么也看不懂代碼,那么我們就根據(jù)代碼的邏輯結(jié)構(gòu)去找數(shù)據(jù)流向袖瞻,比如函數(shù)的調(diào)用司致,傳參等,都是突破口聋迎,就從這里脂矫,我么殺出一條血路來(lái),盡管還是不懂代碼霉晕,但是大致的方向我們還有一點(diǎn)兒眉目庭再,細(xì)節(jié)方面后續(xù)有能力會(huì)繼續(xù)去研究!
總結(jié)
- 遇到問(wèn)題不急躁牺堰,學(xué)會(huì)變通. 比如我們這個(gè)過(guò)程多次無(wú)出路拄轻,但是我們不斷的調(diào)整自己的思路,最后在不理解代碼的情況下殺出一條路來(lái)
- 要善于結(jié)合自己所學(xué)過(guò)的知識(shí)去分析問(wèn)題