現(xiàn)在,組件化開發(fā)還是比較流行的,畢竟其優(yōu)點(diǎn)相當(dāng)突出。最近在開發(fā)一個組件的時候,遇到了一個很有意思的BUG。。。
BUG的背景
最近在開發(fā)一個組件,好不容易開發(fā)好了轉(zhuǎn)測試。然后,測試給我提了一個這樣的bug,orz...
因?yàn)槭且粋€組件,最大的好處就是可以隨處復(fù)用,隨處使用,然而,當(dāng)一個頁面用了多個組件,只有最后一個生效的時候,這個組件就沒有什么意義了。。。
BUG原因查找
這個組件的初始數(shù)據(jù)來源的接口是固定的,也就是說,頁面內(nèi)的所有這個組件在初始化的時候都會發(fā)出同樣的請求,這里的請求是jsonp的方式,所以回調(diào)函數(shù)是綁定在window上的一個函數(shù),但是在頁面中window只有一個,所以在回調(diào)處理的時候,要處理的組件內(nèi)的相應(yīng)的數(shù)據(jù)只指向最后一個組件。所以導(dǎo)致多個同樣的組件在同一個頁面中,只有最后一個組件能在取得數(shù)據(jù)之后順利渲染出來。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(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模型-更好地識別反義詞同義詞 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
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26