瀑布流布局是一種流行的頁面布局方式，最典型的是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％。根據該比例，Apple獲得了至少80億美元的收入。當小程序成熟時，將會有一些開發人員放棄該應用程序，AppStore的利潤將受到影響。

不過，值得一提的是，張小龍在微信小程序的開頭將是微信小程序除了游戲做什么不清楚和做什么，而游戲是APPStore和微信的主要來源，所以很多人都相信它可能受到Apple的限制。

沉陽慧海科技專業從事移動互聯網整合營銷，微信分銷系統開發，小程序開發，app開發，實時系統定制，紅包QR碼定制服務提供商，專業服務，為您打造最全面的網絡多渠道營銷渠道，http://www.winbz.com/。