随身笔记

电商详情页的锚点定位+tab切换+滑动切换

小程序的swiper可以应付大部分的轮播需求。但有的时候为了迎合界面布局，需要特别一点的轮播，例如：层叠轮播（其实我太清楚它是层叠轮播还是旋转木马轮播哈，见谅，见谅）；我先上效果图：我自己在网上找了一些案例，然后我也跟着做了一个。说一下思路吧！初始需要给item们放置好位置以及各种层级，然后在切换滑动的过程中对设置的位置、层级、透明度进行替换，加上小程序的wx.createAnimation()动画效果个人认为缺点（仅个人观点，望各位大佬指教）主要定位分层，这些大家应该都知道，所以到这里的.

之前在写海报的时候自己也封装过一个，这里再给大家推荐一个组件wxa-plugin-canvas。目前就使用感来说还是不错的。这里有一个开源的地址，大家可以把它下载下来放进自己的组件中开源项目地址：https://github.com/jasondu/wxa-plugin-canvas开源项目作者：jason使用注意事项图片的域名务必添加到downloadFile合法域名中（开发设置-服务器域名-downloadFile合法域名） 如果要使用异步生成海报的方法，务必组件要加上i...

这是微信小程序WXS 使用链接https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/具体使用方法：1、在wxml中使用<wxs module="function"> module.exports = { isDouble:function(n){ return n>9?true:false } }</wxs&gt

产品需求：日历起始事件是明天，只显示三个月的日期代码：//获取最近三个月function getAllDate(status){ var systemTime = new Date(); var year = systemTime.getFullYear(); var month = systemTime.getMonth() + 1; var day = systemTime.getDate(); if (status==1){//明天的日期 systemTime.s

产品需求：用户第一次进入产品时，给用户推广并弹出广告；当用户在24小时重新登录时，不在弹出广告；24小时后，也是在用户第一次登录时弹出代码设计：1、判断今天是否已经弹出过弹框2、如若已经弹出过弹框，是否已经超过24小时代码：调用界面 /*判断今天用户是否弹出过弹框*/ isPushOffBox:function(){ var that = this; util.isPushOffBox().catch(error => { that.se.

问题描述：在使用小程序中，如果用户点击按钮过快，会出现两个一模一样下级界面，这样很影响用户的正常体验。解决办法：在util文件中增加全局按钮函数节流和函数防抖函数代码如下：/*按钮函数节流和函数防抖*/function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null // 返回新的函数 retur

现在好些小程序都会出现这个功能，在使用canvas生成海报时应注意一下几个问题：1、如果海报中有图片，尽量使用异步，等图片加载完毕在进行画图，这样可以避免海报加载不出来或者空白等问题2、海报中的图片可为本地图片或者线上图片，本地图片没什么问题；线上图片：首先要考虑图片的域名是否已经配置，这个在测试中最好关闭本地设置中的不合法域名校验，这个以避免本地运行正常，上线后海报无法生成问题3、下载海报时应注意小程序是否有图库的访问权限好的，问题说完了，看一下代码吧（PS:代码会生成海报以及一个转发分享

以下是小程序开发过程中，遇见的一些小问题，这里是记录：1、开发者工具测试小程序没有问题，一旦发布新版就会出现各种各样的问题。建议：在项目完成，测试时，关掉开发者工具-本地设置-不校验合法域名选项；这是你会发现，有一些需要配置的域名等报错信息。2、关于图片下载建议：再写代码时尽量写一套全局的代码。这个时候你要把整个授权弹框逻辑判断完整...

之前我们并没有使用bindscrolltolower，而是使用这个结构，并使用官方的onReachBottom去上滑加载更多，忘记之前是否能用了（感觉之前是能用的），但最近发现onReachBottom触发一次之后就不再触发了，由于没有找到原因，只能换一种办法做了：<swiper> <swiper-item> <scroll-view> </scroll-view> </swiper-item

image-cropper插件引入后，会有很多默认功能，所有需求基本都可以满足；https://github.com/wx-plugin/image-cropper第一步：在组件中添加image-cropperimage-cropper.wxml文件<view class='image-cropper' catchtouchmove='_preventTouchMove'> <view class='main' bindtouchend="_cutTouchEnd

在日常应用中，经常会有因为用户多次点击，从而造成界面BUG。以下是解决办法：以view举例：1、WXML：<viewclass="btnfontcanvas-btn"bindtap="{{!buttonClicked?'getLottery':''}}"> 抽奖</view>2、最好在util.js中封装一个函数，这样可以全局调用f...

在使用中，自定义组件的使用是必不可少的：第一步：在pages同一等级创建component文件，在component创建组件gameOver。这是一个弹框gameOver.wxml:<view hidden='{{modalHidden}}'> <view class='mask_layer' bindtap='modal_click_Hidden' /&g...

在使用中，在app.json设置好头部之后，进入程序内部依旧 可以更改头部：在单独文件的.json文件中可以增加以下样式进行更改：

1、微信小程序的启动页。启动页在设计中很常见，一般会跟倒计时搭配使用（一点可以点击跳过或者等待时间自然过渡）*.wxml文件设置<view class="Startup"><view class="Countdown" bindtap="startJump"><a>{{count}}s</a></view>&l...