소규모 프로그램의 생명주기 분석(코드 포함)

이 글의 내용은 (코드 포함) 작은 프로그램의 라이프 사이클에 대한 내용입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

먼저 생각해 봅시다: 화면을 클릭하거나 화면을 슬라이딩하는 것과 같은 유사한 트리거 이벤트를 수행하면 그에 따라 인터페이스가 변경되는 이유는 무엇입니까?

이유는 다음과 같습니다. 전체 애플릿 애플리케이션에는 2개의 스레드가 있습니다.

• 한 스레드는 뷰 렌더링을 수행합니다.

• 한 스레드는 논리적 처리를 수행합니다.
  이 점은 거의 알아야 합니다. wxml 및 wxss 파일은 주로 뷰 표시에 사용되는 반면, js 파일은 주로 응답에 대한 논리적 처리에 사용됩니다. 이벤트, 분업 명확하게!

두 번째로 분석해 보겠습니다. 미니 프로그램을 사용하면 페이지가 많은데 이 페이지와 전체 프로그램의 관계는 무엇입니까? ?

• [x] 앱은 다양한 수명 주기를 가진 앱과 페이지로 구성됩니다

• app
  프로그램이 시작된 후 onLaunch가 실행됩니다.—>onShow

App({
  onLaunch: function () {
  },
  onShow: function (options) {
  },
  onHide: function () {
  },
  onError: function (msg) {
  }
})

• pages 프로그램이 시작되면 onLaunch가 실행됩니다 —>onShow 후 홈페이지를 로드합니다. onLoad—>onShow—>onReady
  

Page({
  data: {
  },
  onLoad: function (options) {
  },
  onReady: function () {
  },
  onShow: function () {
  },
  onHide: function () {
  },
  onUnload: function () {
  },
  onPullDownRefresh: function () {
  },
  onReachBottom: function () { 
  },
  onShareAppMessage: function () {
  }
})

이제 렌더링된 홈페이지를 확인하실 수 있습니다!
이번에는 셀카를 찍고 싶다면 홈 버튼을 누르거나 오른쪽 상단의 작은 원 종료를 클릭하세요. 이때 미니 프로그램은 어떻게 되나요? - 홈페이지 로딩 onLaunch—>onShow—>onLoad—>onShow—>onReady 로딩 완료

- 종료하려면 애플릿이 실제로 onHide(페이지의 onHide) ->onHide(앱의 onHide)를 실행합니다
셀카 감상을 마친 후 바로 미니 프로그램이 생각나서 보고 싶은 마음이 든다면, 열어본 후, 미니 프로그램이 무엇을 할 것인지 생각해 보세요. 새로고침할까
- NO NO NO! 셀카 보기 시간이 그리 길지 않거나, 애플릿이 잠시 머물 수 있을 만큼 메모리가 충분하다면, 애플릿을 깨우기만 하면 됩니다 ^.^
! - onLaunch—>onShow—>onLoad—>onShow—>onReady—>onHide(page)—>onHide(app) 방금 홈페이지를 로드하고 에 다시 들어오면 생명선입니다. 이번에는 프로그램이 다음과 같이 진행됩니다. onShow(app)—>onShow(page)


이때 페이지의 기본 로딩에는 문제가 없을 것입니다

문제 없습니다. 바로 다음으로 가겠습니다. it 다음 단계는 훌륭합니다

새 페이지 열기 [스택에 새 페이지 추가]

원래 페이지: onHide
새 페이지: onLoad—>onShow—>onReady

페이지 새로고침 방향 [원본 페이지 팝, 새 페이지 팝]
원래 페이지: onUnload
새 페이지: onLoad—>onShow—>onReady

페이지 반환 [새 페이지 팝, 원본 페이지 표시]
새 페이지: onUnload
원본 페이지: onShow

Tab 스위치
새 페이지: onHide
원본 페이지: 시나리오 1(로드됨): onShow 시나리오 2(로드되지 않음): onLoad—>onShow—>onReady

관련 권장 사항:
미니 프로그램 자동 로딩을 위한 전체 코드
WeChat 미니 프로그램 예: 애니메이션 효과를 실현하는 방법 천막(코드 포함)

위 내용은 소규모 프로그램의 생명주기 분석(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!