WeChat 미니 프로그램 개발을 위해 꼭 봐야 할 40가지 팁 요약

이 글은 위챗 미니 프로그램을 개발할 때 꼭 봐야 할 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>ectToectTo 코드를 사용하세요. >

Q: 스타일 시트는 계단식 선택자를 지원하지 않습니다

A:WXSS는 클래스 선택기.

Q: CSS를 통해 로컬 리소스를 얻을 수 없습니다.

A: <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를 사용하거나 태그를 사용할 수 있습니다.

Q: 창의 배경색을 수정하는 방법

A:

라벨 선택기 페이지를 사용하여 수정하세요. 최상위 노드 스타일

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

Q: 업로드가 실패한 이유

A : 원활한 경험을 위해 컴파일된 코드 패키지의 크기는 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를 이용하세요.<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 애플릿은 가져오기 또는 약속을 지원합니까?

A: Promise 도구는 현재 이를 지원하지 않으며, fetch 클라이언트도 이를 지원하지 않습니다. 이 도구는 다음 버전에서도 통합된 상태로 유지됩니다.

Q: touchmove 슬라이딩 이벤트 의 currentTarget.id 값이 변경되지 않습니다.

A: touchmove/touch

end 이벤트의 target/currentTarget은 항상 touchstart의 target/currentTarget이 됩니다.

Q: wx.request의 POST 메소드의 매개변수 전송 서버에서 버그를 수신할 수 없습니다.

A: wx.request 게시물의 콘텐츠 유형은 기본적으로 'application/<a href="http://www.php.cn/wiki/1488입니다. html " target="_blank">json<p> 'application/<a href="http://www.php.cn/wiki/1488.html" target="_blank">json</a>

서버가 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: 선택기 구성 요소의 텍스트 크기가 수정을 지원합니까?

A: 수정은 지원되지 않습니다.

Q: 안드로이드와 iOS의 tabBar 이미지 크기가 너무 다릅니다.

A: 이것은 안드로이드 위챗 클라이언트의 이전 버전에 있는 버그입니다. 최신 버전인 6.5.3 클라이언트를 다운로드하세요.

Q : 탭바 페이지가 문제를 반환합니다. 홈페이지가 아닌 탭바 페이지 좌측 상단의 복귀 화살표를 클릭 시 미니프로그램 홈페이지로 돌아가는 방법은 무엇인가요? 이제 애플릿을 직접 종료할 수 있습니다

A: 새 페이지를 생성할 때 이전 페이지를 유지하면서 NavigationTo를 사용하여 새 페이지를 생성하세요. , 현재 페이지 내에서 이동합니다.

Q: wx.request()를 동기식으로 설정하는 방법을 묻고 싶습니다.

A: 요청은 네트워크 요청을 시작하는 것입니다. 동기화 인터페이스가 없습니다.

Q: 최신 Mac 버전의 툴은 사용할 수 없으며, 진입 시 앱서비스 획득 실패가 뜹니다.

A: 도구 설정에서 Direct Link 네트워크를 선택하세요. 또는 시스템의 프록시 소프트웨어 설정 도구가 네트워크에 직접 연결됩니다.

Q: 실제 머신 뷰 overflow-y를 아래로 밀면 매우 멈춥니다.

A: 상위 레이어에는 <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 중국어 웹사이트의 기타 관련 기사를 참조하세요!