이 기사는 주로 WeChat 미니 프로그램 개발을 위한 40가지 기술 팁에 대한 관련 정보를 소개합니다. 모든 사람이 WeChat 미니 프로그램을 배우고 사용하는 데 확실한 참고 가치가 있다고 생각하므로 필요한 경우 모든 사람에게 특히 권장됩니다. 친구들이 와서 함께 볼 수 있어요.
서문
위챗 '미니 프로그램'이 정식 출시된 지 일주일째, 관련 화제가 계속 뜨거워지고 있다. 알리페이의 '미니 프로그램' 개발 소식이 즉각 공개됐고, 많은 네티즌들은 이 기세가 기존 'APP 제국'에 도전할 것이라고 농담했다. 이렇게 핫한 미니 프로그램 앞에서 WeX5 Mobile Development Cloud는 가만히 있지 않았습니다. 인터넷 전체를 검색한 결과, 주목해야 할 40가지 기술을 다루는 미니 프로그램 개발자가 꼭 읽어야 할 기사를 선택했습니다. 실용적인 미니 프로그램 개발에 대한 참고 사항은 여기를 클릭하세요!
Q: 왜 window와 같은 객체를 스크립트에서 사용할 수 없나요?
A: 페이지의 스크립트 로직은 JsCore에서 실행됩니다. window 개체가 없으므로 스크립트에서 windows를 사용할 수 없으며 스크립트에서 구성 요소를 조작할 수도 없습니다
Q: zepto/jquery를 사용할 수 없는 이유
A :zepto/jquery는 window 객체와 document 객체를 사용하므로 사용할 수 없습니다.
Q: wx.navigateTo는 페이지를 열 수 없습니다.
A: 애플리케이션은 동시에 5페이지만 열 수 있습니다. 이미 열려 있는 페이지입니다. wx.navigateTo
페이지는 정상적으로 새 페이지를 열 수 없습니다. 다단계 상호 작용을 피하거나 wx.redirectTo
을 사용하세요. Q: 스타일 시트는 계단식 선택기를 지원하지 않습니다.
A: WXSS 클래스 로 시작하는 선택자가 지원됩니다.
Q: CSS를 통해 로컬 리소스를 얻을 수 없습니다.
A: background-image
: 네트워크 이미지나 base64를 사용할 수 있습니다. b72a44bfc67aeb12de2cb3f92654d580태그
Q: 창의 배경색을 수정하는 방법
A: 페이지 태그 선택기를 사용하여 최상위 노드 스타일 수정
page { display: block; min-height: 100%; background-color: red; }
Q: 업로드가 실패한 이유
A: In 원활한 경험을 위해 컴파일하세요. 최종 코드 패키지의 크기는 1MB 미만이어야 합니다. 1MB를 초과하는 코드 패키지는 업로드되지 않습니다.
Q: HTTPS 요청 실패
A: tls는 버전 1.2 이상만 지원합니다
Q: 네트워크 요청 리퍼러
A: 네트워크 요청 리퍼러는 설정할 수 없으며, 형식은 https://servicewechat.com/{appid}/{version}/에서 고정되어 있습니다. page-frame.html, {appid}
는 미니 프로그램의 appid
이고, {version}
은 미니 프로그램의 버전 번호이며, 버전 번호가 0이면 개발 버전임을 의미합니다.
Q: Page.data는 직접 조작할 수 없습니다
A: 직접 할당 및 수정은 피하고 Page.data
만 사용하세요. 작업을 수행하면 렌더링을 위해 데이터를 페이지에 동기화할 수 있습니다. 사용자 입력을 얻는 방법 Page.setData
<input id="myInput" bindchange="bindChange" /><checkbox id="myCheckbox" bindchange="bindChange" /> var inputContent = {} Page({ data: { inputContent: {} }, bindChange: function(e) { inputContent[e.currentTarget.id] = e.detail.value } })
Q: WeChat 애플릿은 가져오기 또는 약속을 지원합니까?
Q: touchmove 슬라이딩 이벤트의 currentTarget.id 값이 변경되지 않습니다.
Q: wx.request의 POST 메소드의 매개변수 전송 서버에서 버그를 수신할 수 없습니다.
'application/json
을 content-type
으로 다시 설정하세요. urlencoded
wx.request({ .... method: "POST", header: { "content-type": "application/x-www-form-urlencoded" }, ... })
Q: wx.uploadFile이 휴대폰에서 http 코드 403을 반환합니다.
Q: 미니 프로그램은 SVG를 지원하나요?
에도 넣을 수 있습니다. background-image
Q: wx.request에서 반환된 statusCode의 양쪽 끝에서 유형이 일치하지 않습니다.
Q: 컴포넌트의 동적 생성 및 소멸에 대해?
Q: 미니 프로그램도 핫 업데이트를 지원하나요?
Q: 일부 인터페이스의 콜백은 iOS와 Android 간에 일치하지 않습니다. 예를 들어 결제 인터페이스는 사용자가 결제를 취소한 후 전체 메소드만 콜백하고 Android는 호출합니다. 공식 문서에는 콜백이 없습니다. 마찬가지로 이미지 선택 인터페이스, 공유 인터페이스 등이 있음을 보여줍니다.
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;
加了之后就不卡了。
总结
위 내용은 WeChat Mini 프로그램 개발을 위한 40가지 기술 팁 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!