效果圖 Demo源碼 wxml wxss ...

wxml <!-- 數據源 --> <view class='item-{{index}}' wx:for="{{lazyData}}" wx:key="*this.src"> <image src='{{item.show ...

在普通的web頁面當中，我們都知道圖片懶加載可以提升瀏覽器的加載速度。原理是圖片用空或者占位圖片進行顯示，當屏幕移動到圖片位置的時候，再把圖片的地址換成它的地址。那么，在小程序當中呢，最近老大讓看一下微信小程序的優化方面，圖片是很吃資源的一項，所以我把矛頭指向了懶加載： 首先寫代碼之前一定要理清 ...

前言 　　由於公司計划有變，所以從H5頁面改成去小程序寫。所以在着手開發小程序。本人也不是什么前端高手，只是一名寫后端偶爾寫寫前端的渣渣。請前端大神們勿噴。 一、什么是微信小程序？ 　　小程序在我的理解中只是高度封裝的H5，封裝了各種組件。根據官方的說法小程序運行不是在瀏覽器當中。姑且算是微 ...

動畫效果的實現，使用wx.createAnimation實現。具體實現時，首先，創建動畫對象，並設置相關的參數；其次，設置動畫類型，並執行動畫；第三，導出並設置動畫數據；最后，將設置的動畫數據動態配置相應的組件，以此實現組件的動畫效果。 效果圖 代碼示例 ...

文字跑馬燈效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038 觸摸水波漣漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜單效果：http ...

參考這篇博客：微信小程序：動畫效果集合：https://blog.csdn.net/wtdask/article/details/82734882 使用方式： 微信小程序：心跳動畫https://blog.csdn.net/wtdask/article/details ...

前言 　　由於公司計划有變，所以從H5頁面改成去小程序寫。所以在着手開發小程序。本人也不是什么前端高手，只是一名寫后端偶爾寫寫前端的渣渣。請前端大神們勿噴。 一、什么是微信小程序？ 　　小程序在我的理解中只是高度封裝的H5，封裝了各種組件。根據官方的說法小程序運行不是在瀏覽器當中。姑且算是微 ...