微信小程序
文章平均质量分 51
FE-阿阳
爱学习的程序猿
展开
-
企业微信分享出来的小程序提示找不到页面
企业微信分享出来的小程序提示找不到页面问题描述有些企业研发的内部小程序,在微信中可以正常使用,在企业微信里面分享小程序,提示:找不到页面。解决方案这个是企业微信的bug,等待修复吧,临时解决方案可以小程序页面的路径后添加 .html(小程序的路径是没有此后缀的)。...原创 2021-01-17 15:57:12 · 1997 阅读 · 2 评论 -
小程序 ios 全面屏底部留出安全距离
小程序 ios 全面屏底部留出安全距离问题描述对于苹果手机,底部有安全距离,一些底部会有遮挡,当然可以通过过去系统信息动态设置底部距离。下面提供一个用 css 设置底部安全距离的方案解决方案苹果官方推荐使用env(),constant()来适配,建议使用该方案,不需要管数值具体是多少。这2个方法是什么呢?env()和constant(),是IOS11新增特性,Webkit的css函数...原创 2020-04-29 14:12:30 · 8781 阅读 · 0 评论 -
微信开发者工具不能调试公众号和小程序 webview
微信开发者工具不能调试公众号和小程序 webview问题描述微信开发者工具调试小程序 webview 页面白屏,但是 date 里面数据一切正常微信开发者工具不能调试公众号网页,但是打开百度正常解决方案这个原因真是微信的锅,让人搞了一上午。微信开发者工具在2019年4月份之后的版本都不能调试网页相关的。可以安装 1.02.1904090 版本;如下图:微信开发者工具下载入口...原创 2019-12-25 17:41:33 · 2234 阅读 · 1 评论 -
超出最大距离,背景渐变
超出最大距离,背景渐变问题描述有的时候项目中有以下需求,如下图:当字数超出一定距离需要用渐变的效果;问题分析这种效果其实有很多种方式实现,比如:给元素设置最大长度,当页面渲染完成之后,判断元素的宽度是否达到最大宽度,给元素后面加一个渐变的背景盖在文字上;但是这种方式不太灵活,我们的需求是这个渐变是根据页面的主题色来的,是随时可配置的;解决方案以下是用 css 的解决方案达到...原创 2019-11-07 15:51:10 · 246 阅读 · 0 评论 -
新建一个小程序
新建一个小程序新建一个小程序有两种方式:第一种直接用一个新的邮箱登录微信公众平台;然后创建小程序,但是这种接下来还需要各种资质和审核;第二种是在已有公众号的情况下创建一个小程序,也是下面主要介绍的,是我们现在主要使用的一种方式;准备工作微信公众平台入口已经有了微信公众号申请一个邮箱(用来创建小程序,我们使用的是腾讯企业邮箱)第一步打开微信公众平台,登录已有的微信公众号,点...原创 2018-12-27 10:12:10 · 1377 阅读 · 0 评论 -
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变)2.我调用input输入框,准备输入内容,每次倒计时秒数变得时候,光标的内容自动全部清空具体场景描述请见下图:解决方案这个问题是 mpvue 处理定时器和 input 输入框在ios上的兼容问题;问题连接附上:git...原创 2018-12-18 19:16:07 · 6579 阅读 · 0 评论 -
微信小程序 webview 页面刷新
微信小程序 webview 页面刷新问题描述在微信小程序原生页面做了操作,数据发生改变,回到 webview 页面时需要更新 webview 里面的数据。由于小程序没有提供与 webview 的实时通信能力,因此刷新页面是个可考虑的做法。解决方案首先,解决回到 webview 刷新的问题,webview 自带缓存,直接物理键返回,或者 back api 返回,都不会更新实时数据,这个问题可...原创 2019-01-15 08:58:57 · 10566 阅读 · 4 评论 -
微信小程序 1rpx border ios 真机显示不全
微信小程序 1rpx border ios 真机显示不全问题描述在微信小程序的原生页面,ios 真机上 1rpx border 会出现个别边显示不全的情况;解决方案这里先放上问题直通车:微信小程序1rpx border ios真机显示不全问题分析及解决方案经过分析:当标签的父容器宽度(单位rpx)÷2的值为偶数或偶数.5的时候会出现该bug,那么我们可以推到出用200.5*2=401,3...转载 2019-01-20 22:50:47 · 2479 阅读 · 0 评论 -
微信公众号通知和服务通知
微信公众号通知和服务通知详细描述以下简单对公众号通知和服务做一些总结:公众号通知:微信在公众号推送的通知,比较有针对性,无法禁止推送,出发取消关注;推送权限: 用户必须有交互,包括并不仅限于:扫码、关注、点击菜单,发送消息(大概会获取推送二十条的权限)等,权限会是三天有效期服务通知:微信小程序通知的集合内容,所有小程序的服务通知会在一起推送;推送权限: 必须有formId,一个f...原创 2019-01-28 09:00:19 · 31695 阅读 · 1 评论 -
微信小程序中 input 的自定义删除按钮点不了
微信小程序中 input 的自定义删除按钮点不了问题描述业务场景:手机号输入框有个删除按钮可以删除输入的手机号。但是真机上经常输入框聚焦之后删除按钮点击不了。问题原因在开发者工具上调试发现:input 框在安卓和ios上都有默认不同的宽度,并且 微信小程序 input 是原生的组件,当聚焦之后,层级最高,会覆盖掉删除按钮,失焦之后就可以点击。比较直观的图如下:解决方案因为 inp...原创 2019-03-04 10:26:21 · 2207 阅读 · 3 评论 -
微信小程序版本自动更新
微信小程序版本自动更新直通车转载 2019-03-10 20:44:10 · 778 阅读 · 1 评论 -
微信小程序设置超出隐藏,点击加载更多实现动画效果
微信小程序设置超出隐藏,点击加载更多实现动画效果问题描述业务开发中经常会有一些场景,以商品订单场景为例,少于两个商品,不显示更多按钮,超过两个显示更多,点击展开,商品全部展示,并且有渐变动画效果解决方案Tips:先说下自己当时的误区的纠正:动画的发生需要满足以下条件:实现动画的元素 css 属性写上了 transition 属性,并且值设置正确(具体值代表什么,自行百度)元素需要实...原创 2019-04-10 23:42:27 · 4434 阅读 · 0 评论 -
vsCode 配置 easy less 插件转换 css、wxss、acss
vsCode 配置 easy less插件转换 css、wxss、acss问题描述小程序开发有时会使用 easy less 插件,在 vsCode 中配置自动转换,以下为配置方式:解决方案先附上下图,再来一步步配置;vsCode 中安装 easy less 插件;建一个文件夹.vscode.vscode 文件夹下建一个叫 settings.json 的文件settings.js...原创 2019-03-28 13:46:54 · 8088 阅读 · 2 评论 -
vsCode 配置 easy sass 插件转换 css、wxss、acss
vsCode 配置 easy sass 插件转换 css、wxss、acss问题描述小程序开发有时会使用 easy sass 插件,在 vsCode 中配置自动转换,以下为配置方式:解决方案先附上下图,再来一步步配置;vsCode 中安装 easy sass 插件;建一个文件夹.vscode.vscode 文件夹下建一个叫 settings.json 的文件(针对于当前项目的配置...原创 2019-03-28 14:58:15 · 10602 阅读 · 4 评论 -
微信小程序设置超出行显示 ... 与展开更多按钮
微信小程序设置超出行显示 ... 与展开更多按钮问题描述业务开发中会有一些场景,超出一行显示 … 与展开更多按钮,展开更多按钮可以切换显示一行还是全部内容,少于一行正常显示;解决方案分析下问题: 一般这种需求不好实现的原因是,在移动端,每行显示的字数的有可能在不同机型会有差异,所以就使开发者无法知道这些内容是否超过一行,是否该显示展开更多按钮。绕开上述原因,曲线救国,我们在每次页面渲染完...原创 2019-04-11 22:17:06 · 17929 阅读 · 0 评论 -
window.__wxjs_environment 为 Undefined
window.__wxjs_environment 为 Undefined问题描述微信小程序的 webview 中在网页内可通过window.__wxjs_environment变量判断是否在小程序环境,但是在真实项目中发现有时 window.__wxjs_environment 为 undefined;解决方案这个全局变量建议在WeixinJSBridgeReady回调中使用,也可...原创 2018-12-14 00:23:10 · 3650 阅读 · 0 评论 -
富文本解析 wxParse 解析数据造成页面假死
富文本解析 wxParse 解析数据造成页面假死问题描述小程序中总有富文本解析的场景,比如:头条的终端页。我们的终端页使用了 wxParse, 但是由于 wxParse有些小问题,并且项目使用 mpvue,所以把wxParse 拉到本地做了一些魔改,但是依然遇到性能瓶颈,数据过多造成页面假死,相对于小程序原生的 rich-text 富文本解析组件;wxparse 的功能性更丰富,支持 vi...原创 2018-11-15 09:00:16 · 2997 阅读 · 2 评论 -
mpvue 配置 tabBar 图片路径出错
mpvue 配置 tabBar 图片路径出错问题描述 使用 mpvue 开发小程序,配置 tabBar 时,提示配置的路径找不到,但是已经把image 文件夹放到了src 目录下;解决方案如果把 image 文件夹手动放到dist 目录下,是正常可以找到的。 是不是 mpvue 没有把需要的图片打到 dist 下,需要自己手动添加(自己猜测!)。等待 mpvue 修复...原创 2018-03-16 14:56:09 · 3737 阅读 · 2 评论 -
原生开发小程序 和 wepy 、 mpvue 对比
原生开发小程序 和 wepy 、 mpvue 对比 本文横向对比、探讨了下原生开发小程序,和目前比较热门的 wepy 、mpvue 开发小程序三种方式的优势和劣势;由于三者的篇幅都比较多,本文只是简单介绍。如有错误,请大神们指正。三者的开发文档以及介绍:原生开发小程序文档:点此进入 wepy 开发文档:点此进入 mpvue 开发文档:点此进入 三者的简单对比:...原创 2018-03-20 11:48:24 · 44435 阅读 · 6 评论 -
wx.showToast() 在真机中闪烁一下消失
wx.showToast() 在真机中闪烁一下消失问题描述 在真实的业务场景下,请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息,调用 wx.showToast(),在模拟器上没事,但是在真机上会出现提示信息闪烁一下,然后消失。解决方案这个问题出现的原因就是因为小程序的内部处理 wx.sho...原创 2018-05-28 14:05:33 · 13095 阅读 · 4 评论 -
微信小程序同声传译 Face2FaceTranslator 开发
微信小程序同声传译 Face2FaceTranslator 开发 腾讯开源了微信小程序的同声传译插件 Face2FaceTranslator ;开发者可以在小程序使用同声传译的功能,以下是本人在项目中做的 demo;我们的小程序是用美团的 mpvue 做的。Face2FaceTranslator github链接(官方demo) Face2FaceTranslator 官方开发文档...原创 2018-07-02 10:43:14 · 3246 阅读 · 0 评论 -
mpvue 中插槽 slot 没有渲染出来
mpvue 中插槽 slot 没有渲染出来问题描述 组件开发中,经常会使用到插槽 slot, 小程序原生是支持插槽的,mpvue 也支持了插槽,但是发现插槽并没有被渲染出来,原因如下:解决方案mpvue 虽然公布支持了插槽,但是有版本限制的,开发者注意看看版本,slot 没出来总结为以下几点(截止为1.0.15版本): 1. mpvue 的版本问题,1.0.13 之后才...原创 2018-07-04 17:57:04 · 7425 阅读 · 0 评论 -
微信小程序Push场景本地调试方法
公众号Push场景本地调试方法问题描述 开发公众号时,会出现正常进入没问题,但是通过 push 进入出现 bug 的场景,这时就尴尬,总不能每次为了测试 push 场景而去审核通过,以下是在本地调试 push 场景的方法;解决方案开发者工具添加编译模式,入口页面为需要调试的页面,启动参数都带上 扫码进入,然后关闭,第二次进入即为Push入口的场景。 从公众号 Push...原创 2018-08-02 10:09:52 · 1716 阅读 · 0 评论 -
微信小程序分享开发
Page.onShareAppMessage(Object)在 Page 中定义 onShareAppMessage 事件处理函数,自定义该页面的转发内容。onShareAppMessage(Object)监听用户点击页面内转发按钮(<button> 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。注意:只有定义了此事件处理...转载 2018-08-08 15:12:01 · 2855 阅读 · 0 评论 -
padStart is not a function
padStart is not a function问题描述 微信小程序开发时,控制台padStart is not a function;解决方案不用这个方法了呗,或者自己重新在 String.prototype.padStart 中自己实现,毕竟是 es6 之后的方法,经测试,微信6.6.6版本不支持,6.6.10 版本支持,和版本也有一定的关系,期望以后的支持性...原创 2018-08-20 10:11:53 · 5813 阅读 · 0 评论 -
微信小程序同一个页面压入历史栈两次,返回第二次页面没数据
微信小程序同一个页面压入历史栈两次,返回第二次页面没数据问题描述 最近项目中遇到一个场景,页面A(A1) => B => A(A2), 然后返回时,先从页面返回时,从A2 => B => A1, A2 回退时,会触发 A2 的 onUnload(onUnload 事件中执行了一些数据重置为空的函数)事件,然后回退到 A1时,发现 A 页面的数据为空,A1 此时不...原创 2018-08-31 11:13:31 · 2981 阅读 · 5 评论 -
微信小程序输入框会字体显示不全或者换行
微信小程序输入框会字体显示不全或者换行问题描述 有的时候不同的设备上会出现微信小程序输入框表现不一致,比如:换行,字体显示不全解决方案用开发者工具调试发现,input,textarea 有默认的 weight or height,并且是 rem 为单位,所以会在不同设备出现不同的表现的形式。 原因找到了,解决方法就是覆盖掉默认样式就ok;...原创 2018-09-06 15:06:39 · 9775 阅读 · 0 评论 -
微信小程序 wx.reLaunch 执行前几个页面的 onUnload 钩子
微信小程序 wx.reLaunch 执行前几个页面的 onUnload 钩子解决方案有种场景:页面 A => B => C => D, 当在 C 页面调用 wx.reLaunch({url:’/pages/D’}) 时,页面 A 、B、C 的 onUnload 事件都会执行,这是小程序的触发规律,根据自己业务场景看需要怎么处理一些事情。...原创 2018-09-10 14:56:58 · 6143 阅读 · 0 评论 -
微信小程序输入框属性 cursor-spacing 问题
微信小程序输入框属性 cursor-spacing 问题问题描述 微信小程序给输入框提供了属性 cursor-spacing,用处是聚焦时光标离软键盘的距离,但是在安卓机子上会出现不太好使,比如,没有达到预期的设置值,还有滑动到底部,设置的值不起作用。解决方案因为 cursor-spacing 属性是微信小程序提供的,经过对比、测试发现,当出现这种情况的时候,是因为微信版...原创 2018-09-07 08:31:45 · 16244 阅读 · 0 评论 -
微信小程序 canvas 问题
微信小程序 canvas 问题问题描述场景:当前页面用 canvas 画了个图片,获取到临时路径;之后再用这个临时路径去画图,手机上会出现画不出来或者画不全的情况;开发者工具没问题。解决方案原因不明,小程序的问题,尽量避免这种场景,没有找到解决方案。实际开发中,当时第一次处理了用户微信头像,然后再用临时路径画,ios 和安卓都没出来;阿里返回坐标点的图片,ios没问题,安卓只出来一半...原创 2018-10-22 13:05:32 · 1059 阅读 · 0 评论 -
微信小程序页面按钮分享好友缩略图截取顶部
微信小程序页面按钮分享好友缩略图截取顶部问题描述微信小程序转发会默认截取当前页面的当前作为转发好友的缩略图,但是 PM 想实现转发的时候用当前页面的顶部UI作为转发缩略图。解决方案其实方案就是将页面滑动到顶部,但是注意一定要加延时才起效果,以下是代码wx.pageScrollTo({ scrollTop: 0, duration: 100});...原创 2018-11-15 08:59:01 · 4094 阅读 · 0 评论 -
vsCode 开发微信小程序插件
vsCode 开发微信小程序插件问题描述 用微信开发者工具开发微信小程序不适应;没事,我们还有强大的 vsCode;解决方案用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS 5. 有个和 vsCode 差不多,还可原创 2018-02-07 08:21:47 · 49050 阅读 · 4 评论