Course Introduction

Project Introduction

Course related information

Introduction to mini programs

Mini program development preparation work

Overview of mini program syntax

Introduction to the use of small program development tools

Initialization project file description

Index page static construction

data binding

data hijacking agent

event binding

Route jump

life cycle function

Get basic user information

Window configuration, carousel chart implementation

How to use IDE tools to develop small programs

iconfont font icon usage

Static construction of recommended song area

Front-end and back-end interaction

Encapsulate request function

List rendering

Dynamic implementation of recommended songs

Custom component

Static construction of ranking list

Dynamic display of ranking data

Intranet penetration

Real machine debugging

tabBar use

Personal center page animation effect implementation

Quickly build login interface

Collect form item data and pass parameters through event object

Front-end verification implementation

Backend verification implementation

Local storage, personal center, login page interaction

User playback record display

Improve user playback records

Video page header construction

Static construction of video navigation area

Navigation data dynamic display

Get video data through cookies

Video list dynamic display

Click to switch video function

Navigation transition effect implementation

Solve the problem of multiple videos playing at the same time

image instead of video performance optimization

Solve the problem of video content size and video inconsistency

Implementation of video list sliding function

Realize the function of jumping to the specified position when playing again

scroll-view pull-down refresh, pull-up loading function is implemented

Page pull down to refresh, pull up to bottom event description

Implementation of forwarding and sharing function

Static construction of recommendSong page header

recommendSong date dynamic display

Static construction of recommendSong content area

dynamic display of recommendSong content area

SongDetail static page construction

Joystick animation implementation

Disk animation implementation

Construction of bottom control area

Route jump parameters

Dynamically display song details

Implementation of music playback pause function

Solve the problem of inconsistent display of music playback status in the system taskbar

getApp solves the problem of page destruction music playing status

Analysis of page communication requirements, preparation for npm package use

pubsub message subscription publishing, custom event description

Complete implementation of page communication

Implementation of switching song function

Optimize performance of playing songs

Static construction of progress bar area

Formatted display of total music duration

Formatted display of music real-time playback time

Dynamic implementation of progress bar

Automatically switches to the next song after music playback

Play music page completed

search head construction

Static construction of hot search list

Hot search list, dynamic display of placeholder data

Keyword fuzzy matching search data

Search list dynamic display

Static construction of history section

Add search history

Delete search history

Search page related items

Custom template usage

Get user login credentials code

Server interface registration, front-end and back-end communication

Connect to WeChat server to obtain openId

jsonwebtoken encryption, decompilation

other page related items

Regular subcontracting

independent subcontracting

Subcontracted pre-download