WeChat 미니 프로그램에 대해 알아야 할 인터뷰 질문

1 WeChat 애플릿의 주요 디렉터리와 파일의 역할에 대해 이야기해 주세요.

• project.config.json 프로젝트 구성 파일, 가장 일반적으로 사용되는 것은 https 확인 활성화 여부를 구성하는 것입니다.

• App.js는 일부 전역 기본 데이터 등을 설정합니다.

• App.json 하단 탭, 제목 표시줄 및 라우팅 설정

• App.wxss 공개 스타일, 아이콘 글꼴 소개 등

• 페이지에는 특정 페이지가 포함되어 있습니다(현재 페이지 제목 구성 및 구성 요소 소개, 등);

• index.wxml(페이지 구조);

• index.wxss(페이지 스타일 시트)

• index.js(페이지 로직, 요청 및 데이터 처리 등);

• 2 wxml과 표준 html의 유사점과 차이점에 대해 이야기해 주세요.

은 페이지의 구조를 설명하는 데 사용됩니다.

태그 이름은 다르며, 미니 프로그램 태그 수가 적고 단일 태그가 더 많습니다. more wx:if like {{ }}

WXML은 WeChat 애플릿 개발자 도구에서만 미리 볼 수 있고, HTML은 브라우저에서 미리 볼 수 있습니다.
• 구성 요소 캡슐화가 다르며, WXML은 구성 요소를 다시 캡슐화합니다. ,
• 미니 프로그램은 JS Core에서 실행됩니다. DOM 트리와 창 개체는 미니 프로그램에서 사용할 수 없습니다.
• 3 WXSS와 CSS의 유사점과 차이점에 대해 이야기해 주세요.
• 은 페이지의 모양을 설명하는 데 사용됩니다.

WXSS는 CSS의 대부분의 기능을 갖추고 있으며 일부 확장 및 수정도 수행했습니다.

• WXSS는 새로운 크기 단위를 추가하고 WXSS는 새로운 크기 단위를 지원합니다. 크기 단위는 rpx입니다.

• WXSS는 일부 CSS 선택기만 지원합니다.

• WXSS는 전역 스타일과 로컬 스타일을 제공합니다.

• 4 WeChat 애플릿의 데이터 요청을 어떻게 캡슐화합니까?

• 루트 디렉토리에 utils 디렉토리, api.js 파일 및 apiConfig.js 파일을 생성합니다.

apiConfig.js에 기본 가져오기, 게시 및 넣기, 업로드 및 기타 요청 방법을 캡슐화하고 요청 본문을 설정합니다. , 토큰 및 예외 처리 등을 가져옵니다.

• apiConfig.js로 캡슐화된 요청 메서드를 도입하고 해당 메서드를 설정한 후 페이지 데이터에서 요청한 URL에 따라 내보냅니다. 특정 페이지에서

• 5 미니 프로그램 페이지 간에 데이터를 전송하는 방법은 무엇입니까?

• 전역 변수를 사용하여 데이터 전송

• 페이지 이동 또는 리디렉션 시 URL을 사용하여 매개변수와 함께 데이터 전송

구성요소 템플릿 템플릿을 사용하여 매개변수 전송

• 캐시를 사용하여 매개변수 전송

• 데이터베이스를 사용하여 데이터 전송

• 6 미니 프로그램과 Vue의 양방향 바인딩의 유사점과 차이점에 대해 이야기해 주세요.
  거의 비슷하지만 애플릿의 직접적인 this.data 속성을 뷰에 동기화할 수 없으며 this.setData() 메서드를 호출해야 합니다!
• 7 미니프로그램의 라이프사이클 기능에 대해 이야기해 주세요.

• onLoad()는 페이지가 로드될 때 트리거되며 현재 페이지 경로의 매개변수를 얻기 위해 한 번만 호출됩니다.

onShow()는 페이지가 전경에 표시되거나 잘릴 때 트리거되며 일반적으로 데이터 요청을 보내는 데 사용됩니다.

onReady()는 페이지의 초기 렌더링이 완료될 때 트리거되며 한 번만 호출됩니다. 이는 페이지가 뷰 레이어와 상호작용할 수 있음을 나타냅니다.

• onHide()는 하단 탭이 다른 페이지로 전환되거나 애플릿이 배경으로 전환되는 등 페이지가 숨겨지거나 배경으로 전환될 때 트리거됩니다.

• onUnload()는 페이지가 언로드될 때 트리거됩니다(예: 다른 페이지로 리디렉션 또는 Navigate).

• 8 위챗 미니 프로그램의 원리를 간략하게 설명해주세요?

