WeChat Mini 프로그램 개발 경험 요약

高洛峰
풀어 주다: 2017-03-22 15:47:09
원래의
1283명이 탐색했습니다.

공부 시간은 짧지 않습니다. 오늘은 회사에서 제 개발 경험을 요약하기 위해 야근을 하지 않을 것입니다. 동시에 도움이 필요한 친구들에게 도움이 되기를 바랍니다.


1: 매개변수 값 전송 방법

1: data-id

데이터를 추가할 수 있습니다. -* 필요한 것을 전달하기 위해 HTML 요소에 대한 속성 값, 사용 지침:
(1) 데이터 ID 설정

(2): 값 가져오기 + 값 전달

playTap:function(e) {

const 데이터 세트 = e.currentTarget .dataset;

wx .navigateto ({

url: '../play/index?id='+dataset.id

})

console.log (dataset.id);

}

(3): Value

onLoad:function (param) {

//페이지 초기화

this.setData({

) currentId:param.id

})

}

?


data-* 참고 :data-* 이름은 대문자를 사용할 수 없습니다. 대문자 때문에 개체를 저장할 수 없다는 오류를 발견한 적이 있습니다.


2: 설정 id의 메소드 식별자를 사용하여 값을 전달합니다.

사용 지침:

(1) ID 설정

(2) Value
e.currentTarget.id를 통해 set id의 값을 가져온 후, global을 설정하여 값을 전달합니다. object


3: 네비게이터에 매개변수 값 전송 추가
사용 지침
(1) 값 전송: 네비게이터의 속성 URL 뒤에 ?id(매개변수 이름) 붙이기 = 값 전송됩니다(여러 매개변수가 있는 경우 & 분리 &name=value&..... 사용)

(2) 값:

onLoad(params){

app.fetch(API.detail + params .id,(err,data) => {

})

}

2: 데이터 요청 캡슐화

1. 통합 js 파일 및 내보내기

const api = {

인터페이스1: 'https://.....',

인터페이스2: 'https://. .....',

인터페이스3: 'https://....',

.....

}

module .exports = api;

2: app.js에서 요청 데이터를 캡슐화하는 메서드를 만듭니다.

fetch(url,data, callback) {

wx.request ({

url,

데이터: 데이터,

헤더: {

'Content-Type': 'application/json'

},

성공(res) {

콜백(null, res.data)

},

FAIL(E) {

                                              콜백(e) 🎜>

"../../api/api.js"에서 API 가져오기;

const app = getApp();

const conf = {

데이터 :{

title:'로드 중...',

loading:true

},

onLoad (){

app.fetch(API.hot,{},(err,data) => {

})

},

3: 템플릿 사용( 찾아보니 템플릿 정말 좋은 것 같아요!)

1: 템플릿 정의: 이름 템플릿 이름 설정

템플릿 정의

2: 템플릿 사용
먼저 템플릿

을 소개하고 템플릿을 사용한 다음 이름을 적습니다. template.. 데이터를 통해 전송은 데이터여야 합니다

넷: 어레이의 사용하기 쉬운 속성 및 메서드

Array.isArray() 메서드는 값이 배열인지 확인하는 데 사용됩니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.


concat() 메서드는 들어오는 배열 또는 배열이 아닌 값을 원래 배열과 결합하여 새 배열을 형성하고 이를 반환합니다.


forEach() 메서드는 array 제공된 함수(콜백 함수)는 각 요소에 대해 한 번씩 실행됩니다.


join() 메서드는 배열의 모든 요소를 ​​문자열로 결합합니다.


keys() 메서드는 배열 인덱스의 반복자를 반환합니다.


map() 메소드는 지정된 메소드를 호출한 후 원래 배열의 각 요소의 반환 값으로 구성된 새 배열을 반환합니다.


pop() 메소드는 하나를 삭제합니다. 배열의 마지막 요소를 반환하고 이 요소를 반환합니다.


push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이(길이 속성 값)를 반환합니다.


toString()은 지정된 배열과 해당 요소를 나타내는 문자열을 반환합니다.

다섯 가지: Object의 일반적인 방법

1 초기화 방법

var obj = [];
var obj = new obj();
var obj = Object.create(null);

2 요소 추가 방법

dic[“key”] = “value”;

3 키 삭제 방법

delete dic[“key”];

4 단어의 모든 항목 지우기

dic.clear();


5 삭제

delete dic;


6 모든 속성을 보는 방법

Object.keys(obj);

객체의 모든 키 이름은 문자열이므로 추가할 수 없습니다. 키 이름이 숫자 값인 경우 자동으로 문자열로 변환됩니다. 단, 키 이름이 식별 이름의 조건을 충족하지 않는 경우(예: 첫 번째 문자는 숫자이거나 공백 또는 연산자를 포함함) 숫자가 아니어야 합니다. 그렇지 않으면 오류가 보고됩니다.


6 속성 읽기

obj.name || obj['name']

참고: 숫자 키 이름 점 연산자는 사용할 수 없으며(소수점으로 처리되므로) 대괄호 연산자만 사용할 수 있습니다.


7 변수 선언 여부 확인

if(obj.name) || if(obj['name'])

8 in 연산자가 사용됨 객체에 특정 속성이 포함되어 있는지 확인하려면 true를 반환하고 그렇지 않으면 false를 반환합니다

if ('x' in obj) {return 1}


9 for … in loop
객체의 모든 속성을 탐색하는 데 사용됩니다

for (var i in obj) {
console.log(obj);
}


10 with 문
기능: 동일한 객체의 여러 속성을 연산할 때 쓰기 편의성 제공

with(obj) {
name1 = 1;
name2 = 2;
}

obj.name1 = 1;
과 동일합니다. obj .name2 = 2;

위 내용은 WeChat Mini 프로그램 개발 경험 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