微信小程序开发中的疑问解答汇总

前言

最近总结一篇微信小程序解答,作为小程序填坑人深有体会这里的变化,小程序刚发布消息的时候我就说了一个观点,只要小程序提供的组件或API丰富,稳定,兼容性好,才能实现小程序快速开发的理念,先如今还有很多组件的兼容不理想,有一些还在的优化中,因基于小程序这个平台开发限制很大,只能坐等中。。。如果想用第三方库来实现,小程序明文规定不支持第三方库的做法,这样做最终小程序审核环节百分百的不通过。

1.scroll-view 在 iOS 上存在 bug

在使用这个组件开发页面的时候,因自带滚动效果,Y 轴滑动在下拉触发 iOS 原生的橡皮筋效果时,scroll-view 出现不能滑动的 bug,在 Android 系统下无橡皮筋效果则没有这个 bug。现在最新版本0.11.122100如果还存在那就是下个版本会处理的。

2.微信 6.3.31 版本中 input 的 focus 无效

在小程序更新日志记录中以解决

2016-12-22 更新日志

1.F 修复 <input/> 组件在开发者工具上失去焦点时清空内容的问题

3.在 iOS 使用导航跳转页面的时候,偶尔会出现白屏的 bug

官方已知道,会在后期版本修复

4.tabBar 图标在各个平台上的大小不一致

官方已知道,会在后期版本修复

5.iOS 上返回导航栏存在被修改的 bug

tabBar 的问题官方已经知晓,下个版本会增加 switchTab 的接口让开发者直接控制 tabBar 的切换

6.地图覆盖物无法添加点击事件,无法获取用户点击了那个覆盖物

官方已知道,会在后期版本修复

7.小程序是否可以变相支持 webview

不支持

8.Android 微信更新至 6.3.32 后,不支持从普通页跳转到带 tab 栏的页面

新版本会有专门的 API 来跳转到 tabbar 的页面,之前的处理方式会有逻辑问题

9.swiper 如何实现循环轮播

现在版本已 circular 属性支持

10.快速点击多个 input 时,会出现问题

此问题官方以修复,等待发布版本

11.调试时,WXML 经常出现空白的情况

已经修复,下个版本的开发工具将会更新

12.scroll-view 重叠时,会出现事件穿透的问题

官方后续会修复

13.Android 下,1rpx 的 border 可能会出现不显示的问题

在部分 Android 的手机中存在小数值的 rpx 显示不全的问题,新版本的微信将修复这个问题

14.能否从小程序中打开普通的网页链接

现在不支持

15.scroll-view 里面有 textarea,它的内容无法变动

官方目前不支持

16.WXSS 文件里编写 CSS 3 动画,点击编译直接就报错了,编译不通过

目前小程序支持很少的css3 属性,官方后期陆续支持更多css3属性

17.在微信小程序的 canvas 相关 API 中,我们发现缺少将 canvas 转换成图片的相关 API 接口

微信6.3.30 已支持 wx.canvasToTemFilePath,可以用于将 canvas 转成图片临时文件路径

18.目前提供的 canvas 绘图接口,不能跟网页原生 API 兼容

是的

19.小程序开发,Tab如何移动到顶部

微信6.3.30 已支持在 tabBar 设置 position 参数

20.在小程序的 API 中是否有获取图片原始宽高的接口

微信6.3.30 已支持,image 组件的 bindload 事件可以返回图片的原始宽高

21.小程序能引用外部的图表库吗,比如 ECharts

官方暂不支持

22.小程序开发时,能否使用自定义的字体图标

自定义字体是支持的,但是需要使用线上字体,并且存放字体的服务器需要允许跨域

23.官方的 ES6 转 ES5 在 Android 上会报错

开发工具提供的 ES6 转 ES5 的功能,只会转换语法,新的 ES6 的 API 例如 Promise 等需要开发者自行引入 Polyfill 或者别的类库来解决

24.wx.getImageInfo 在 Android 上有取不到信息的 bug

微信6.3.31 版本 Android 客户端有这个 bug, 新版本将修复

25.小程序的大小 1 MB 这个控制正式发布的时候会放大吗

目前给出的答案是不会放大

26.getUserInfo 接口获取不到 unionid,该怎么办

