小程序开发总结
文章平均质量分 72
蛋蛋fighting哈湫
努力精进的程序媛一枚~
展开
-
移动端Swiper的一些尝试(中间完整,两边有内容,循环展示)
移动端Swiper,实现两边部分内容,中间完整内容,循环swiper不更新不循环修正原创 2022-12-23 19:44:23 · 1538 阅读 · 0 评论 -
学习总结——通过css设置上下滑出,左右滑出动画效果
【背景】小程序需求中涉及了一个actionsheet半屏菜单,和一个滚动时候需要隐藏一半的icon,所以要求添加从底部滑出,从右侧滑出的动画效果。需要从底部滑出的半屏菜单是带黑色遮罩的模态弹窗页面,需要从右侧滑出的是悬浮的icon,我们使用了uniapp的框架,所以模板部分写法和vue类似【关键字】css的animation,我是文档的搬运工CSS animation 属性【底部滑出】模板部分——一般的模态窗会直接设置显示隐藏,但是需要底部滑出的动画效果,内容区域不能直接通过控制dom显示隐藏来原创 2022-04-07 11:18:22 · 13839 阅读 · 3 评论 -
学习总结——小程序中输入框和键盘的那些事
【背景】最近做了几个需求,涉及在小程序中蒙层或者其他固定布局中使用输入框(input),然后光标放置的时候移动端键盘弹起,会影响页面本来的布局设置,dom整体会被键盘整体顶起来【问题解决】调研了一下,这种情况有两种解决方式1、设置input属性,让键盘顶起不影响页面【步骤】搜索小程序的文档,input的属性(文档搬运工,微信小程序input | 微信开放文档,百度小程序百度智能小程序文档)设置adjust-position为false,键盘弹起不会上推页面【优点】解决了dom上移原创 2022-04-06 20:56:37 · 3354 阅读 · 1 评论 -
小程序开发常见问题
Q: new Date(”2020-09-10 12:34:56“).getTime() 获取的时间戳在ios下不正确A:时间格式为:2017-12-12 12:00:00在苹果上获取时间戳有兼容性问题 需要转换成2017/12/12 12:00:00 才可以正确获取到时间戳newDate(”2020-09-10 12:34:56“.replace(/-/g,'/')).getTime()才可以Q:在IOS下可滚动的列表页滚动不生效A:(1) 排查页面配置是否配置了disa...原创 2021-06-07 13:45:09 · 977 阅读 · 0 评论 -
微信小程序在IOS下的一些兼容问题记录
1、使用js的new Date(”2020-09-10 12:34:56“).getTime() 获取的时间戳在ios下不正确【解决】时间格式为:2020-09-1212:00:00在苹果上获取时间戳得到的结果为NaN,解析不正确,需要转换成2020/09/12 12:00:00 才可以正确获取到时间戳newDate(”2020-09-10 12:34:56“.replace(/-/g,'/')).getTime()才可以2、在IOS下可滚动的列表页滚动不生效(在开发者工具和安卓手机下均正...原创 2020-08-26 19:38:05 · 1112 阅读 · 0 评论 -
小程序绘制海报的那些问题——记录一次uniapp小程序生成分享海报的问题及解决
最近做了一个需求,一个推广活动,在小程序中生成推广海报并且支持保存在手机相册,UI稿中呈现的是一个非全屏的固定宽高的海报图片,在保存的时候遇到了如下问题并一一解决【问题1】开发者工具中可以正常绘制海报,真机上却不行【解决】因为绘制的海报中包含banner和太阳码图片,需要使用内置方法.getImageInfo()获取解析一下图片信息,才能绘制在画布当中【问题2】真机中偶现canvas画布中文字绘制不全【解决】context.draw()这个行为是异步的,我们使用uni.canvasToTem原创 2020-05-28 19:59:29 · 1902 阅读 · 0 评论 -
微信中使用scroll-view实现滚动页面,上拉加载更多频繁回到顶部(避坑scroll-y滚动页面中,在顶部设置了fixed的搜索框中文字在iphone设备中掉出页面外的问题)
问题出现于一个滚动列表页,在顶部设置了fixed样式的搜索框,结果测试过程中,搜索框中的文字在视图滚动时会掉到页面外面来,为了解决这个问题,采用了以下的方式(1)调整样式,之前的fixed搜索框和滚动列表区域均使用absolute在页面进行定位并设置不同的top值分隔开来,列表区域不再设置scroll-y样式,改用小程序原生的scroll-view滚动视图实现滚动列表(2)这样的解决办法需...原创 2019-04-09 11:18:42 · 959 阅读 · 0 评论 -
微信小程序iphone7设备下跳转h5页面失败,h5页面显示白屏,加载报错,其他页面正常显示
如题,遇到了上面这个问题,在小程序的webview中加载了一个h5页面,满足某种条件的时候跳转到到这个h5页面,这个页面处理了一些逻辑,处理完成后会跳转回来这个页面,所以在往这个h5页面跳转的时候也携带了一些参数,在众多设备都正常,然后遇到了iphone7!(7plus,6等也不行),页面跳过去是一个白屏!(真心无力吐槽ios里面小程序的各种兼容问题)排查过程1、在小程序页面中打开了调试查...原创 2019-04-08 19:01:02 · 4515 阅读 · 3 评论 -
微信小程序指定场景调试(模拟公众号跳转、模拟小程序跳转)
最近开发中常常遇到需要模拟公众号跳转到某个小程序或者小程序跳转小程序的情况,开发阶段一般我们都使用微信开发者工具进行开发,存在跳转的情况应该如何模拟呢,尤其是遇到bug的时候,总是在真机上面看真是太吃力了。。。网上搜了很多资料,总结了几种方法,自己总结的同时也希望可以帮助到其他人哈1、小程序跳转小程序模拟(1)在来源小程序中设置小程序跳转的有关信息如下图代码 wx....原创 2019-04-08 18:45:22 · 8688 阅读 · 4 评论 -
小程序跳转问题踩坑(小程序跳转H5,H5跳回小程序,小程序跳转小程序)
最近遇到了一系列的小程序的跳转问题,甚是头大,好不容易最后都解决了,总结记录一下1、小程序中加载H5页面,H5页面是一个表单,提交后执行跳转到小程序的其他页面(1)小程序中加载H5页面在小程序中加载H5页面需要通过小程序提供的<web-view>(官方文档看这里https://developers.weixin.qq.com/miniprogram/dev/compo...原创 2019-01-19 10:42:23 · 6268 阅读 · 2 评论