>  기사  >  위챗 애플릿  >  WeChat Mini 프로그램 개발을 위한 40가지 기술 팁 요약

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

Y2J
Y2J원래의
2017-04-20 09:14:281683검색

이 기사는 주로 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

사용자 입력을 얻을 수 있는 구성 요소를 얻으려면 동기화할 구성 요소의 바인딩 변경 속성을 사용해야 합니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.