미니 프로그램 개발을 위한 40가지 기술 팁, 순수 실용 정보
- 高洛峰원래의
- 2017-02-11 11:05:092138검색
위챗의 '미니 프로그램'이 정식 출시된 지 일주일째, 관련 화제가 계속 뜨거워지고 있습니다. 알리페이의 '미니 프로그램' 개발 소식이 즉각 공개됐고, 많은 네티즌들은 이 기세가 기존 'APP 제국'에 도전할 것이라고 농담했다. 이렇게 뜨거운 미니 프로그램 앞에서 WeX5 Mobile Development Cloud는 가만히 있지 않았습니다. 인터넷 전체를 검색한 결과, 주목해야 할 40가지 기술을 다루는 미니 프로그램 개발자가 꼭 읽어야 할 기사를 선택했습니다. 실용적인 미니 프로그램 개발에 대한 참고 사항은 여기를 클릭하세요!
Q: 왜 window와 같은 객체를 스크립트에서 사용할 수 없나요?
A: 페이지의 스크립트 로직은 JsCore에서 실행됩니다. window 개체가 없으면 Window를 스크립트에서 사용할 수 없고 구성 요소도 스크립트에서 작동할 수 없습니다
Q: zepto/jquery를 사용할 수 없는 이유
A:zepto/jquery에서는 window 객체와 document 객체를 사용하므로 사용할 수 없습니다.
Q: wx.navigateTo가 페이지를 열 수 없습니다.
A: 애플리케이션은 5페이지를 연 후에는 동시에 5페이지만 열 수 있습니다. , wx.navigateTo는 정상적으로 새 페이지를 열 수 없습니다. 다단계 상호 작용을 피하거나 wx.redirectTo를 사용하세요.
Q: 스타일 시트는 계단식 선택기를 지원하지 않습니다.
A: WXSS는 선택기로 시작하는 클래스를 지원합니다.
Q: CSS를 통해 로컬 리소스를 얻을 수 없습니다
A: background-image: 네트워크 이미지를 사용할 수 있습니다. , 또는 base64 또는
Q: 창의 배경색을 수정하는 방법
A : 페이지 라벨 선택기를 사용하면 최상위 노드
페이지 {
디스플레이: 블록
의 스타일을 수정할 수 있습니다.최소 높이: 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.data를 직접 할당하고 수정하지 마세요. Page.setData를 사용하여 렌더링할 페이지에 데이터를 동기화하는 방법을 알아보세요. 사용자 입력
사용자 입력을 받을 수 있는 구성 요소는 사용자의 입력 콘텐츠를AppService에 동기화하기 위해 구성 요소의 바인딩 변경 속성을 사용해야 합니다.
클라이언트는 이 도구를 지원하지 않으며 다음 버전.
Q: touchmove 슬라이딩 이벤트의 currentTarget.id 값이 변경되지 않습니다.A: Couchmove/touchend 이벤트의 target / currentTarget은 항상 touchstart 이벤트의 target / currentTarget입니다.
Q: wx.request의 POST 메소드의 매개변수 전송 서버에서 벌레 .
A: wx.request 게시물의 content-type은 기본적으로 'application/json'
입니다. 서버에 없음 json을 사용하여 설명하면 content-type을 다시 urlencoded로 설정할 수 있습니다.
wx.request({
....
메서드: "POST",
헤더: {
"content-type": "application/x-www-form-urlencoded"
},
...
})
Q: wx.uploadFile이 휴대폰에서 http 코드 403을 반환합니다.
A: Android용 WeChat은 버전 6.5.2 이상으로 업그레이드되었습니다.
Q: 미니 프로그램은 SVG를 지원하나요?
A: 이미지의 src를 원격 svg에 넣을 수도 있습니다. 배경 이미지.
Q: wx.request에서 반환된 statusCode의 양쪽 끝에서 유형이 일치하지 않습니다.
A: 이 문제는 존재하며 이후 버전에서 수정될 예정입니다.
Q: 컴포넌트의 동적 생성 및 소멸에 대해?
A: 동적으로 생성된 구성 요소는 지원되지 않지만 wx:for를 사용하여 여러 구성 요소를 렌더링할 수 있습니다.
Q: 미니 프로그램도 핫 업데이트를 지원하나요?
A: 개발자 자체 교체는 지원되지 않습니다.
Q: 일부 인터페이스의 콜백은 iOS와 Android 간에 일치하지 않습니다. 예를 들어 결제 인터페이스는 사용자가 결제를 취소한 후 전체 메소드만 콜백하고 Android는 호출합니다. 공식 문서에는 콜백이 없습니다. 마찬가지로 이미지 선택 인터페이스, 공유 인터페이스 등이 있음을 보여줍니다.
A: 결제 인터페이스에서 사용자가 결제를 취소한 후 iOS는 전체 메소드만 콜백하고, 안드로이드는 실패 메소드를 콜백하는 문제가 기록되었습니다.
Q: 아이콘이 이미 서버에 있는 경우 URL에 직접 접속해서 이미지를 불러올 수 있나요?
답: 아니요.
Q: 아이패드에서는 미니 프로그램을 사용할 수 없나요?
답: iPad에서는 현재 미니 프로그램 열기가 지원되지 않습니다.
Q: 미니 프로그램 오디오 및 비디오 플레이어 문제. 1. 진행바와 시간만 숨길 수 있나요? 2. iOS 플랫폼에서는 시간 표시가 0:00인데 Android 플랫폼에서는 오류 코드가 표시됩니다. 설정을 통해 수정할 수 있나요?
A: 1: 다음 버전에서는 진행률 표시줄과 시간이 표시되지 않도록 여기의 상호 작용을 수정합니다. 2: 이 문제는 버전 6.5.3에서 수정되었습니다.
Q: 사진창에 플로팅 레이어를 추가할 수 있나요?
A: 현재는 지원되지 않습니다.
Q: 개발자 도구에서는 흰색 화면이 나타날 수 있는 jsEngineScriptError 오류를 보고하는 경우가 많습니다.
A: 최신 0.12.130400 버전의 개발 도구를 다운로드하여 사용해 보세요.
Q: 개발자 도구 내부 , SPA 페이지에서는 제목을 변경해도 아무런 효과가 없습니다.
A: wx.setNavigationBarTitle은 API를 통해 탐색 표시줄 제목을 변경할 수 있습니다.
Q: 미니 프로그램 페이지에서는 길게 눌러 사진을 저장하거나 사진을 공유할 수 있나요?
A: 현재는 이 기능을 사용할 수 없습니다.
Q: 현재 swiper 관련 문제에 대해. 새 버전에서 현재를 직접 설정하면 다음과 같은 효과가 나타납니다. 어떤 스와이프 요소를 클릭하더라도 스와이프의 첫 번째 하위 요소 값이 표시됩니다.
A: 현재 swiper에는 swiper 항목의 동적 변경을 처리하는 데 몇 가지 버그가 있으며, 이는 곧 수정될 예정입니다.
Q: 미니 프로그램이 자체 서버에 있는 wxss 및 js 파일을 참조할 수 있나요?
A: 아니요, 원격 코드는 실행할 수 없습니다.
Q: Apple 7에서 내부 오류가 발생하고 메모리를 너무 많이 소모합니다.
답: 페이지가 미리 로드되어 있고 목록에 사진이 너무 많이 렌더링되었습니다. 해결 방법은 화면에 사진을 표시하지 않고 렌더링되지 않도록 하는 것입니다.
Q: 미니 프로그램 체험기 안드로이드는 로딩 페이지에서 멈춰서 들어갈 수 없는데 IOS는 들어갈 수 있어요.
A: 이는 안드로이드 WeChat 클라이언트 이전 버전의 버그입니다. 최신 버전의 6.5.3 클라이언트를 다운로드하세요.
Q: WeChat 애플릿은 현재 Bluetooth를 지원합니까?
A: 현재는 지원되지 않습니다.
Q: 실제 기기에서도 공유 기능이 작동하나요?
A: 이는 안드로이드 WeChat 클라이언트의 이전 버전에 있는 버그입니다. 6.5.3 클라이언트의 최신 버전을 다운로드하세요.
Q: https를 필수로 사용해야 하는데, 개발 환경과 테스트 환경에서 어떻게 공동으로 디버그하고 테스트할 수 있나요?
A: "WeChat 웹 개발자 도구"->"프로젝트"->"개발 환경에서 요청한 도메인 이름과 TLS 버전을 확인하지 않습니다."
Q: wx.showToast() 메서드가 잘못되었습니다.
wx.request를 호출하여 네트워크를 요청한 다음
complete: function (res) {
//complete
wx.hideToast();
}
성공 방법에서 showToast를 수행하려는 경우 잘못된 것처럼 느껴지고 프롬프트 상자가 나타나지 않습니다.
A: 성공 콜백은 완료 전에 호출됩니다. 성공 showToast에 있는 경우 다음 단계인 완료 hideToast가 플러시됩니다. .
Q: Picker 구성 요소의 텍스트 크기가 수정을 지원합니까?
A: 수정은 지원되지 않습니다.
Q: 안드로이드와 iOS의 tabBar 이미지 크기가 너무 다릅니다.
A: 이는 안드로이드 WeChat 클라이언트 이전 버전의 버그입니다. 6.5.3 클라이언트
최신 버전을 다운로드하세요.
Q: 탭바 페이지 반환 문제입니다. 홈페이지가 아닌 탭바 페이지의 왼쪽 상단에 있는 복귀 화살표를 클릭할 때 미니 프로그램 홈페이지로 돌아가는 방법은 무엇입니까? 이제 미니 프로그램을 바로 종료할 수 있습니다.
A: 새 페이지를 만들 때 NavigationTo를 사용하면 이전 페이지를 유지하면서 새 페이지를 만들 수 있습니다. redirectTo는 현재 페이지 내로 이동하는 것입니다.
Q: wx.request()를 동기화하도록 설정하는 방법을 문의하고 싶습니다.
A: 요청은 네트워크 요청을 시작하는 것입니다. 동기화 인터페이스가 없습니다.
Q: 최신 Mac 버전 툴이 제공되지 않고, 들어가보니 앱서비스 획득에 실패합니다.
A: 도구 설정에서 다이렉트 링크 네트워크를 선택하세요. 또는 시스템의 프록시 소프트웨어 설정 도구가 네트워크에 직접 연결됩니다.
Q: 실제 머신 뷰 오버플로우-y가 아래로 미끄러지면 많이 막힐 것입니다.
A: 상위 레이어에는 position:relative 가 필요하며 이를 추가한 후에도 중단되지 않습니다.
위 내용은 공유의 주요 내용입니다. 아직까지 미니 프로그램 자체가 계속해서 수정, 수정, 개선되고 있는 중이라는 점을 참고하시기 바랍니다. 다른 것 역시 그에 따라 수리되어야 합니다. 미니 프로그램 개발에 관심이 있는 친구들은 팔로우하고 최신 미니 프로그램 개발 팁을 받아보세요.
소형 프로그램 개발에 대한 40가지 기술 팁을 더 보려면 PHP 중국어 웹사이트에서 순수하게 실용적인 관련 기사를 주목하세요!