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

不言
풀어 주다: 2018-08-10 15:32:02
원래의
2387명이 탐색했습니다.

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

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

이유는 다음과 같습니다. 전체 애플릿 애플리케이션에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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