微信小程序 开发中遇到问题总结

网友投稿 504 2023-11-12

微信小程序 开发中遇到问题总结

微信小程序 开发中遇到问题总结

1.由于小程序wx.request()方法是异步的，在app.js执行ajax后，各分页加载app.js的全局数据时，无法按顺序加载。例：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//app.js
App({
ajax:function(){
let that = this;
wx.request({
url: https://a.com/url.php,
method: GET,
success: function(e){
that.data = 123;
}
})
};
})
//content.js
let app = getApp()
Page({
getData: function(){;
app.ajax();
console.log(app.data); //undefined
}
})

解决方法，使用Promise异步函数：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//app.js
App({
ajax:function(){
let that = this;
let promise = new Promise(function(resolve, reject){
wx.request({
url: https://a.com/url.php,
method: GET,
success: function(e){
that.data = 123;
resolve();
}
})
});
};
})
//content.js
let app = getApp()
Page({
getData: function(){;
app.ajax().then(()=>{
console.log(app.data); //123
});
}
})

2.图片只能获取原始宽高，无法获取现有宽高。不过image标签封装了mode属性，可以根据需求自行设置。

3.每个image标签底部有一条透明间隔，非padding，非margin。在图片前面做遮罩层时可能会被坑。

4.网络请求必须部署https

5.配置tabBar时，list参数中的pagePath参数至少需要包含app.json里pages数组中的第一个路径，否则会导致tabBar不显示。

6.tabBar跳转时无法带参数，解决方法：

7.小程序wx.request()方法请求的url必须是https开头

8.wx.request()使用post方法请求时，还需要加上header，header[content-type]值为application/x-www-form-urlencoded。例：

?
1
2
3
4
5
6
7
8
9
10
11
wx.request({
url: https://a.com/url.php,
data: {message: 123},
method: POST,
header: {
content-type: application/x-www-form-urlencoded
},
success: function(e){
console.log(e)
}
});

9.小程序无法加载html标签，同时数据渲染也无法渲染wxml标签（<view></view>等），可以使用wxParse.js来处理相关数据。

10.安卓无法渲染wx.request()请求的数据。

检测返回的数据是否有BOM头（3个字符的空白）。安卓的wx.request解析不会跳过BOM头，导致数据返回的是字符串，而不是对象或者数组。

例：

返回的数据是：(3个字符的空白){a:1, b:2}

解析的数据是：{a:1, b:2}(字符串)，而不是{a:1, b:2}(对象)

由于不是对象，模板渲染之类会无法正常进行。解决方法，后台返回数据前去掉BOM头就行。如果后台不会去BOM头，可以在前端去除，但是wx.request如果dataType缺省，会默认为json并自动解析，导致无法去除BOM头。

解决方案：

?
1
2
3
4
5
6
7
8
9
wx.request({
url: url,
method: GET,
dataType: txt,
success: function(e){
let json = e.data.trim();
let arr = JSON.parse(json);
}
});

dataType改为json以外的格式，避免小程序自动解析json字符串，然后对返回的数据用 trim() 方法去掉空白，最后解析json字符串就行。

11.调试时多行省略（-webkit-line-clamp）正常，发布时多行省略无效。

解决方案：如果不想重新审核，让后台截断就好

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:微信小程序 二维码canvas绘制实例详解微信小程序左滑删除效果的实现代码微信小程序 基础知识css样式media标签微信小程序 http请求封装详解及实例代码微信小程序中实现一对多发消息详解及实例代码微信小程序 Nginx环境配置详细介绍微信小程序小组件 基于Canvas实现直播点赞气泡效果微信小程序 详解页面跳转与返回并回传数据微信小程序 PHP生成带参数二维码

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 微信小程序 小程序 属性 部署
上一篇:警务综合平台查询系统—提升执法效率，实现信息整合
下一篇:银行APP开放生态: 开启金融创新与便利的新时代
相关文章

 发表评论

暂时没有评论，来抢沙发吧~