- 博客(18)
- 收藏
- 关注
RSS订阅原创 点击按钮横向滚动左右滚动
好久都没更新过了，大概有一年时间没写过了，这一年实在是太松懈了，遇到点新的东西就想写下来，但是都是没什么时间，等有时间了就忘记了…可能这一年留给生活的时间更多一点叭大概是上个月，遇上了个点击左右滚动这么一个小交互，本人对于动态交互这些东西一直都不怎么擅长，不然也不至于一个左右点击滚动也要记下来，当然本次记录也是想给大家提供个参考。写的时候百度了挺多的，但是都挺复杂的，本人没啥耐心，第一眼看着复杂的基本上就不会往下看了，so，干脆自己写一套吧，本人感觉本人的这个思路，算得上是很简单的了！！首先.
2022-05-19 17:01:21
4160
4
原创 微信小程序图片等比缩放和展示中间部分image的mode属性
有发现我写得页面，带有图片的几乎都是外面套一层，然后把里面得image拉满，不知道大家是怎么写得，兴许是我太菜了，只会这么写，反正就是很难看就对了这样的话，宽高不一定合适，就可能会造成被压扁的情况，不太友好但之前一直写管理系统大表单什么的，也没咋注意过美观不美观，这个事儿一直就没有发现，直到现在开始写电商小程序了，这件事儿逐渐暴露了出来[苦涩]为了美观，想办法改改我一贯的写图片得方式吧设计要求：单张图时显示等比缩小的图片，多张图时截取图片一部分显示首先，只有一张图片的时候的等比缩放//.
2021-04-27 17:44:13
2580
原创 微信小程序pc端点击授权登录没反应
今天是4月27号，本来这篇文章是应该4月17号写的，但是我实在是太懒了，而且近期也比较忙，忙着改bug，忙着上线。那时候小程序授权登录才刚刚改，好巧不巧我们的小程序刚刚开始准备上线，测试的时候就发现到了问题是因为小程序的登录接口改了，从wx.getUserInfo改成了wx.getUserProfile然而现在手机端支持了新的api，但是pc端仍然没支持，所以要做一下适配就在获取用户授权得时候直接try catch一下就好了。走不了新的wx.getUserProfile就走老的wx..
2021-04-27 16:37:41
6192
2
原创 微信小程序双击底部导航栏刷新页面
参考了某团和某宝，单击或双击底部tab刷新当前页面但是tab如果不是自定义的tab，并没有双击事件，所以大概思路就是判断第一次点击时间和第二次的点击时间，如果小于3000ms，就刷新列表，回到顶部还有就是当屏幕滚动到一定高度之后，动态替换当前页面的tab图片首先是达到一定高度动态切换当前页面tab图片/** * @name 获取滚动高度 * @date 2021-04-01 */ getScrollTop(e){ let {scrollTop}=
2021-04-02 17:50:12
1171
2
原创 父组件调用子组件方法 父组件子组件互相调用方法
上一篇的自定义下拉刷新加载里面，父组件控制子组件的计时器，就是在父组件里面调用子组件的方法父组件调用子组件方法<view class="view1" >//子组件 <loadAnimation id='loadingPIC'></loadAnimation></view>一定要在子组件标签上定义一个id父组件.js//页面加载的时候获取一下这个子组件onLoad: function () { //这个this.loading
2021-04-02 17:46:10
350
原创 微信小程序 自定义下拉刷新样式scrollview下拉刷新
要求给项目里数据列表增加一个自定义loading，花里胡哨的不光得琢磨一下怎么再下拉刷新的时候替换上自定义的loading，还要自己写一个loading感觉好难，但是还得写，当我们遇到困难不要退缩，我们要迎难而上！首先我们得先知道scroll-view怎么下拉刷新<scroll-view class='goods_list' scroll-y="{{true}}" scroll-with-animation="true" //自定义下拉刷新被触发
2021-04-02 17:40:32
3170
原创 微信小程序上传图片
上传图片的话就做上传头像的时候遇到了，就拿上传头像举个例子吧得知道我们都用到什么api，而且提醒一下，这个需要后端配合，因为最后需要上传到服务器先写一下wxml吧<view class='box' bindtap='uploadHeadImg'>上传</view>其一，我们得先提示菜单：[从相册中选择，拍照]----wx.showActionSheetuploadHeadImg: function() { let a = this; w
2021-04-02 16:14:25
152
原创 wx.showToast一闪而过微信提示一闪而过
调试的时候发现toast闪过的太快了，而且在模拟器上是没有问题的，在真机上就不行后来给toast增加时长也不管用，了解了之后总结一下问题toast闪过的快有两种情况一种是加载的时候先是showloading，加载完成之后弹toast提示一下成功或者失败，这个toast关闭的特别快，后来发现showloading和hideloading必须得是搭配使用的，就是说如果showloading之后紧跟着showtoast的话是不行的，所以在showtoast之前一定要先关闭loading//打开load
2021-04-02 10:33:19
794
原创 小程序分包 小程序页面空白 小程序上线后分包页面空白
前些天小程序提交审核之后发布了，但是一看好多页面都是点进去之后空白，很迷惑，体验版测试的都是好好的，怎么就发布了就空白页了呢？迷惑至极经过一番测试发现了是分包的页面都是空白，这样就更方便排查了但是有关于小程序上线后分包页面空白页面的解决方法并不是很多，是因为这个问题不常见吗？后来问了很多大佬，猜测着可能是主包太大了然后我就删了一大堆没用的文件，缩减了一下主包的体积就好了！！！！！(我一开始提交审核之后没发布，所以一直看的都是老版本，我以为一直没好呢，真是难搞)说来也奇怪，主包2452.7kb
2021-03-23 17:31:43
1792
2
原创 拼多多-多多进宝 只有goods_id没有goods_sign如何获取商品详情,拼多多goods_sign
自2021年1月11日起，多多进宝搜索、详情页接口停止使用goods_id获取了，改用goods_sign获取了就遇到了个小问题大概背景就是，拼多多商品生成海报分享或者通过链接分享，并没有带着goods_sign出来，我们只能拿着goods_id去获取详情这就很难搞了后来又了解了一下，我们可以通过搜索接口，搜索接口的keyword是支持传goods_id的，返回来的商品详情是带着goods_sign的，这样我们就拿到了goods_sign了wx.request({ url: 'http
2021-03-19 08:54:53
4241
2
原创 微信小程序swiper 阻止手动切换,swiper阻止滑动,动态阻止切换
讲一下逻辑,大概就是有两种情况第一种就是 查询商品详情，查询成功了，要展示这个商品的加个趋势和同款好物，这是一个tab切换第二种情况就是 查询商品失败了，就只展示同款好物了，所以这是个动态控制的我一开始就是如果商品查询失败了，就再第一个swiper-item标签上加上catchtouchmove//wxml<swiper-item class="goods_price" catchtouchmove="stopChange"></swiper-item>
2021-03-17 18:15:22
1666
原创 微信小程序 图片加载失败展示默认图片、binderror
图片加载失败，不会有提示，只是空白的一块，用户体验很不好。所以要弄一个默认的提示图片来展示本打算在src里面写两个变量名，中间写个 ||，但是尝试了之后是行不通的，即便第一个加载失败了，也不会展示第二个<!--错误展示--><img src="{{image1||image2}}" alt="">后来总结了两个方法在image外面再嵌套一层，给外层设置背景图片，如果image加载失败了就能直接展示外层的背景图了<view class="image_wrap.
2021-02-27 15:51:04
1212
原创 Echarts影响scroll-view滚动、监听页面滚动、view监听滚动
之前写过一个商品详情页，要求用Echarts展示商品价格趋势，最开始我用的是scroll-view，但是发现在scroll-view滚动的时候Echarts不会跟随scroll-view滚动，而是自行滚动，是分离开的。<!-- 导航栏组件 --><NavigationBar background='#FF7A31' isShowBack='{{true}}'></NavigationBar><!-- 滚动部分 --><scroll-view cl
2021-02-27 09:07:18
1238
原创 微信小程序 微信授权登录 获取openid和unionid、session_key
微信授权登录这块，一开始我是研究半天，后来并没用用到，本来想前端获取openid和unionid的，但是后来选择了走后台获取了，但是也是研究半天，决定写下来记录一下，方便大家参考微信授权的话，首先说，得给用户制造一个自己手动触发授权的环境，所以先搭建一个页面，简简单单的按钮这块的open-type需要是getUserInfo<button type='primary' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUs
2021-02-22 09:37:40
1248
原创 微信小程序-全局分享、自定义分享
初六复工，难以接受，我甚至能接受今天是我六十大寿但是我难以接受今儿是正月初六。年前写了个分享，还要所有的页面都要有分享，那我岂不是每个页面都要写一个onShareAppMessage？nonono，这不能这么干，这违背了我们少写一行是一行的理念。所以，我得写个全局的分享，但是这个onShareAppMessage的触发点只有button和胶囊的三个点点，所以并不是简单的写个公共方法就能解决的事儿。经过不懈的研究，写了以下demo，供大家参考。首先呢这个方法得写在app.js里面app.js//这
2021-02-18 18:34:53
960
3
原创 js 前端 时间戳转字符串 2019-08-18T16:00:00.000Z 转换 2019-08-19 00:00:00
又遇到了转换时间格式，之前一直都是时间戳转换，这次是2019-08-18T16:00:00.000Z，这种格式看似特殊，实则比普通时间戳只多一步而已，给他转换成时间戳就好了转成时间戳let str = '2019-08-18T16:00:00.000Z'let time = new Data(str).getTime()//console.log(time) ---1566144000000然后再给他转换一下格式formatting(time){ var time = new Da
2021-01-20 15:06:25
6625
2
原创 微信小程序保存视频到本地相册和保存时downloadFile:fail:url not in domain list
最近写个视频详情页，有下载视频的功能，百度一堆文档，但是千篇一律的都看不太明白，总归是太菜了，从头开始研究一番第一步需要查询用户的授权情况，获取用户设置 wx.getSetting()返回值中只会出现小程序已经向用户请求过的权限。授权总结了三种情况：1.用户从来没有授权过，res.authSetting[’scope.writePhotosAlbum’]===undefined需要wx.authorize：提前向用户发起授权请求。调用后弹出弹框向用户询问授权，如果用户已经授权，就不会弹出弹框，
2021-01-09 17:28:51
4250
6
原创 微信小程序携带参数跳转微信小程序/小程序之间的跳转
微信小程序携带参数跳转微信小程序/小程序之间的跳转wx.navigateToMiniProgram从小A序跳转到小B序首先介绍一下需要用到的api ：wx.navigateToMiniProgram他的参数们参数名是否必填类型说明appId是string要打开的小程序 appIdpath是string目标小程序的指定页面，为空的话跳首页extraData否object需要带给目标小程序的参数envVersion否string目标小
2021-01-04 21:42:03
996
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人