效果圖
建議使用下面的方式
總結：1.使用$（function）
有潛在的bug，這種bug很不容易被發現
如果處理過程中，發現拿不到當前頁面的高度，或者有時候能拿到的高度，有時候不能拿到。
有時候網路載入比較快，在js執行時就已經載入完了；有時候可能對應的並沒有載入完，js就已經執行，這時候拿到的高度和寬度肯定是有問題的
2.返回陣列中最小值的索引$.inarray()
3.jquery中innerwidth()，outerwidth()，outerwidth(true)和width()的區別
width()函式用於設定或返回當前匹配元素的寬度
width() = a；
寬度包括元素的padding，但是不包括border、margin部分的寬度
innerwidth()函式用於設定或返回當前匹配元素的內寬度
內寬度包括元素的padding，但是不包括border、margin部分的寬度
innerwidth() = a+padding;
outerwidth()函式用於獲取當前匹配元素的外寬度
外寬度預設包括元素的padding、border但是不包括margin部分的寬度
outerwidth() = a+padding+border;
outerwidth(true) = a+padding+border+margin;
所以說：對於同乙個元素應該是：
width()<=innerwidth()<=outerwidth()<=outerwidth(true）
前端瀑布流詳解以及前後臺互動瀑布流
一 前端簡單瀑布流以及無限載入瀑布流 二 前後端互動瀑布流 前端 這裡是引入了自己封裝的ajax 參考 jquery中的ajax 原生ajax和自封裝ajax 後台php imgarr 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 success array msg ok ...
vue中實現瀑布流
瀑布流的參考實現可以看這篇部落格 3種方式實現瀑布流布局 flex布局實現 box item column布局實現 box item css實現有個缺點，它的實現原理是按列來排，先排滿第一列，排不滿的進入第二頁，這個時候最後的呈現效果就可能存在最後一行時，中間有個塊，顯示不好。另外還可能出現下面這種...
瀑布流的認識
瀑布流，這是什麼？相信很多局外人都不知道這個。但肯定見過，每當我們搜所的時候，瀏覽的頁面，就是瀑布流式的頁面布局，它的參差不齊，大大減弱了我們的視覺疲勞，也符合新人類的審美，對個性的追求，它的應用也是非常廣泛的，比如像花瓣網，蘑菇街一類的 我個人挺喜歡這種頁面的。當然了，它的缺點也是不會放過的。我們...