Full network scarce Vue2.0 advanced combat independent development of exclusive music WebApp

Source: Internet
Author: User



The 1th chapter introduces the course content
Including the curriculum outline, the course arrangement, the study premise, the teaching method and so on the introduction, finally demonstrated the entire Music app function, lets the schoolmate to have an intuitive understanding to the curriculum project.

Chapter 2nd Project Preparation
Including project requirements analysis, scaffolding initialization code, project directory Introduction and icon font, public style, such as the preparation of resources.

3rd Chapter Page Skeleton Development
Includes page entry, header component authoring, routing configuration, and top-navigation tab component development.

4th Chapter Recommended Page Development
Includes Jsonp principle Introduction and Promise Package, Carousel Diagram component development, song single interface data analysis and crawl, Axios Introduction and Backend Interface agent, single-row table component development and data application, scroll component abstraction and application, Vue-lazyloader Lazy Loading Plugin Introduction and application, loading basic component development and application. ...

5th Chapter singer Page Development
This includes the capture and processing of singer data, the encapsulation of the Singer class, and the development and application of the class Address Book component ListView.

6th. Singer Details Page Development
Including sub-route configuration and Transition animation implementation, Vuex Introduction, Vuex initialization of the singer data configuration, singer details page data capture and processing, Song class packaging, music-list component development.

7th Chapter Player built-in component development
Includes player Vuex data design and related applications, player base style and song data application, player unwinding animation implementation, player forward and backward function realization, player playback time acquisition and update, Progress-bar progress bar component development, Progress-circle Circle in Bar component development, Player mode switching function realization, player lyrics data capture and parsing, player lyrics left and right sliding implementation, player bottom broadcast ...

The 8th chapter of the song single page development
Including the layout of the song single page, VUEX implementation of routing data Communication, song details page data capture and processing.

9th Chapter Leaderboard and Detail page development
Includes the leaderboard layout introduction, the leaderboard data crawl and the application, the list Detail Page layout introduction, Vuex realizes the routing data communication, the list detail page data capture and the application.

10th Chapter Search Page Development
Including Search-box component development, popular search data fetching and application, suggest component development, search results saving function implementation, search-list component development, confirm component development.

11th Chapter Song list component
Includes display and hide control of song list components, playlist implementation, player Mixin abstraction, Add-song Component development, top-list component development, scroll component capability expansion

12th Chapter User Center page
Including the collection list of VUEX data design and implementation, the collection of song features, page function development.

The 13th chapter compiles the packing
Includes minor bug fixes for playback kernels, project compilation package and node service debugging, lazy loading of routing components, vue.js upgrade to the latest version.

The 14th chapter of the course summary
Includes an introduction to the mobile-side tools Charles and Vconsole, and a curriculum review.

: Baidu Network Disk download

Full network scarce Vue2.0 advanced combat independent development of exclusive music WebApp

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.