瀑布流布局是一種流行的頁(yè)面布局方式，最典型的是Pinterest.com，每張卡的高度都不一樣，形成了鋸齒狀的美感。

在HTML5中，我們可以找到很多基于jQuery的瀑布流布局插件。制作這樣的布局很容易。在微信小程序中，我們也可以產(chǎn)生這種效果，但是由于小程序框架的一些特性，我們正在實(shí)現(xiàn)在思維方式上仍然存在一些差異。

我們想要實(shí)現(xiàn)的是固定的2列布局，然后將圖像數(shù)據(jù)動(dòng)態(tài)加載到這兩列中（加載的圖像將根據(jù)圖像的實(shí)際大小確定，無(wú)論它是放在左列還是右列）。

我們知道在HTML中，如果我們想動(dòng)態(tài)加載圖像，我們通常使用newImage（）來(lái)創(chuàng)建圖片對(duì)象，然后動(dòng)態(tài)加載url指向的地圖以生成小程序切片，并獲得實(shí)際的大小圖片。在小程序框架中，沒有相應(yīng)的JS對(duì)象來(lái)處理圖像加載。實(shí)際上，我們可以使用wxml中的組件來(lái)完成這樣的功能，雖然它有點(diǎn)包裝，但仍然符合我們的功能要求。

我們可以使用Page中的數(shù)據(jù)綁定來(lái)傳遞要加載到wxml中的圖像信息，讓組件加載圖像資源，然后，在加載圖像時(shí)，使用bindload指定的事件處理程序進(jìn)行進(jìn)一步處理。

讓我們看一下Page文件中定義的onImageLoad函數(shù)，在該函數(shù)中我們可以從傳入的事件對(duì)象e中獲取有關(guān)組件的豐富信息，包括通過(guò)它加載的圖像的實(shí)際大小，然后我們按照頁(yè)面按照這頁(yè)紙。在需要顯示的實(shí)際尺寸上，計(jì)算縮放后的比例。接下來(lái)，小程序開發(fā)多少錢我們可以根據(jù)當(dāng)前在左右列中累積的內(nèi)容的高度來(lái)決定當(dāng)前加載的圖像的哪一側(cè)。

微信小程序已上線兩個(gè)月。在這兩個(gè)月里，微信小程序不僅為開發(fā)者帶來(lái)了機(jī)遇，也引發(fā)了爭(zhēng)議。

微信小程序介于WEBAPP和本機(jī)APP之間。有一種觀點(diǎn)認(rèn)為其進(jìn)展緩慢的原因之一是敵人太多，APP，H5，包括APPSTORE都會(huì)受到影響。

在微信小程序的前三個(gè)月，有人認(rèn)為微信小程序會(huì)顛覆H5，但與H5相比，微信小程序無(wú)法分享好友，但H5可以分享，經(jīng)驗(yàn)，H5用于幫助公司推廣，而微信小程序更類似于打火機(jī)app。

因此可以看出微信小程序無(wú)法取代H5，而微信小程序的技術(shù)開發(fā)門檻也會(huì)讓相關(guān)開發(fā)人員一個(gè)接一個(gè)地占據(jù)這個(gè)位置，而最重要又快速生成小程序的是如何在運(yùn)行框架微信小程序適合您自己的場(chǎng)景。

微信小程序將對(duì)APP構(gòu)成威脅。

App行業(yè)鏈中的開發(fā)人員也是如此。

根據(jù)相關(guān)統(tǒng)計(jì)，AppStore中至少有200萬(wàn)個(gè)應(yīng)用程序。 2016年，各種軟件在AppStore中獲得了200億美元的收益，比2015年增長(zhǎng)了40％。根據(jù)該比例，Apple獲得了至少80億美元的收入。當(dāng)小程序成熟時(shí)，將會(huì)有一些開發(fā)人員放棄該應(yīng)用程序，AppStore的利潤(rùn)將受到影響。

不過(guò)，值得一提的是，張小龍?jiān)谖⑿?a href=http://m.gz-jiupin.com/xiaochengxu/ target=_blank class=infotextkey>小程序的開頭將是微信小程序除了游戲做什么不清楚和做什么，而游戲是APPStore和微信的主要來(lái)源，所以很多人都相信它可能受到Apple的限制。

沉陽(yáng)慧?？萍紝I(yè)從事移動(dòng)互聯(lián)網(wǎng)整合營(yíng)銷，微信分銷系統(tǒng)開發(fā)，小程序開發(fā)，app開發(fā)，實(shí)時(shí)系統(tǒng)定制，紅包QR碼定制服務(wù)提供商，專業(yè)服務(wù)，為您打造最全面的網(wǎng)絡(luò)多渠道營(yíng)銷渠道，http://www.winbz.com/。