微信小程序有什么开发技巧-创新互联

本篇内容介绍了“微信小程序有什么开发技巧”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

为五原等地区用户提供了全套网页设计制作服务,及五原网站建设行业解决方案。主营业务为成都网站建设、成都网站制作、五原网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

Q:为什么脚本内不能使用window等对象


A:页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件


Q:为什么 zepto/jquery 无法使用


A:zepto/jquery 会使用到window对象和document对象,所以无法使用。


Q:wx.navigateTo无法打开页面


A:一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面。请避免多层级的交互方式,或者使用wx.redirectTo


Q:样式表不支持级联选择器


A:WXSS支持以.开始的类选择器。


Q:本地资源无法通过 css 获取


A:background-image:可以使用网络图片,或者 base64,或者使用标签


Q:如何修改窗口的背景色


A:使用 page 标签选择器,可以修改顶层节点的样式


page { 
  display: block; 
  min-height: 100%; 
  background-color: red;
}

Q:为什么上传不成功


A:为了提升体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传失败。


Q:HTTPS 请求不成功


A:tls 仅支持 1.2 及以上版本


Q:网络请求的 referer


A:网络请求的 referer 是不可以设置的,格式固定为 /tupian/20230522/code为小程序的版本号,版本号为 0 表示为开发版。


Q:不能直接操作 Page.data


A:避免在直接对 Page.data 进行赋值修改,请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染怎么获取用户输入


能够获取用户输入的组件,需要使用组件的属性bindchange将用户的输入内容同步到 AppService。



var inputContent = {}
 
Page({
 data: {
 inputContent: {}
 },
 bindChange: function(e) {
 inputContent[e.currentTarget.id] = e.detail.value
 }
})

Q:微信小程序支持fetch或者promise吗?


A:promise工具目前不支持,fetch 客户端不支持 工具下个版本保持统一。


Q:touchmove滑动事件里面的currentTarget. id值不变动。


A:ouchmove / touchend 事件的 target / currentTarget 会永远是 touchstart 时的 target / currentTarget 。


Q:wx.request的POST方法的参数传输服务器接收不到的bug。


A:wx.request post 的 content-type 默认为 ‘application/json '


如果服务器没有用到 json 解释的话,可以把 content-type 设置回 urlencoded


wx.request({
....
method: "POST",
header: {
"content-type": "application/x-www-form-urlencoded"
},
...
})

Q:wx.uploadFile在手机上返回http码403。


A:安卓的微信升级到6.5.2及其以上版本。


Q:小程序SVG支持吗?


A:image的src放远程svg可以,background-image里也可以。


Q:wx.request返回statusCode两端类型不一致。


A:确实有这个问题,稍后的版本将会修复。


Q:关于组件的动态生成与销毁?


A:不支持动态生成组件,但可以用 wx:for 去渲染多个。


Q:小程序支持热更吗?


A:不支持开发者自行更替。


Q:一些接口的回调IOS和Android不一致,例如支付接口,用户取消支付后,ios只回调complete方法,android则回调fail方法,官方文档也没有任何回调说明,造成开发很困难;类似的还有图片选择接口,分享接口等等。


A:支付接口,用户取消支付后,ios只回调complete方法,android则回调fail方法,问题已记录,多谢反馈。


Q:如果icon已经在服务器上了,想用直接访问网址的方法加载图片进来这样可以吗?


A:不能。


Q:ipad不能使用小程序?


A:暂时不支持ipad打开小程序。


Q:小程序音频,视频播放器问题 。1、能够只隐藏进度条跟时间吗?2、现在iOS平台上的时间显示是0:00,但是android上会显示错误码,能够通过什么设置修改吗?


A:1:下个版本会修改这里的交互,不显示进度条和时间。2:6.5.3 版本已修复此问题。


Q:拍照窗口可以加浮层吗?


A:暂时不支持。


Q:开发者工具经常报jsEngineScriptError错误,会导致页面白屏。


A:移步下载新 0.12.130400 版本的开发工具试试


Q:开发者工具里面,SPA页面,更改title无效。


A:wx.setNavigationBarTitle可以通过 API 改变导航栏标题。


Q:请问小程序页内支持长按保存图片或分享图片吗?


A:目前没有这个功能。


Q:关于swiper中的current问题。如果在新的版本中,直接设current,会产生的效果是:无论从哪个swiper元素点击进去,都会显示swiper第一个子元素的值。


A:目前swiper在处理swiper-item动态变化的情况时有一些bug,会很快修复的。


Q:小程序能引用自己服务器上的wxss和js文件吗?


A:不能,无法执行远程代码。


Q:苹果7,提示内部错误,内存占用过多。


A:页面做的预加载,列表中有图片,图片渲染的太多了,解决办法就是不当屏展示的图片,不让它渲染。


Q:小程序体验者安卓卡在加载页面进不去,IOS可以进去。


A:这是android微信客户端旧版本的bug, 请下载新版本的 6.5.3 客户端。


Q:请问目前微信小程序支持蓝牙吗?


A:目前不支持。


Q:分享功能真机没有效果?


A:这是android微信客户端旧版本的bug, 请下载新版本的 6.5.3 客户端。


Q:强制使用https,开发和测试环境下怎么联调和测试?


A:「微信web开发者工具」->「项目」->「开发环境不校验请求域名及TLS版本」。


Q:wx.showToast()方法无效。


调用wx.request请求网络然后在


complete: function (res) {
 
// complete
wx.hideToast();
}

在成功方法里面如果要进行showToast的时候感觉无效,并没有弹出提示框。


A:success 回调调用是在 complete 之前的,如果在 success showToast,下一步 complete hideToast 就会被冲掉 showToast


Q:picker 组件中的文字大小是否支持修改?


A:不支持修改。


Q:tabBar的图片在android和ios上面大小差异太大。


A:这是android微信客户端旧版本的bug, 请下载新版本的 6.5.3 客户端


Q:tabbar 页面返回问题。非首页的tabbar 页面 点击左上角返回箭头时如何返回到小程序首页? 现在是直接退出小程序了


A:创建新页面时用 navigateTo 才会新建新页面,同时保留旧页面,如果用 redirectTo 是在当前页面内跳转。


Q:问下 wx.request() 怎么设置成同步。


A:reqeust是发起网络请求。没有同步接口。


Q:新mac版工具不可用,进来就出现获取appservice 失败。


A:工具设置中选择直接链接网络 。或者 系统中的代理软件设置工具直接链接网络。


Q:真机 view overflow-y下滑会很卡。


A:父层需要 position:relative; 加了之后就不卡了。

“微信小程序有什么开发技巧”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


本文名称:微信小程序有什么开发技巧-创新互联
转载注明:http://myzitong.com/article/cojjcg.html