코스소개

프로젝트 소개

강좌관련정보

미니 프로그램 소개

미니프로그램 개발 준비작업

미니 프로그램 구문 개요

소규모 프로그램 개발 도구 사용 소개

초기화 프로젝트 파일 설명

인덱스 페이지 정적 구성

데이터 바인딩

데이터 하이재킹 에이전트

이벤트 바인딩

루트 점프

수명주기 기능

기본 사용자 정보 얻기

창 구성, 캐러셀 차트 구현

IDE 도구를 사용하여 작은 프로그램을 개발하는 방법

iconfont 글꼴 아이콘 사용법

추천곡 영역의 정적 구축

프런트엔드 및 백엔드 상호 작용

요청 기능 캡슐화

목록 렌더링

추천곡 다이내믹 구현

맞춤 구성요소

순위 목록의 정적 구성

순위 데이터의 동적 표시

인트라넷 침투

실제 머신 디버깅

탭바 사용

개인센터 페이지 애니메이션 효과 구현

로그인 인터페이스를 빠르게 구축

양식 항목 데이터를 수집하고 이벤트 객체를 통해 매개변수를 전달합니다.

프런트엔드 검증 구현

백엔드 검증 구현

로컬 스토리지, 개인 센터, 로그인 페이지 상호 작용

사용자 재생 기록 표시

사용자 재생 기록 개선

비디오 페이지 헤더 구성

영상 내비게이션 영역의 정적 구축

내비게이션 데이터 동적 디스플레이

쿠키를 통해 비디오 데이터 가져오기

비디오 목록 동적 표시

비디오 기능을 전환하려면 클릭하세요.

탐색 전환 효과 구현

여러 영상이 동시에 재생되는 문제 해결

비디오 성능 최적화 대신 이미지

비디오 콘텐츠 크기 및 비디오 불일치 문제 해결

영상목록 슬라이딩 기능 구현

다시 플레이 시 지정된 위치로 점프하는 기능 구현

스크롤뷰 풀다운 새로고침, 풀업 로딩 기능 구현

페이지를 아래로 당겨 새로고침하고 이벤트 설명을 맨 아래로 끌어당깁니다.

전달 및 공유 기능 구현

추천곡 페이지 헤더의 정적 구성

추천곡 날짜 동적 표시

추천곡 콘텐츠 영역의 정적 구축

추천곡 콘텐츠 영역의 동적 표시

SongDetail 정적 페이지 구성

조이스틱 애니메이션 구현

디스크 애니메이션 구현

하단 제어 영역 구축

경로 점프 매개변수

노래 세부정보를 동적으로 표시

음악 재생 일시정지 기능 구현

시스템 작업 표시줄에 음악 재생 상태가 일관되지 않게 표시되는 문제 해결

getApp은 음악 재생 상태 페이지 파괴 문제를 해결합니다.

페이지 통신 요구사항 분석, npm 패키지 사용 준비

pubsub 메시지 구독 게시, 맞춤 이벤트 설명

페이지 커뮤니케이션 완벽 구현

노래 전환 기능 구현

노래 재생 성능 최적화

진행률 표시줄 영역의 정적 구성

총 음악 재생 시간의 형식화된 표시

음악 실시간 재생 시간의 형식화된 표시

진행률 표시줄의 동적 구현

음악 재생 후 자동으로 다음 곡으로 전환

음악 재생 페이지 완료

검색 헤드 구성

핫 검색 목록의 정적 구성

핫 검색 목록, 자리 표시자 데이터의 동적 표시

키워드 퍼지 일치 검색 데이터

검색 목록 동적 표시

역사 섹션의 정적 구성

검색 기록 추가

검색 기록 삭제

페이지 관련 항목 검색

맞춤 템플릿 사용

사용자 로그인 자격 증명 코드 받기

서버 인터페이스 등록, 프런트엔드 및 백엔드 통신

openId를 얻으려면 WeChat 서버에 연결하세요.

jsonwebtoken 암호화, 디컴파일

다른 페이지 관련 항목

정기하도급

독립 하청

하도급 사전 다운로드