現(xiàn)在,組件化開發(fā)還是比較流行的,畢竟其優(yōu)點(diǎn)相當(dāng)突出。最近在開發(fā)一個(gè)組件的時(shí)候,遇到了一個(gè)很有意思的BUG。。。
BUG的背景
最近在開發(fā)一個(gè)組件,好不容易開發(fā)好了轉(zhuǎn)測(cè)試。然后,測(cè)試給我提了一個(gè)這樣的bug,orz...
因?yàn)槭且粋€(gè)組件,最大的好處就是可以隨處復(fù)用,隨處使用,然而,當(dāng)一個(gè)頁(yè)面用了多個(gè)組件,只有最后一個(gè)生效的時(shí)候,這個(gè)組件就沒有什么意義了。。。
BUG原因查找
這個(gè)組件的初始數(shù)據(jù)來源的接口是固定的,也就是說,頁(yè)面內(nèi)的所有這個(gè)組件在初始化的時(shí)候都會(huì)發(fā)出同樣的請(qǐng)求,這里的請(qǐng)求是jsonp的方式,所以回調(diào)函數(shù)是綁定在window上的一個(gè)函數(shù),但是在頁(yè)面中window只有一個(gè),所以在回調(diào)處理的時(shí)候,要處理的組件內(nèi)的相應(yīng)的數(shù)據(jù)只指向最后一個(gè)組件。所以導(dǎo)致多個(gè)同樣的組件在同一個(gè)頁(yè)面中,只有最后一個(gè)組件能在取得數(shù)據(jù)之后順利渲染出來。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
