mpvue
文章平均质量分 54
FE-阿阳
爱学习的程序猿
展开
-
mpvue 配置 tabBar 图片路径出错
mpvue 配置 tabBar 图片路径出错问题描述 使用 mpvue 开发小程序,配置 tabBar 时,提示配置的路径找不到,但是已经把image 文件夹放到了src 目录下;解决方案如果把 image 文件夹手动放到dist 目录下,是正常可以找到的。 是不是 mpvue 没有把需要的图片打到 dist 下,需要自己手动添加(自己猜测!)。等待 mpvue 修复...原创 2018-03-16 14:56:09 · 3734 阅读 · 2 评论 -
微信小程序 webview 页面刷新
微信小程序 webview 页面刷新问题描述在微信小程序原生页面做了操作,数据发生改变,回到 webview 页面时需要更新 webview 里面的数据。由于小程序没有提供与 webview 的实时通信能力,因此刷新页面是个可考虑的做法。解决方案首先,解决回到 webview 刷新的问题,webview 自带缓存,直接物理键返回,或者 back api 返回,都不会更新实时数据,这个问题可...原创 2019-01-15 08:58:57 · 10550 阅读 · 4 评论 -
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变)2.我调用input输入框,准备输入内容,每次倒计时秒数变得时候,光标的内容自动全部清空具体场景描述请见下图:解决方案这个问题是 mpvue 处理定时器和 input 输入框在ios上的兼容问题;问题连接附上:git...原创 2018-12-18 19:16:07 · 6565 阅读 · 0 评论 -
window.__wxjs_environment 为 Undefined
window.__wxjs_environment 为 Undefined问题描述微信小程序的 webview 中在网页内可通过window.__wxjs_environment变量判断是否在小程序环境,但是在真实项目中发现有时 window.__wxjs_environment 为 undefined;解决方案这个全局变量建议在WeixinJSBridgeReady回调中使用,也可...原创 2018-12-14 00:23:10 · 3630 阅读 · 0 评论 -
富文本解析 wxParse 解析数据造成页面假死
富文本解析 wxParse 解析数据造成页面假死问题描述小程序中总有富文本解析的场景,比如:头条的终端页。我们的终端页使用了 wxParse, 但是由于 wxParse有些小问题,并且项目使用 mpvue,所以把wxParse 拉到本地做了一些魔改,但是依然遇到性能瓶颈,数据过多造成页面假死,相对于小程序原生的 rich-text 富文本解析组件;wxparse 的功能性更丰富,支持 vi...原创 2018-11-15 09:00:16 · 2993 阅读 · 2 评论 -
微信小程序 canvas 问题
微信小程序 canvas 问题问题描述场景:当前页面用 canvas 画了个图片,获取到临时路径;之后再用这个临时路径去画图,手机上会出现画不出来或者画不全的情况;开发者工具没问题。解决方案原因不明,小程序的问题,尽量避免这种场景,没有找到解决方案。实际开发中,当时第一次处理了用户微信头像,然后再用临时路径画,ios 和安卓都没出来;阿里返回坐标点的图片,ios没问题,安卓只出来一半...原创 2018-10-22 13:05:32 · 1056 阅读 · 0 评论 -
微信小程序同一个页面压入历史栈两次,返回第二次页面没数据
微信小程序同一个页面压入历史栈两次,返回第二次页面没数据问题描述 最近项目中遇到一个场景,页面A(A1) => B => A(A2), 然后返回时,先从页面返回时,从A2 => B => A1, A2 回退时,会触发 A2 的 onUnload(onUnload 事件中执行了一些数据重置为空的函数)事件,然后回退到 A1时,发现 A 页面的数据为空,A1 此时不...原创 2018-08-31 11:13:31 · 2976 阅读 · 5 评论 -
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 · 5799 阅读 · 0 评论 -
mpvue 中插槽 slot 没有渲染出来
mpvue 中插槽 slot 没有渲染出来问题描述 组件开发中,经常会使用到插槽 slot, 小程序原生是支持插槽的,mpvue 也支持了插槽,但是发现插槽并没有被渲染出来,原因如下:解决方案mpvue 虽然公布支持了插槽,但是有版本限制的,开发者注意看看版本,slot 没出来总结为以下几点(截止为1.0.15版本): 1. mpvue 的版本问题,1.0.13 之后才...原创 2018-07-04 17:57:04 · 7422 阅读 · 0 评论 -
微信小程序同声传译 Face2FaceTranslator 开发
微信小程序同声传译 Face2FaceTranslator 开发 腾讯开源了微信小程序的同声传译插件 Face2FaceTranslator ;开发者可以在小程序使用同声传译的功能,以下是本人在项目中做的 demo;我们的小程序是用美团的 mpvue 做的。Face2FaceTranslator github链接(官方demo) Face2FaceTranslator 官方开发文档...原创 2018-07-02 10:43:14 · 3241 阅读 · 0 评论 -
wx.showToast() 在真机中闪烁一下消失
wx.showToast() 在真机中闪烁一下消失问题描述 在真实的业务场景下,请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息,调用 wx.showToast(),在模拟器上没事,但是在真机上会出现提示信息闪烁一下,然后消失。解决方案这个问题出现的原因就是因为小程序的内部处理 wx.sho...原创 2018-05-28 14:05:33 · 13087 阅读 · 4 评论 -
原生开发小程序 和 wepy 、 mpvue 对比
原生开发小程序 和 wepy 、 mpvue 对比 本文横向对比、探讨了下原生开发小程序,和目前比较热门的 wepy 、mpvue 开发小程序三种方式的优势和劣势;由于三者的篇幅都比较多,本文只是简单介绍。如有错误,请大神们指正。三者的开发文档以及介绍:原生开发小程序文档:点此进入 wepy 开发文档:点此进入 mpvue 开发文档:点此进入 三者的简单对比:...原创 2018-03-20 11:48:24 · 44423 阅读 · 6 评论 -
微信小程序设置超出行显示 ... 与展开更多按钮
微信小程序设置超出行显示 ... 与展开更多按钮问题描述业务开发中会有一些场景,超出一行显示 … 与展开更多按钮,展开更多按钮可以切换显示一行还是全部内容,少于一行正常显示;解决方案分析下问题: 一般这种需求不好实现的原因是,在移动端,每行显示的字数的有可能在不同机型会有差异,所以就使开发者无法知道这些内容是否超过一行,是否该显示展开更多按钮。绕开上述原因,曲线救国,我们在每次页面渲染完...原创 2019-04-11 22:17:06 · 17916 阅读 · 0 评论