1-1 Course Introduction

1-2 Project Introduction

1-3 Course related information

1-4 Introduction to mini programs

1-5 Mini program development preparation work

1-6 Overview of mini program syntax

1-7 Introduction to the use of small program development tools

1-8 Initialization project file description

1-9 Index page static construction

1-10 data binding

2-1 data hijacking agent

2-2 event binding

2-3 Route jump

2-4 life cycle function

2-5 Get basic user information

2-6 Window configuration, carousel chart implementation

2-7 How to use IDE tools to develop small programs

2-8 iconfont font icon usage

2-9 Static construction of recommended song area

2-10 Front-end and back-end interaction

3-1 Encapsulate request function

3-2 List rendering

3-3 Dynamic implementation of recommended songs

3-4 Custom component

3-5 Static construction of ranking list

3-6 Dynamic display of ranking data

3-7 Intranet penetration

3-8 Real machine debugging

3-9 tabBar use

3-10 Personal center page animation effect implementation

4-1 Quickly build login interface

4-2 Collect form item data and pass parameters through event object

4-3 Front-end verification implementation

4-4 Backend verification implementation

4-5 Local storage, personal center, login page interaction

4-6 User playback record display

4-7 Improve user playback records

4-8 Video page header construction

4-9 Static construction of video navigation area

4-10 Navigation data dynamic display

5-1 Get video data through cookies

5-2 Video list dynamic display

5-3 Click to switch video function

5-4 Navigation transition effect implementation

5-5 Solve the problem of multiple videos playing at the same time

5-6 image instead of video performance optimization

5-7 Solve the problem of video content size and video inconsistency

5-8 Implementation of video list sliding function

5-9 Realize the function of jumping to the specified position when playing again

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

6-1 Page pull down to refresh, pull up to bottom event description

6-2 Implementation of forwarding and sharing function

6-3 Static construction of recommendSong page header

6-4 recommendSong date dynamic display

6-5 Static construction of recommendSong content area

6-6 dynamic display of recommendSong content area

6-7 SongDetail static page construction

6-8 Joystick animation implementation

6-9 Disk animation implementation

6-10 Construction of bottom control area

7-1 Route jump parameters

7-2 Dynamically display song details

7-3 Implementation of music playback pause function

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

7-5 getApp solves the problem of page destruction music playing status

7-6 Analysis of page communication requirements, preparation for npm package use

7-7 pubsub message subscription publishing, custom event description

7-8 Complete implementation of page communication

7-9 Implementation of switching song function

7-10 Optimize performance of playing songs

8-1 Static construction of progress bar area

8-2 Formatted display of total music duration

8-3 Formatted display of music real-time playback time

8-4 Dynamic implementation of progress bar

8-5 Automatically switches to the next song after music playback

8-6 Play music page completed

8-7 search head construction

8-8 Static construction of hot search list

8-9 Hot search list, dynamic display of placeholder data

8-10 Keyword fuzzy matching search data

9-1 Search list dynamic display

9-2 Static construction of history section

9-3 Add search history

9-4 Delete search history

9-5 Search page related items

9-6 Custom template usage

9-7 Get user login credentials code

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

9-9 Connect to WeChat server to obtain openId

9-10 jsonwebtoken encryption, decompilation

9-11 other page related items

9-12 Regular subcontracting

9-13 independent subcontracting

9-14 Subcontracted pre-download