WeChat Mini 프로그램 개발을 위한 40가지 기술 팁 요약

이 기사는 주로 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를 사용할 수 있습니다. 태그

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

사용자 입력을 얻을 수 있는 구성 요소를 얻으려면 동기화할 구성 요소의 바인딩 변경 속성을 사용해야 합니다. 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: 약속 도구 현재 지원되지 않습니다. 가져오기 클라이언트는 다음 버전에서 통합을 유지하기 위한 도구를 지원하지 않습니다.

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

A: touchmove/touchend 이벤트의 target/currentTarget은 항상 touchstart의 target/currentTarget이 됩니다.

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

A: wx.request 게시물의 콘텐츠 유형은 기본적으로 '

'application/json

서버가 json 해석을 사용하지 않는 경우 다음을 수행할 수 있습니다.

을 content-type 으로 다시 설정하세요. urlencoded

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

Q: wx.uploadFile이 휴대폰에서 http 코드 403을 반환합니다.

A: Android용 WeChat은 버전 6.5.2 이상으로 업그레이드되었습니다.

Q: 미니 프로그램은 SVG를 지원하나요?

A: 이미지의 src를 원격 svg에 넣을 수 있는데,

에도 넣을 수 있습니다. background-image

Q: wx.request에서 반환된 statusCode의 양쪽 끝에서 유형이 일치하지 않습니다.

A: 이 문제는 존재하며 이후 버전에서 수정될 예정입니다.

Q: 컴포넌트의 동적 생성 및 소멸에 대해?

A: 동적으로 생성된 구성 요소는 지원되지 않지만 wx:for를 사용하여 여러 구성 요소를 렌더링할 수 있습니다.

Q: 미니 프로그램도 핫 업데이트를 지원하나요?

A: 개발자 자체 교체는 지원되지 않습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!