window.onresize = function() {
clearTimeout(re);
re = setTimeout(resize,100);
};

第二個問題在于如果每次有新的數據加載,都要對整個容器內的節點進行重排,非常消耗性能。解決思路:

1.將列保存在全局數組中,每次重排或者新增格子之后更新數組的數據,這樣下次執行排序算法的時候可以直接調用。

2.將新增格子保存在數組中作為參數傳遞給排序算法,僅對新格子進行遍歷和操作。

第三個問題是如果服務器無法給出圖片尺寸,那么必須在圖片完全加載完畢之后才可進行排序(因為高度是實時獲取的,圖片不全高度有誤差),這里沒有什么好辦法,只能遍歷圖片,每張圖片加載成功后執行一個回調函數,將加載成功的圖片數量 1,當加載成功的圖片數量等于圖片總數的時候執行排序方法。缺點是有一張圖片加載不成共就無法看到所有的,真正項目中還是需要在異步加載數據的時候獲取圖片尺寸。

好了,以上就是在這次瀑布流實現過程中遇到的問題和解決方法,由一開始加載3-4屏就卡死到現在可以無限加載(ff,chrome),深感優化js的必要性和無限性。一點小心得寫在這里權當拋磚引玉,大家對瀑布流實現的優化有什么見解歡迎一起交流討論。

 更多關于云服務器域名注冊,虛擬主機的問題,請訪問三五互聯官網:www.shinetop.cn

贊(0)
聲明:本網站發布的內容(圖片、視頻和文字)以原創、轉載和分享網絡內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。郵箱:3140448839@qq.com。本站原創內容未經允許不得轉載,或轉載時需注明出處:三五互聯知識庫 » 淺談個人在瀑布流網頁的實現中遇到的問題和解決方法

登錄

找回密碼

注冊

主站蜘蛛池模板: 特黄少妇60分钟在线观看播放| 国产在线无码不卡播放| 国产亚洲精品自在久久vr| 中文字幕av无码不卡| 丰满熟女人妻一区二区三| 粉嫩国产av一区二区三区| 亚洲国产成人精品女人久| 内射干少妇亚洲69xxx| 人妻少妇精品无码专区二区| 精品日本免费一区二区三区| 国产又黄又湿又刺激网站| 久久亚洲精品中文字幕| 精品无码久久久久国产动漫3d| 亚洲成人av在线综合| 少妇被粗大的猛进69视频| 日韩免费码中文在线观看| 中文午夜乱理片无码| 国产精品免费看久久久| 亚洲丰满老熟女激情av| 国产又爽又黄的激情视频| 精品无码成人片一区二区98| 人人妻人人澡人人爽人人精品av| 国产激情一区二区三区不卡| 国产三级精品三级在专区| 九九热在线免费播放视频| 久久精品免视看国产成人| 国产精品天天狠天天看| 国产一精品一av一免费爽爽| 亚洲国产日韩一区三区| 成人片黄网站色大片免费| 日韩一区二区三区精品| 久久精品手机观看| 少妇做爰免费视看片| 熟女精品色一区二区三区| 一区二区中文字幕久久| 欧美不卡一区二区三区| 高潮精品熟妇一区二区三区| 亚洲欧美激情在线一区| 国语精品自产拍在线观看网站| 国产精品三级中文字幕| 人成午夜免费大片|