이 글은 위챗 미니 프로그램을 개발할 때 꼭 봐야 할 40가지 팁을 요약한 관련 정보를 주로 소개합니다. 위챗 미니 프로그램을 배우거나 사용하는 데 있어 확실한 참고 가치가 있다고 생각하므로 모든 친구에게 추천합니다. 필요한 사람은 와서 살펴볼 수 있습니다.
서문
위챗 '미니 프로그램'이 정식 출시된 지 일주일째, 관련 화제가 계속 뜨거워지고 있다. 알리페이의 '미니 프로그램' 개발 소식이 즉각 공개됐고, 많은 네티즌들은 이 기세가 기존 'APP 제국'에 도전할 것이라고 농담했다. 자, 이렇게 뜨거운 미니 프로그램 앞에서 WeX5 Mobile Development Cloud는 가만히 있지 않았습니다. 전체 네트워크에서 검색한 후, 미니 프로그램 개발자들이 꼭 읽어야 할 기사를 선별했습니다. 미니 프로그램 개발의 실무적인 측면에 주목해야 할 40가지 기술 포인트!
Q: 왜 창과 같은 개체를 스크립트에서 사용할 수 없나요?
A: 페이지의 스크립트 로직은 다음과 같습니다. JsCore에서 실행되는 JsCore는 윈도우 객체가 없는 환경이므로 스크립트에서 윈도우를 사용할 수 없고, 스크립트에서 컴포넌트를 조작할 수도 없습니다.
Q: 왜요? zepto/ jquery를 사용할 수 없습니다.
A:zepto/jquery는 window 개체 및 document 개체를 사용합니다. 그래서 사용할 수 없습니다.
Q: wx.navigateTo는 페이지를 열 수 없습니다.
A: 애플리케이션은 동시에 5페이지만 열 수 있습니다. 이미 열려 있는 페이지입니다. wx.navigateTo
페이지는 정상적으로 새 페이지를 열 수 없습니다. 다단계 상호작용을 피하거나 wx.re<a href="http://www.php.cn/wiki/1275.html" target="_blank">dir<code>wx.re<a href="http://www.php.cn/wiki/1275.html" target="_blank">dir</a>ectTo
ectTo 코드를 사용하세요. >
Q: 스타일 시트는 계단식 선택자를 지원하지 않습니다
Q: CSS를 통해 로컬 리소스를 얻을 수 없습니다.
<a href="http://www.php%20.cn/wiki/895.html" target="_blank">배경 이미지<p></p></a>
: 네트워크 <a href="http://www.php.cn/wiki/895.html" target="_blank">background-image</a>
picture 또는 base64를 사용하거나 565b296a3970f2fc50e58c1bb915cb79 태그를 사용할 수 있습니다. Q: 창의 배경색을 수정하는 방법
라벨 선택기 페이지를 사용하여 수정하세요. 최상위 노드 스타일
page { display: block; min-height: 100%; background-color: red; }
Q: 업로드가 실패한 이유
Q: HTTPS 요청 실패
Q: 네트워크 요청 리퍼러
Q: Page.data는 직접 조작할 수 없습니다
Page를 이용하세요.<a href="http://www.php.cn/code/8209.html" target="_blank">set<code>Page.data
Data 를 조작하여 렌더링할 페이지에 데이터를 동기화해야 합니다. 사용자 입력 얻기 Page.<a href="http://www.php.cn/code/8209.html" target="_blank">set</a>Data
속성 bindchange를 사용하여 사용자 입력 콘텐츠를 AppService에 동기화해야 합니다.
<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 값이 변경되지 않습니다.
end 이벤트의 target/currentTarget은 항상 touchstart의 target/currentTarget이 됩니다.
Q: wx.request의 POST 메소드의 매개변수 전송 서버에서 버그를 수신할 수 없습니다.
application/<a href="http://www.php.cn/wiki/1488%EC%9E%85%EB%8B%88%EB%8B%A4.%20html%20" target="_blank">json<p></p></a>
'application/<a href="http://www.php.cn/wiki/1488.html" target="_blank">json</a>
을 다시 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: 선택기 구성 요소의 텍스트 크기가 수정을 지원합니까?
Q: 안드로이드와 iOS의 tabBar 이미지 크기가 너무 다릅니다.
Q : 탭바 페이지가 문제를 반환합니다. 홈페이지가 아닌 탭바 페이지 좌측 상단의 복귀 화살표를 클릭 시 미니프로그램 홈페이지로 돌아가는 방법은 무엇인가요? 이제 애플릿을 직접 종료할 수 있습니다
Q: wx.request()를 동기식으로 설정하는 방법을 묻고 싶습니다.
Q: 최신 Mac 버전의 툴은 사용할 수 없으며, 진입 시 앱서비스 획득 실패가 뜹니다.
Q: 실제 머신 뷰 overflow-y를 아래로 밀면 매우 멈춥니다.
<a href="http://www.php.cn/wiki/902.html" target="_blank">위치:relative; </a>
추가한 후에는 더 이상 멈추지 않습니다. <a href="http://www.php.cn/wiki/902.html" target="_blank">position</a>:relative;
위 내용은 WeChat 미니 프로그램 개발을 위해 꼭 봐야 할 40가지 팁 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!