• 미니 프로그램은 기본적으로 단일 페이지 애플리케이션입니다. 모든 페이지 렌더링과 이벤트 처리는 하나의 페이지 내에서 수행되지만 WeChat 클라이언트를 통해 다양한 기본 인터페이스를 호출할 수 있습니다.

• UI와 데이터가 분리되어 있습니다. 모든 페이지 업데이트는 데이터 변경을 통해 구현되어야 합니다.

기술적으로는 JavaScript, WXML 및 WXSS를 사용하여 개발됩니다.

• 이 기능은 webview와 appService의 두 부분으로 나눌 수 있습니다.

• webview는 UI를 표시하는 데 사용되고 appService는 비즈니스 로직, 데이터 및 인터페이스 호출을 처리하는 데 사용됩니다. 두 부분은 두 프로세스로 실행되며 시스템 계층 JSBridge를 통해 통신하여 UI 렌더링, 이벤트 처리 등을 구현합니다.

• 9 네이티브 개발 애플릿과 wepy, mpvue의 비교에 대해 이야기해 주세요.

• 개인적으로는 새로운 프로젝트이고 이전 h5 프로젝트의 마이그레이션이 없다면 네이티브 개발을 위해 작은 프로그램을 사용하는 것을 고려해볼 수 있습니다. 장점은 타사 프레임워크에 비해 함정이 적다는 것입니다. .

• 그리고 vue로 개발한 오래된 h5 프로젝트가 있거나 소규모 프로그램 개발도 필요한 h5 프로젝트가 있다면 마이그레이션이나 개발에는 wepy나 mpvue가 더 적합하므로 최근에는 wepy가 거의 업데이트되지 않습니다. Meituan의 mpvue를 추천합니다.

• 그리고 팀의 프론트엔드가 강하다면 혼자서 프레임워크를 구축해도 문제가 없습니다.

10 미니 프로그램과 네이티브 앱 중 어느 것이 더 좋나요?

낮은 개발 비용, 낮은 고객 확보 비용, 다운로드 불필요 등 공식 계정의 장점 외에도 미니 프로그램은 서비스 요청 지연 시간과 사용자 경험을 크게 개선하여 복잡한 서비스를 호스팅하고 제공할 수 있게 되었습니다. 더 나은 사용자 경험을 가진 사용자.

11 위챗 미니 프로그램의 원리를 간략하게 설명해주세요

위챗 미니 프로그램은 JavaScript, WXML, WXSS 3가지 기술을 사용하여 개발되었습니다. 기술적으로 말하면 기존 프런트엔드 개발과 유사하지만, 좀 더 자세히 살펴보면, 다른.

JavaScript: 우선 JavaScript 코드는 브라우저가 아닌 WeChat 앱에서 실행됩니다. 따라서 일부 H5 기술 애플리케이션에서는 WeChat 앱이 해당 API 지원을 제공해야 하며 이로 인해 H5 기술 적용이 제한됩니다. 엄격한 H5인 경우 의사 H5라고 할 수 있습니다. 마찬가지로 WeChat에서 제공하는 일부 고유 API는 H5에서 지원되지 않거나 특별히 잘 지원되지 않습니다.

WXML: WXML은 XML 구문을 기반으로 WeChat 자체 개발되었으므로 개발 중에는 WeChat에서 제공하는 기존 태그만 사용할 수 있으며 HTML 태그는 사용할 수 없습니다.

WXSS: WXSS는 CSS의 기능 대부분을 갖추고 있지만 모두 지원되는 것은 아니며 지원되는 기능과 지원되지 않는 기능에 대한 자세한 문서가 없습니다.

WeChat의 아키텍처는 UI와 데이터가 분리되어 있는 데이터 기반 아키텍처 모델입니다. 모든 페이지 업데이트는 데이터 변경을 통해 이루어져야 합니다.

애플릿은 webview와 appService의 두 부분으로 나뉩니다. 그 중 webview는 주로 UI를 표시하는 데 사용되며 appService는 비즈니스 로직, 데이터 및 인터페이스 호출을 처리하는 데 사용됩니다. 두 개의 프로세스에서 실행되며 시스템 레이어 JSBridge를 통해 통신하고 UI 렌더링 및 이벤트 처리를 구현합니다.

12 WeChat 애플릿의 양방향 바인딩은 vue와 어떻게 다릅니까?

this.data의 직접적인 속성은 무엇입니까? 애플릿이 다른가요? 보기에 동기화하려면 다음을 호출해야 합니다. this.setData({})

추천 튜토리얼: "WeChat Mini Program"

위 내용은 WeChat 미니 프로그램에 대해 알아야 할 인터뷰 질문의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!