1: 매개변수 값 전달 방법
1: data-id
HTML 요소에 data-* 속성을 추가하여 필요한 값을 전달할 수 있습니다. 지침 :
(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-note: data-name에는 대문자를 사용할 수 없습니다. 저는 Letter 때문에 대문자를 사용한 적이 있습니다. 오랫동안 검색한 후에 이 오류를 발견했습니다. 객체는 data-* 속성에 저장할 수 없습니다
2: 값을 전달하도록 id의 메서드 식별자를 설정
사용 지침:
(1) ID 설정
(2) 값
e.currentTarget.id를 통해 얻은 값을 설정합니다. id의 값을 전달한 다음 전역 개체를 설정하여 값을 전달합니다
3: 탐색기에 매개변수를 추가하여 값을 전달합니다
사용 지침
(1) 값 전달: 속성에서 네비게이터 URL 뒤에 ?id(매개변수 이름) = 전달할 값(여러 매개변수가 & &name=value&.....로 구분된 경우)
(2) 값:
onLoad(매개변수){
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,
data: data,
header: {
'Content-Type': ' application/json'
},
성공(res) {
콜백(null, res.data);
},
실패(e) {
콜백(e);
}
})
},
3: 호출 데이터를 요청하기 위한 하위 페이지의 캡슐화된 메소드
import API from "../../api/api.js";
const app = getApp ();
const conf = {
데이터:{
title:'로드 중...',
loading:true
},
onLoad (){
app.fetch(API.hot,{},(err,data) => {
} )
},
3: 템플릿 사용(템플릿이 정말 좋은 것 같아요!)
1: 템플릿 정의: 이름 템플릿 이름 설정
템플릿 정의
< ;/template> 2: 템플릿 사용 그다음 use template 뒤에는 템플릿 이름이 옵니다.. 데이터를 통해 필요한 데이터를 전달합니다
넷째: Array의 더욱 유용한 속성 및 메서드 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); 객체의 모든 키 이름은 문자열이므로 따옴표 없이 예 , 키 이름이 숫자 값인 경우 자동으로 문자열로 변환됩니다. 그러나 키 이름이 식별 이름의 조건을 충족하지 않는 경우(예: 첫 번째 문자가 숫자이거나 공백 또는 연산자가 포함되어 있음) ), 숫자가 아니면 따옴표를 추가해야 합니다. 그렇지 않으면 오류가 보고됩니다. obj.name || obj['name'] 참고: 숫자 키 이름에는 점 연산자를 사용할 수 없으며(소수점으로 처리되므로) 대괄호 연산자만 사용할 수 있습니다. 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 애플릿 개발 경험 관련 기사는 PHP 중국어 웹사이트를 참고하세요!
먼저 템플릿 소개
Array.isArray() 메서드는 값이 Array인지 확인하는 데 사용됩니다. 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
concat() 메서드는 들어오는 배열 또는 배열이 아닌 값을 원래 배열과 결합하여 새 배열을 형성하고 이를 반환합니다.
forEach() 메서드는 각 요소에 대해 제공된 함수(콜백 함수)를 한 번씩 실행합니다. 배열의).
join() 메서드는 배열의 모든 요소를 문자열로 결합합니다.
keys() 메서드는 배열 인덱스의 반복자를 반환합니다.
map() 메서드는 원본 배열의 각 요소에 대해 지정된 메서드를 호출한 반환 값으로 구성된 새 배열을 반환합니다.
pop() 메서드는 배열의 마지막 요소를 삭제하고 이 요소를 반환합니다.
push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이(길이 속성 값)를 반환합니다.
toString()은 지정된 배열과 해당 요소를 나타내는 문자열을 반환합니다.
다섯 가지: Object의 일반적인 방법
1 초기화 방법
6 읽기 속성
7 변수가 선언되었는지 확인
는 객체를 순회하는 데 사용됩니다. 모든 속성
함수: 동일한 객체의 여러 속성을 조작할 때 몇 가지 작성 편의성이 제공됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
