第二個(gè)問(wèn)題在于如果每次有新的數(shù)據(jù)加載，都要對(duì)整個(gè)容器內(nèi)的節(jié)點(diǎn)進(jìn)行重排，非常消耗性能。解決思路：

1.將列保存在全局?jǐn)?shù)組中，每次重排或者新增格子之后更新數(shù)組的數(shù)據(jù)，這樣下次執(zhí)行排序算法的時(shí)候可以直接調(diào)用。

2.將新增格子保存在數(shù)組中作為參數(shù)傳遞給排序算法，僅對(duì)新格子進(jìn)行遍歷和操作。

第三個(gè)問(wèn)題是如果服務(wù)器無(wú)法給出圖片尺寸，那么必須在圖片完全加載完畢之后才可進(jìn)行排序（因?yàn)楦叨仁菍?shí)時(shí)獲取的，圖片不全高度有誤差），這里沒(méi)有什么好辦法，只能遍歷圖片，每張圖片加載成功后執(zhí)行一個(gè)回調(diào)函數(shù)，將加載成功的圖片數(shù)量 1，當(dāng)加載成功的圖片數(shù)量等于圖片總數(shù)的時(shí)候執(zhí)行排序方法。缺點(diǎn)是有一張圖片加載不成共就無(wú)法看到所有的，真正項(xiàng)目中還是需要在異步加載數(shù)據(jù)的時(shí)候獲取圖片尺寸。

好了，以上就是在這次瀑布流實(shí)現(xiàn)過(guò)程中遇到的問(wèn)題和解決方法，由一開(kāi)始加載3-4屏就卡死到現(xiàn)在可以無(wú)限加載（ff，chrome），深感優(yōu)化js的必要性和無(wú)限性。一點(diǎn)小心得寫(xiě)在這里權(quán)當(dāng)拋磚引玉，大家對(duì)瀑布流實(shí)現(xiàn)的優(yōu)化有什么見(jiàn)解歡迎一起交流討論。





猜你還會(huì)喜歡下面的內(nèi)容

• 做一個(gè)獨(dú)立站需要多少錢(qián)
• 西部數(shù)碼怎樣搶注域名
• B2C 電子商務(wù)網(wǎng)站如何做推廣和優(yōu)化
• 網(wǎng)站推廣增加外鏈最好的方法
• 新手站長(zhǎng)淺談：如何在線提升產(chǎn)品轉(zhuǎn)化率
• 網(wǎng)站策劃：九大思維理念助你策劃能力提升
• 如何高效輸出移動(dòng)app產(chǎn)品原型？
• 為什么說(shuō)產(chǎn)品思考是進(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)所不可或缺的？
• 六套 App：構(gòu)建我的產(chǎn)品設(shè)計(jì)工作流
• 如果Vine模式重來(lái)，大概就是Biu這個(gè)樣子
• 新手入門(mén)：如何做需求分析
• 產(chǎn)品狗的日常：如何更好的去分解功能點(diǎn)
• 簡(jiǎn)單明了丨如何寫(xiě)出好的PRD
• 產(chǎn)品必修課——輕松搞定UML
• 如果你是個(gè)苦逼的App測(cè)試人員，這款產(chǎn)品或許能拯救你
• 手把手教你制作實(shí)用美觀的交互設(shè)計(jì)文檔

熱門(mén)標(biāo)簽

其他問(wèn)題云服務(wù)器問(wèn)題域名及賬戶問(wèn)題企業(yè)郵局市場(chǎng)咨詢云服務(wù)器云建站/云站群/小程序虛擬主機(jī)網(wǎng)絡(luò)知識(shí)企業(yè)郵箱域名注冊(cè)域名備案域名商標(biāo)注冊(cè)云主機(jī)更多標(biāo)簽...

大家感興趣的內(nèi)容