>위챗 애플릿 >미니 프로그램 개발 >WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요

WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요

高洛峰
高洛峰원래의
2018-05-28 16:19:537383검색

1. App()

은 작은 프로그램을 등록하는 데 사용됩니다. 애플릿이 시작될 때 호출되고, 소멸될 때까지 애플릿을 생성합니다. 이는 미니 프로그램의 전체 수명주기 동안 존재합니다. 분명히 그것은 싱글톤이고 글로벌입니다. 따라서

1) app.js에는 한 번만 등록할 수 있습니다.

2) 코드의 어느 곳에서나 getApp()을 통해 이 고유한 작은 프로그램 싱글톤을 얻을 수 있습니다.

예: var appInstance = getApp ();

App()의 매개변수는 애플릿의 선언주기 기능을 지정하는 객체 유형 {}입니다.

onLaunch 기능

은 애플릿 초기화를 모니터링합니다.

미니 프로그램 초기화가 완료되면 onLaunch가 실행됩니다(전역적으로 한 번만 실행됨).

onShow 기능

은 미니 프로그램 표시를 모니터링합니다.

미니 프로그램이 시작되거나 배경에서 전경으로 표시될 때 실행됩니다.

onHide 기능

듣기 애플릿이 숨겨져 있습니다.

미니 프로그램이 전경에서 배경으로 들어갈 때 트리거됩니다.

소위 프론트 엔드와 백엔드의 정의는 휴대폰의 앱과 유사합니다. 예를 들어 위챗을 사용하지 않을 때 백엔드에 들어갑니다.

globalData 객체

글로벌 데이터입니다.

다음 애니메이션에 표시된 코드 및 로그 참조:

WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요

2. Page() 함수

App()을 통해 미니 프로그램을 등록한 후 프레임워크가 시작됩니다. 페이지를 등록합니다. 따라서 페이지가 아직 등록되지 않았으므로 App()의 onLaunch에서 getCurrentPage() 메서드를 호출하지 마세요.

같은 Page()에도 생명주기가 있습니다. 페이지 등록이 완료된 후 page.js 파일의 getCurrentPage() 메서드를 호출하여 현재 페이지 개체를 가져올 수 있습니다.

2.1 Page()의 매개변수도 Object 유형입니다.
onLoad
페이지 로딩 수신

페이지가 처음 로드되기 시작할 때 트리거됩니다. 한 번만 호출됩니다.

onReady
페이지 초기 렌더링 완료 듣기

비슷함 html의 onReady. 한 번만 호출됩니다.

onShow
페이지 표시 수신

다음과 같이 페이지가 표시될 때 트리거됩니다. 페이지 전환

onHide
듣기 페이지 숨기기

는 onShow

onUnload 페이지 언로드 수신

redirectTo 또는 NavigateBack 중에 호출됨

onPullDownRefresh 사용자 풀다운 듣기

1) 구성의 창 옵션에서 EnablePullDownRefresh를 켜야 합니다.
2) 데이터 새로 고침을 처리한 후 wx.stopPullDownRefresh는 현재 페이지의 풀다운 새로 고침을 중지할 수 있습니다.

onReachBottom
페이지 풀다운 이벤트 처리 기능

데이터

페이지 초기 데이터

2.2, Page.prototype.setData()

페이지의 setData() 함수는 페이지의 초기 데이터를 수정하는 데 사용됩니다. 데이터가 뷰 레이어 wxml에 바인딩되어 표시되면 뷰 레이어는 새로 고침 없이 수정 사항을 반영합니다.

데이터 수정은 setData()만 가능하며, this.data를 통해 직접 수정할 수는 없습니다. 데이터 크기는 1024kb로 제한됩니다.

2.3, getCurrentPages()
, 스택 순서대로 배열 형식으로 제공되는 현재 페이지 스택의 인스턴스를 가져옵니다. 첫 번째 요소는 홈페이지이고, 마지막 요소는 현재 페이지입니다.

2.4, 케이스 애니메이션


WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요

3. 페이지 스택

프레임워크는 현재 모든 페이지를 스택 형태로 유지합니다. 라우팅 전환이 발생하면 페이지 스택은 다음과 같이 동작합니다.

路由方式   

页面栈表现

初始化

新页面入栈

打开新页面

新页面入栈

页面重定向


当前页面出栈,

新页面入栈

页面返回


页面不断出栈,直到目标返回页面,

新页面入栈

Tab 切换


当前页面出栈,

新页面入栈

라우팅 방법

페이지 스택 성능 td>

초기화

새로 추가 페이지를 스택으로 푸시

새 페이지 열기

스택에 새 페이지 푸시

페이지 리디렉션

현재 페이지가 스택에서 팝되고, 새 페이지가 스택으로 푸시됩니다

페이지가 돌아옵니다

대상이 Page를 반환할 때까지 페이지가 스택에서 계속해서 튀어나옵니다. 새 페이지가 스택에 푸시됩니다

탭 스위치

현재 페이지가 스택에서 팝됩니다. 새 페이지가 스택으로 푸시됩니다



4. Life Cycle
다음 그림은 Page 인스턴스의 Life Cycle을 보여줍니다.

WeChat Mini 프로그램 개발 튜토리얼-App() 및 Page() 기능 개요

다섯, 페이지 라우팅

라우팅 방법

라우팅 후 페이지

路由方式

路由后页面

路由前页面

初始化


onLoad,

onShow


打开新页面


onLoad,

onShow

onHide

页面重定向


onLoad,

onShow

onUnload

页面返回

onShow

onUnload(多层页面返回每个页面都会按顺序触发onUnload)

Tab 切换


第一次打开

onLoad,onshow;

否则 onShow

onHide

라우팅 전 페이지

초기화

onLoad, onShow

새 페이지 열기

onLoad, onShow

onHide

페이지 리디렉션

onLoad, onShow

onUnload

페이지 반환

onShow

onUnload(다층 페이지 반환 각 페이지는 onUnload 순서대로 트리거)

탭 스위치

처음으로 열기onLoad, onshow 그렇지 않으면 onShow

onHide

더 많은 WeChat 미니 프로그램 개발 튜토리얼-App() 및 페이지() 기능 개요 관련 기사는 PHP 중국어 웹사이트를 주목하세요!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.