WeChat 미니 프로그램 개발을 위해 꼭 봐야 할 40가지 팁 요약
- 高洛峰원래의
- 2017-03-14 17:42:062197검색
이 글은 위챗 미니 프로그램을 개발할 때 꼭 봐야 할 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: 스타일 시트는 계단식 선택자를 지원하지 않습니다
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>서버가 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: 선택기 구성 요소의 텍스트 크기가 수정을 지원합니까?
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!