需要到微信开放平台网站(https://open.weixin.qq.com)绑定小程序和你的其他公众号或 app,才会返回 unionid

27.微信小程序支持和硬件的交互吗?比如和硬件通过蓝牙或者 Wi-Fi 的方式进行数据通信

官方未来有可能推出此功能

28.录音完成是什么格式

手机上录音目前是 SILK 格式,SILK 是Skype 内部开发的一个语音频编解码器,作为Skype 到Skype 调用的默认编解码器。SILK 在音频带宽、网络码率和复杂度等方面的高度可扩展性使其成为可选择多种模式和应用的编解码器

29.小程序是否开放用户手机通讯录的读取/写入权限

目前不支持

30.iPad 好像无法预览小程序

小程序目前暂不支持 iPad

31.请问小程序里支持把文字、图片、链接转发给好友、朋友圈吗

官方答案:分享能力会很快提供,请留意官方文档

32.checkbox 是否只能通过 checkbox-group 绑定事件

checkbox 不会触发 change 事件, checkbox-group 才会触发

33.滚动页面,滚动到底部,加载新的内容不能实现

微信6.3.30 已支持页面配置 onReachBottom 事件

34. canvas 组件时,不可以保存画布信息

官方答案:暂不支持,我们会很快支持

35.uploadfile 的 header 里面带不了 cookie 参数

微信6.3.31 版本的 iOS 客户端有这个 bug, 新版本即将修复

36.WXML 中 Mustache 语法(双大括号)来绑定数据,如果对应的目标数据是一段 HTML 文本,能不能绑定?应该怎么绑定?

官方目前暂不支持

37.代码里面可以用一些工具库吗?比如可以通过 npm install 这种方式来安装第三方的工具库

官方目前暂不支持

38.好像无法通过 JS 获取图片宽和高,有解决方案吗

目前只能显示设置图片宽高

39.微信小程序有拨打电话和发送 Email 的方法吗

目前之支持拨打电话,暂不支持Email

40.如果是支付给子商户,调用接口跟之前 web 开发的用法是一样的吗

目前暂不支持支付给子商户

41.微信小应用除了自带的 API 接口, 是否支持其他的外部 API 或 JS 插件的加载?

目前暂不支持

42.是否支持视频直播或音频直播,如 HLS

官方答案:我们正在技术上正不断完善,很快将提供支持

43.监听手机 keyboard,如「完成」按钮触发时,执行对应动作,目前未查到相关 API,请问是否有支持

输入框(input/textarea) 后续会提供 bindconfirm 的事件监听属性 ,用于监听「完成」按钮的点击

44.开发工具不支持 Linux 环境以及 Windows 2003/XP 系统吗

目前不支持

45.我在一台机器上同时开发微信小程序和服务器程序,请问微信小程序在开发时怎么访问我本机的服务器呢

目前服务器必须使用域名,不支持本地调试

46.怎样直接给审查人员发反馈

官方答案:我们会在后续的微信公众平台小程序提交审核页面,增加测试帐号(帐号+密码形式),以及审核描述等的填写。关于审核的问题,可以发送邮件至:AppReview@tencent.com,我们会安排专人查看反馈

47.个人开发者不能注册么

现在支持的只有企业、政府、媒体、其他组织,个人开发者还不支持注册

48.在小程序工具编写代码中使用Promise,报错:TypeError: Promise is not a constructor,是哪里出了问题

官方答案:为了保证三端的统一,0.11.112300 版本的工具移除 Promise ,开发者需要自行引入兼容库

所以我自己引入了一个promise.min库,轻量级的并解决了

49.input组件有bindInput事件,而textarea组件没有

在2016年12月22日新增 <textarea/> 组件事件 bindinput

50.切换微信号后上次的数据缓存还会有吗

官方答案:不会清除,但别的用户登录以后,是访问不到上一个用户遗留的数据的

51.定义tabBar之后,wx.navigateTo等跳转会失效

我在开发中没有用官方的tabBar,而是自己写了一个tabBar,所以没有遇到这样的场景,如果用官方的tabBar就用wx.switchTab跳转

52.background-image设置相对路径无法显示图片

可以使用网络地址图片,或者base64或者使用image标签解决问题

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如有疑问大家可以留言交流,谢谢大家对我们的支持。

(0)

相关推荐

  • 微信小程序之绑定点击事件实例详解

    微信小程序之绑定点击事件实例详解 微信小程序出来那么久了,趁着有时间自己研究一下,前阶段看一了一下,但是不允许个人注册,现在已经对个人开放了,所以爱好者们可以自己研究了. 首先,我们看一下如何添加底部的标签栏:在app.json里操作 { "pages":[ //在这里添加页面的路径 "pages/index/index", "pages/logs/logs", "pages/home/home" ], "windo

  • 微信小程序学习之数据处理详解

    前言 微信小程序数据处理 的核心就是js文件 Page 的 data.他是WXML 和js交互的重要桥梁,WXML 页面需要展示的数据都需要被定义在data中,否则就无法在页面进行展示.data中的数据是通过网络请求或者一些逻辑处理进行设置以及初始化的. data数据的设置有两种方式,例如我们data中的有一个name并且初始化为空 data:{ name:'我是初始化的name' } 当有多个数据时用逗号英文逗号','进行分开,那么如果我们想更改数据就可以 //方式1 this.data.na

  • 微信小程序之网络请求简单封装实例详解

    微信小程序之网络请求简单封装实例详解 在微信小程序中实现网络请求相对于Android来说感觉简单很多,我们只需要使用其提供的API就可以解决网络请求问题. 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downloadFile) WebSocket通信(wx.connectSocket) 为了数据安全,微信小程序网络请求只支持https,当然各个参数的含义就不在细说,不熟悉的话可以:可以去阅读官方文档的网络请求api,当我们使用request

  • 详解微信小程序 登录获取unionid

    详解微信小程序 登录获取unionid 首先公司开发了小程序, 公众号网页和app等, 之前都是用的openid来区分用户, 但openid只能标识用户在当前小程序或公众号里唯一, 我们希望用户可以在公司各个产品(比如公众号, 小程序, app里的微信登录)之间, 可以保持用户的唯一性, 还好微信给出了unionid. 下面分两步介绍一下 微信小程序 获取unionid的过程. 1. 首先 在微信公众平台注册小程序 , 然后在小程序上模拟登录流程. 注 : 这里只是简单登录流程, 实际中需要维护

  • 微信小程序 跳转传递数据的实例

    微信小程序 跳转传递数据的实例 点击view 跳转页面 <view class="album_image" data-album-obj="{{item}}" bindtap="imageclick"> <image style="width:98%;" src="{{item.data[0].url}}"></image> </view> 声明变量  dat

  • 微信小程序 共用变量值的实现

    微信小程序 共用变量值的实现 举个例子,比如从商品管理列表页,相对自己发布的商品进行修改,点击修改按钮,通过 activityId 唯一标识进行修个这个商品, 这个activityId  我们可以通过 页面跳转传值, 在 onLoad 里获取到, 例子: onLoad: function (options) { var activityId = options.activityId; //获取值 this.data.activityId = activityId//设置在page里都可以进行调用

  • 微信小程序 蓝牙的实现实例代码

    微信小程序 蓝牙的实现实例代码 1.简述 蓝牙适配器接口是基础库版本 1.1.0 开始支持. iOS 微信客户端 6.5.6 版本开始支持,Android 客户端暂不支持 蓝牙总共增加了18个api接口. 2.Api分类 搜索类 连接类 通信类 3.API的具体使用 详细见官网: https://mp.weixin.qq.com/debug/wxadoc/dev/api/bluetooth.html#wxgetconnectedbluethoothdevicesobject 4. 案例实现 4.

  • 微信小程序联网请求的轮播图

    微信小程序的轮播图和Android的轮播图一点不一样 ,这里我们看一下我们需要用到的控件介绍 这里我们用到了swiper这个组件,上边的图片已经把这个组件的属性 都列出来了 我们用的时候直接用就可以了 接下来,再看一下网络请求的API,这里我们用到的是GET 请求,我们开一下微信小程序官方给我们的API 接下来就是开启我们小程序轮播图之旅了,附上一张效果图 首先,我们看一下我们的index.wxml文件 <view> <swiper class="swiper_box"

  • 微信小程序开发中的疑问解答汇总

    前言 最近总结一篇微信小程序解答,作为小程序填坑人深有体会这里的变化,小程序刚发布消息的时候我就说了一个观点,只要小程序提供的组件或API丰富,稳定,兼容性好,才能实现小程序快速开发的理念,先如今还有很多组件的兼容不理想,有一些还在的优化中,因基于小程序这个平台开发限制很大,只能坐等中...如果想用第三方库来实现,小程序明文规定不支持第三方库的做法,这样做最终小程序审核环节百分百的不通过. 1.scroll-view 在 iOS 上存在 bug 在使用这个组件开发页面的时候,因自带滚动效果,Y

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

    微信小程序 开发中遇到问题总结 1.由于小程序wx.request()方法是异步的,在app.js执行ajax后,各分页加载app.js的全局数据时,无法按顺序加载.例: //app.js App({ ajax:function(){ let that = this; wx.request({ url: 'https://a.com/url.php', method: 'GET', success: function(e){ that.data = 123; } }) }; }) //conte

  • 微信小程序开发中var that =this的用法详解

    在微信小程序开发中,var that =this的声明很常见.举个例子,代码如下! 示例代码1 //index.js Page({ data: { toastHidden: true, }, loadData: function () { var that = this//这里声明了that:将this存在that里面 wx.request({ url: 'test.php', data: {a: 'a', b: 'b'}, header: { 'content-type': 'applicat

  • 深入解析微信小程序开发中遇到的几个小问题

    本地图片不显示,开发工具运行是没问题的,但真机调试却显示不了 item.img = '/goods/img/图片.png' <image src=" { { item.img } } " class="image"> </image> 经过仔细观察发现,路径是没问题的,问题在于图片名不能是中文的,把它改成字母+数字就好了. 使用FileSystemManager.readdir(Object object)方法读取本地文件夹中的所有图片,报错

  • Echarts在Taro微信小程序开发中的踩坑记录

    背景 近期笔者在使用Taro进行微信小程序开发,当引入Echarts图表库时,微信检测单包超限2M的一系列优化措施的踩坑记录,期望能指导读者少走一些弯路. 为什么选择Echarts? 微信小程序目录市面上使用最多的两款图表库,如下: echarts-for-weixin--echarts微信小程序版本 wx-charts--基于微信小程序的图表库 对比两款图表库优缺点刚好相反. echarts-for-weixin:功能强大,但体积非常大 wx-charts:功能相对简单,但体积小 由于笔者对e

  • 原生微信小程序开发中 redux 的使用详解

    前提 复杂场景中有不少数据需要在多个不同页面间来回使用和修改.但是小程序页面直接的数据通信方式十分的简单.通常情况需要自己维护一个全局的对象来存放共有数据.但是,简单的维护一个共有数据实体,会随着业务逻辑的不断复杂化而变的过分庞大,并且数据的修改往往无法很好的溯源.加之公共数据实体中数据的修改和页面的UI之间没有太好的同步手段,往往需要在页面和对应的数据实体中同时都维护一份相同的数据,操作十分的不方便. 之前使用过Taro以react+redux的结构来开发微信小程序,依托redux整体上可以解

  • 详解如何在微信小程序开发中正确的使用vant ui组件

    微信小程序终于可以支持npm导入第三方库了(https://developers.weixin.qq....),但是这种导入模式和使用模式有别于我们使用的npm调用.今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源. 第一步: 在小程序工程的根目录下执行: npm i vant-weapp -S --production 第二步: 保证当前你的微信开发者工具是最新版本,然后点击执行"构建npm" 构建成功后会提示: 同时项目根目录中会多出一个目录"minipr

  • 微信小程序开发之左右分栏效果的实例代码

    本文以一个简单的小例子,简述在微信小程序开发中左右分栏功能的实现方式,主要涉及scroll-view ,列表数据绑定,及简单样式等内容,属于初级入门内容,仅供学习分享使用. 概述 在微信小程序开发中,左右分栏(左边显示分类,右边显示明细,然后进行联动)是一种常见的布局方式,多应用于点餐,冷饮店,外卖,以及其他类似的商城. 布局分析 布局分析图示如下: 涉及知识点 •scroll-view 可滚动视图区域.使用竖向滚动时,需要给<scroll-view>一个固定高度,通过 WXSS 设置 hei

  • 微信小程序开发之选项卡(窗口底部TabBar)页面切换

    微信小程序开发中窗口底部tab栏切换页面很简单很方便. 代码: 1.app.json //app.json { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": &qu

  • 微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换

    微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml <!--index.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0"

随机推荐