效果图 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，封装了各种组件。根据官方的说法小程序运行不是在浏览器当中。姑且算是微 ...