BubbleABC的博客

如何在小程序中使用防抖和节流来优化函数的触发频率，提升性能和用户体验

小程序的标签 滚动到指定位置。

小程序点击按钮保存图片

微信小程序 点击自动滚动到最底部/顶部

小程序花样轮播，请参考文章里我写的代码

小程序mode

小程序左右滑动日历(显示当前日期往后的15天，也可根据自己需求自行调整)废话不多说，咱就是直接上代码

小程序 swiper 高度自适应代码：wxml 页面：<swiper class="swiper" style="height: {{height+'px'}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <swiper-item> <view class="timu_list">

微信小程序 上传图片abc.wxml页面<view class="three">图片</view> <view class="weui-uploader"> <view class='pics' wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image class='weui-uploader__img' src="{{item}}" data-index="{

代码片段：/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log(1111); //在当前页面显示导航条加载动画 wx.showNavigationBarLoading(); //显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框 wx.showLoading({ tit.

HTML页面<view class="listItem-div"> <view>作业截止日期：{{item.fiel_time}} <view class="more" data-index="{{index}}" wx:if='{{!item.zhankai}}' bindtap="zhankai">展开</view> <view class="more" data-index="{{index}}" wx:.

可滑动的日历组件根据现实需求自行调整其他rili.wxml页面<!--pages/rili/rili.wxml--><view class="rili"></view><view class='month'> <!-- <view class='arrow' bindtap='prevMonth'>《 </view> --> <view class="shijian">

小程序tab页切换代码在最后面代码：wxml页：<!-- tab页切换 --><view class="navt"> <block wx:for="{{navlist}}" wx:for-item="item" wx:for-index="index" wx:key="index"> <view data-index="{{index}}" class="tz {{(navIndex==index?'action':'')}}"

列表页面：详情页面：如有问题 欢迎留言交流

微信小程序自定义tabbar的写法- - - >>>也可以先看官方废话不多说上页面：1.app.json页面2.在根目录下新建文件夹3.新建文件下的index.wxml页面（页面中的ICON图标自己找，暂不提供，主要是没啥意义 哈哈哈）新建文件下的index.wxml页面代码：<!--custom-tab-bar/index.wxml--><view class="tabbar_box"> <navigator class="t

注意：微信小程序上线要用线上图片，因为本地打包后不能超过2M

一共需要两个页面------>article.wxml页面和article.js页面article.wxml页面 <view class="content" wx:for="{{article}}" wx:key="key"> <!-- <navigator url="/pages/detail/detail"> --> <view class="left"> <!-- 微信小程序的图片前面是域名，因为微信小程序不