코스소개

위챗 미니 프로그램 소개

WeChat 미니 프로그램을 위한 환경 준비

내 첫 WeChat 애플릿

WeChat 개발자 도구 소개

네이티브 프레임워크의 디렉터리 구조

전역 구성 파일 페이지 필드

전역 구성 파일 창 필드

전역 구성 파일-탭 표시줄 필드

페이지 구성 파일

시트맵 구성

데이터 바인딩 전 코드 편집 기술

데이터 바인딩

작업

배열 및 객체 루프

블록 태그 사용

조건부 렌더링

이벤트 바인딩 1

이벤트 바인딩 2

스타일-rpx

스타일 가져오기

스타일 - 선택기 및 Less 사용

wxss 주석을 작성하는 방법

보기 및 텍스트 태그

이미지 사진 태그

swiper - 비례적으로 swiper의 높이를 계산합니다.

스와이프 - 공통 속성

네비게이터 네비게이션 태그

rich-text서식 있는 텍스트 태그

버튼 모양 스타일

버튼 열기 능력 1

버튼 열기 능력 2

아이콘 아이콘

라디오 라디오 버튼

체크박스체크박스

맞춤 구성요소 소개

맞춤형 구성요소에 대한 첫 경험

사용자 정의 구성 요소 탭 스타일 최적화

사용자 정의 구성 요소 제목 활성화가 선택됨

맞춤 구성요소 - 상위가 하위에 데이터를 전달합니다.

맞춤 구성요소 - 하위 항목이 상위 항목에 데이터를 전달합니다.

맞춤 구성 요소 슬롯

구성요소의 기타 속성

애플리케이션 수명주기

페이지 수명주기

프로젝트 미리보기

프로젝트 기술 선정

프로젝트 건설 1단계

프로젝트 구축 2단계(아이콘폰트 소개)

프로젝트 구성 3단계(탭바 빌드)

프로젝트 구성 4단계 - 페이지 스타일 초기화

홈페이지-검색창

홈페이지-캐러셀 차트 데이터 가져오기

홈-회전판-동적 렌더링

기본 요청을 약속으로 수정

홈 카테고리 탐색

집 1층

집 2층

분류 - 인터페이스 데이터와 페이지 효과 간의 관계

분류-인터페이스 데이터 가져오기

카테고리-페이지 레이아웃 1

카테고리-페이지 레이아웃 2

카테고리-메뉴를 클릭하면 제품 콘텐츠가 전환됩니다.

분류 - 캐싱 기술 사용

카테고리 클릭 메뉴-오른쪽 상단 목록

인터페이스 코드 추출 공용 인터페이스 경로 최적화

최적화된 인터페이스 - 반환 값을 단순화하고 es7의 비동기를 사용합니다.

제품 목록-카테고리 ID 가져오기

상품목록 - 검색창 및 탭 구성요소 구현

제품 목록-정적 스타일

제품 목록 - 동적 렌더링

제품 목록 - 다음 페이지 데이터 로드

제품 목록 - 아래로 당겨 새로고침

글로벌 로딩 아이콘 효과 추가

제품 세부정보-데이터 가져오기

제품 세부정보 - 인터페이스 데이터 및 페이지 분석

제품 세부정보 - 캐러셀 이미지의 동적 렌더링

제품 세부정보 - 가격, 이름, 사진 및 텍스트 세부정보

제품 세부정보에 최적화된 동적 렌더링

상품 상세정보 - 미리보기 이미지 확대

상품상세정보-하단툴바

상품상세정보-하단툴바

제품 세부정보-장바구니에 추가

장바구니 - 장바구니 분석 및 영수증 버튼 스타일

장바구니-배송주소 분석

장바구니 - 배송지 주소 획득 과정 완료

장바구니 - 배송 주소를 얻기 위한 코드 최적화

장바구니-배송지 주소 및 버튼 전환 표시

장바구니-장바구니 목록-정적 스타일

장바구니-하단툴바-정적구조

장바구니 데이터 동적 렌더링

장바구니 - 전체 데이터 표시 선택

장바구니 - 총 가격 및 총 수량

장바구니 - 선택한 제품

장바구니-선택 전체 역선택

장바구니 - 품목 수량 편집