基本思想是：

　　1）初始的時(shí)候，會(huì)同時(shí)到兩個(gè)數(shù)據(jù)源取值。

　　2）下次取值的時(shí)候，會(huì)把兩個(gè)時(shí)間點(diǎn)（2001和2006）發(fā)到服務(wù)端，哪個(gè)時(shí)間長(zhǎng)就取哪段數(shù)據(jù)。然后重新初始化大時(shí)間點(diǎn)數(shù)據(jù)。

　　3）如果服務(wù)端遇到兩個(gè)時(shí)間點(diǎn)相同，那么就同初始化操作一樣，再到兩個(gè)數(shù)據(jù)源取數(shù)據(jù)。

　　4）如果數(shù)據(jù)為空，那么把對(duì)應(yīng)時(shí)間設(shè)置為0000。

 

                                   PHP第一次加載(點(diǎn)擊查看大圖)

                                   JS初始化(點(diǎn)擊查看大圖)——其中包括JS滾動(dòng)加載

                                    PHP后加載(點(diǎn)擊查看大圖)

 

                                     JS滾動(dòng)加載

已在JS初始化圖片上。

 

 

JS腳本問(wèn)題

 

innerHTML在IE下無(wú)法賦值

 

原來(lái)習(xí)慣于用這種方式累加值——出現(xiàn)“未知的運(yùn)行時(shí)錯(cuò)誤”。

$('tableId').innerHTML += $("tableId").innerHTML + value;

                                    處理方案，也是最終代碼——tr和tbody在ie下只有可讀屬性，不能賦值。

 

數(shù)字屬性默認(rèn)會(huì)被排序

 

 

    var opus = {
        '2010':'result:2010',
        '2008':'result:2008',
        '2009':'result:2009'
    }

    for(var property in opus){
       console.log(property);
    }

                                    運(yùn)行時(shí)結(jié)果

                                    最后解決辦法

 

delete 與 splice

 

delete 之后，雖然元素被刪除了，但是那個(gè)刪除的位置還存在，只是變成了undefined。

所以使用splice刪除元素。

 

有人提出delete比splice 效率高，我的業(yè)務(wù)來(lái)說(shuō)沒(méi)有那么大的數(shù)據(jù)量splice還是可以接受的。

                                     最終代碼

 

總結(jié)

 

　　終于算是完成了，一開(kāi)始設(shè)計(jì)的時(shí)候挺簡(jiǎn)單，越到后來(lái)?xiàng)l件越來(lái)越多，代碼也越來(lái)越大起來(lái)。

 

推薦