瀑布流布局是一種比較流行的頁面布局方式，最典型的就是Pinterest.com，每個卡片的高度不都一樣，形成一種參差不齊的美感。

　　在HTML5中，我們可以找到很多基于jQuery之類實現的瀑布流布局插件，輕松做出這樣的布局形式，在微信小程序中，我們也可以做出這樣的效果，不過由于小程序框架的一些特性，在實現思路上還是有一些差別的。

　　我們要實現的是一個固定2列的布局，然后將圖片數據動態加載進這兩列中(而加載進來的圖片，會根據圖片實際的尺寸，來決定到底是放在左列還是右列中)。

　　我們知道，在HTML中，我們要動態加載圖片的話，通常會使用newImage()創建一個圖片對象，然后通過它來動態加載一個url指向的圖一鍵生成小程序片，并獲取圖片的實際尺寸等信息，而在小程序框架中，并沒有提供相應的JS對象來處理圖片加載，其實我們可以借助wxml中的組件來完成這樣的功能，雖然有點繞，但還是能滿足我們的功能要求的。

　　我們可以在Page中通過數據綁定，來傳遞要加載的圖片信息到wxml中，讓組件去加載圖片資源，然后當圖片加載完成的時候，通過bindload指定的事件處理函數來做進一步處理。

　　我們來看一下Page文件中定義的onImageLoad函數，在其中，我們可以從傳入的事件對象e上，獲取到組件的豐富信息，包括通過它加載進來的圖片的實際大小，然后我們將圖片按照頁面上實際需要顯示的尺寸，計算出同比例縮放后的尺寸，接著，小程序開發多少錢我們可以根據左右兩列目前累積的內容高度，來決定把當前加載進來的圖片放到哪一邊。

　　微信小程序上線已滿兩個月，這兩個月的時間里，微信小程序不僅給開發者帶來機遇，同時也飽受爭議。

　　微信小程序介于WEBAPP與原生APP之間，有觀點認為，其進展緩慢飽受爭議的原因之一就是樹敵太多，APP，H5，包括APPSTORE都將受到它的影響。

　　在微信小程序內測前三個月的時候，就有人認為微信小程序將會顛覆H5，但是較之于H5，微信小程序不能分享朋友圈，但H5卻可以分享，體驗，H5是用來幫助企業宣傳推廣，而微信小程序更類似于輕簡的APP。

　　所以由此可見，微信小程序并不能取代H5，而微信小程序較低的技術開發門檻也會讓相關的開發者相繼占領陣地，而最重快速生成小程序要的是如何在微信小程序的運行框架內，調整思路找到適合自己的場景。

　　微信小程序會對APP造成威脅嗎。

　　對于處在App產業鏈中的開發者們也一樣。

　　據相關數據統計，AppStore中的應用程序至少有200萬個，2016年各種軟件在AppStore中盈利高達200億美元，比2015年增長40%，根據分成比例，蘋果至少獲得80億美元的收入，當小程序趨于成熟時，必定會有部分開發者放棄App，而AppStore的盈利也會受到影響。

　　但是值得一提的是，張小龍在微信小程序問世之初就將微信小程序除了游戲之外要做什么和不做什么區分得很清晰，而游戲是APPStore與微信的主要來源，所以許多業界人士認為，可能是受到蘋果的約束。

　　合肥微必知科技專業從事移動互聯網整合營銷，微信分銷系統開發，小程序開發，APP開發，直播系統定制，紅包二維碼定制的服務商，專業化的服務為您打造最極致的全網多渠道營銷渠道，http://www.www-157333.com/。