![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
喵了__个咪
这个作者很懒,什么都没留下…
展开
-
微信小程序踩坑记录 ------- 解决 web-view 刷新Html页面问题
最近搞了个520活动,总得来说流程不是很复杂但还是踩到了坑,特此记录一下,帮助自己记忆也方便给有同样问题的小伙伴一个参考。这次做的活动是将H5页面嵌套在小程序的web-view组件中,H5活动页面中涉及到一个领取优惠券的操作,但是有一个必须是手机号登录用户才可以领取的限制条件,所以流程是这样的:1、小程序给H5传参,H5根据接口判断用户是否登录2、如果用户没有登录H5页面通过微信 JSSDK 1.3.2 的 wx.miniProgram.navigateTo 方法跳转到小程序的手机号注册页面3、.原创 2020-05-19 03:05:30 · 5666 阅读 · 2 评论 -
微信小程序踩坑记录 ------- 解决 http://thirdwx.qlogo.cn 不在以下 downloadFile 合法域名列表中的问题
这几天搞了个活动再次用到了使用canvas生成分享图的技巧,本来都是轻车熟路,奈何还是太年轻,严重低估了微信小程序坑的深度,这一脚踩的是猝不及防。几经周折终于是试出来了一个解决的办法,在这里记录,为后人搭桥防止坠坑。对于还不知道如何在微信小程序中用canvas画出分享图的小伙伴,可以参考我的另外一篇文章 《微信小程序踩坑记录 ------- canvas生成带小程序码的微信朋友圈分享图》在...原创 2020-04-16 00:04:47 · 18578 阅读 · 14 评论 -
微信小程序踩坑记录 ------- 解决原生表单组件 textarea 的 placeholder在真机上出现偏移的问题
如果我们拿到的设计图是标题和输入框文字左右对齐的话,这种时候使用正常的对齐样式,等到真机上进行调试的时候就会发现 Android 和 iOS 的表现形式不一样,textarea 的 placeholder 中的文字总是向下一些的,让人很是头疼,出现这种问题之后多出查找相关资料,最终得出结论:由于微信小程序的 textarea 组件在 Android 和 iOS 中默认样式不同,在 iOS 中会...原创 2020-03-22 19:41:42 · 4568 阅读 · 0 评论 -
微信小程序踩坑记录 ------- 使用原生表单组件 textarea 层级过高导致出现穿透问题的解决方案
微信小程序的组件有原生与非原生组件的区分,想必有些小伙伴是知道的,官方文档里面对于这里的描述也是很清晰的,博主在这里遇到的就是表单组件里面的textarea,由于原生组件的层级特性导致会出现穿透效果,非常影响用户体验,具体如下图下面的店铺简介就是textarea的杰作,在拉起选择框的时候,总是能后穿透出来他的内部placeholder文字,让人很头疼;我在这里的解决方案是在拉起选择框弹层的...原创 2020-03-22 19:20:23 · 993 阅读 · 0 评论 -
微信小程序踩坑记录 ------- 使用switchTab向tab页面跳转时如何进行参数传递与接收
微信小程序页面之间的跳转传参使用最多的就是直接使用 navigator 标签来进行参数的传递,在跳转页用js进行参数接收,如从A页面跳转到B页面:A 页面可以在WXML中使用<navigator url="/pages/B?id=1"> 点我向B页面进行跳转,传递id值1</navigator>向B页面传递参数并进行跳转。然后在A页面的js中使用onLoad:...原创 2019-10-14 09:33:59 · 3110 阅读 · 3 评论 -
微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图
最近做了一个问卷类的小程序,其中的结果页想让用户进行朋友圈分享转发,网上搜索资料,得出解决思路,用 canvas 将页面绘制生成图片,然后保存到手机相册,最终效果如下: 在这里我只写页面里关于 canvas 生成图片并进行保存这个流程的相关代码,并且会在我踩过的坑那里进行具体的讲述。废话不多说直接上干货wxml&amp;amp;amp;amp;lt;!-- 调用canvas图片绘制方法 按...原创 2018-09-14 04:51:32 · 7556 阅读 · 8 评论 -
微信小程序踩坑记录 ------- 优化修改微信小程序原生单选(radio)复选(checkbox)框样式
现在的微信小程序是火的不要要的,很多公司都开始做微信小程序的产品项目,很多前端工程师都或主动或被动的一头扎向小程序开发大军,当然我也不可避免的开始加入其中。不管是做什么样的项目,或多或少会涉及到表单,小程序提供了一系列的原生表单组件,其中很多组件是很不错的,我们直接拿来用就可以,但是单选和复选框的样式,实在是不在丑的不忍直视,当然和我们的设计小哥哥小姐姐做的设计图更是相差甚远,为了达到预期效果我...原创 2018-10-21 12:27:36 · 6897 阅读 · 0 评论 -
使用 ES 5 的 Object.keys() 和 ES 6 Object.values()、Object.entries() 方法获取对象中的键值对
今天撸代码写小程序的时候,后端同学一改之前数据返回格式常态,将 JSON 数组换成了 JSON 对象的格式。这下取出数据成问题了啊,作为一个前端小菜鸟,只能到处搜索方法,终于找到了ES 6 中的新方法可以直接用来读取Object中的键值对,闲话不说上代码。一、Object.keys() 将对象中的键名返回成一个数组后端童鞋给我返回的数据格式是这样的:代码里面如下:info: { "装修...原创 2018-10-30 20:50:34 · 4139 阅读 · 0 评论 -
微信小程序踩坑记录 ------- 微信小程序如何开发常见的拉起外部地图软件进行导航的功能
最近在做一个项目,需要开发大家在手机上经常用到的地图导航,主要实现功能有三点: 一、在地址旁加一个按钮可以点击拉起微信内置地图 二、点击地图内的导航按钮可以跳转到想要的地图进行操作,如:高德、腾讯、苹果内置 三、进行熟悉的导航操作,如:选用 驾车、步行等模式其实后两步,微信已经全部封装好了,不需要我们多去操心。我们只需要做好如下几点就可以了:一、使用小程序内置方法拉起地图 二、使用...原创 2018-11-13 23:11:50 · 9015 阅读 · 10 评论