Uni-App from entry to practical use
uni-app is a framework that uses Vue.js to develop all front-end applications. Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small programs (WeChat/Alipay/Baidu/Toutiao/ QQ/DingTalk/Taobao), Quick App and other platforms. The basic introductory course of uni-app allows novice uni-app developers to quickly become familiar with and use the uni-app framework to develop simple cross-end applications~
116838
person learning
56
class hour
2022-04-14
update time
08 Hours50 minutes10 seconds
Total course duration
学习是最好的投资！
You will learn
1.uniapp life cycle (application life cycle, page life cycle); 2.uniapp data cache; 3. Routing and page jump; 4. Initiate a network request; 5. How to reference font icons in uniapp; 6. Conditional compilation; 7. Style and layout ...
Uni-App from entry to practical use
Section1 Basic introduction to courses and uni
05 minutes47 seconds
Section2 Set up the uni-app environment and create a project to run
11 minutes09 seconds
Section3 A brief introduction to the project directory and development specifications
05 minutes47 seconds
Section4 globalStyle global appearance configuration
07 minutes17 seconds
Section5 Create new pages and page configurations
07 minutes46 seconds
Section6 Configure basic tabbar
09 minutes27 seconds
Section7 Other attribute configurations of tabbar
05 minutes07 seconds
Section8 condition startup mode configuration
05 minutes59 seconds
Section9 Basic usage of text component
08 minutes43 seconds
Section10 Basic usage of view components
07 minutes56 seconds
Chapter1 uni-app from entry to practical use (1)
Section1 Use of button button component
04 minutes34 seconds
Section2 Basic usage of image component
06 minutes13 seconds
Section3 Learning styles in uni and how to use scss and font icons
19 minutes30 seconds
Section4 Basic data binding
05 minutes46 seconds
Section5 Use of v-bind and v-for
06 minutes42 seconds
Section6 How to register an event, pass parameters and obtain the event object
04 minutes57 seconds
Section7 Learning about life cycle functions
11 minutes36 seconds
Section8 Pull down to refresh learning
11 minutes27 seconds
Section9 pull-up loading
04 minutes42 seconds
Section10 Send get request
10 minutes15 seconds
Chapter2 uni-app from entry to practical use (2)
Section1 Data cache
12 minutes11 seconds
Section2 Image upload and preview
15 minutes42 seconds
Section3 Conditional compilation cross-port compatibility
10 minutes10 seconds
Section4 Two ways to navigate and jump and pass parameters
17 minutes47 seconds
Section5 Creation and use of components and component life cycle functions
15 minutes33 seconds
Section6 How to communicate between components
13 minutes46 seconds
Section7 Basic introduction and use of uni-ui component library
05 minutes21 seconds
Section8 Project function introduction
02 minutes27 seconds
Section9 Create the project and clean up the structure and configure the basic appearance
05 minutes09 seconds
Section10 Complete the configuration of the bottom tabbar
08 minutes33 seconds
Chapter3 uni-app from entry to practical use (3)
Section1 Get carousel chart data
11 minutes33 seconds
Section2 Encapsulate the $myRequest method and mount it globally
12 minutes19 seconds
Section3 Complete the rendering of the homepage carousel image
08 minutes28 seconds
Section4 Implement the basic structure of navigation
12 minutes35 seconds
Section5 Complete recommended product structure
18 minutes22 seconds
Section6 Complete the rendering of recommended product data
06 minutes37 seconds
Section7 Renovate the navigation area and jump to the product list page
09 minutes17 seconds
Section8 Encapsulate the product list component and use
09 minutes19 seconds
Section9 Implement pull-up to load more and pull-down to refresh
15 minutes14 seconds
Section10 Complete the map of the Contact Us page and make a call
15 minutes22 seconds
Chapter4 uni-app from entry to practical use (4)
Section1 Implement the structure and style of the left side of the community picture
12 minutes33 seconds
Section2 Implement left data rendering and click highlighting
07 minutes01 seconds
Section3 Implement the rendering of data on the right
11 minutes46 seconds
Section4 Complete the picture preview function
04 minutes12 seconds
Section5 Implement the structure of the information list and the acquisition of data
10 minutes24 seconds
Section6 Implement the encapsulation of news-item components
05 minutes09 seconds
Section7 Implement list jump details and pass id
11 minutes57 seconds
Section8 Complete the information details page
12 minutes38 seconds
Section9 Click on the product list to navigate to the product details page
06 minutes22 seconds
Section10 Implement product details carousel
08 minutes23 seconds
Section11 The structure of other parts of the implementation details
11 minutes00 seconds
Section12 Complete data rendering of details page
10 minutes40 seconds
Section13 Use uni-ui to implement the bottom navigation area
10 minutes19 seconds
Section14 Complete mini program packaging and release
10 minutes43 seconds
Section15 Complete h5 packaging
02 minutes38 seconds
Section16 Complete Android packaging
08 minutes00 seconds
Chapter5 uni-app from entry to practical use (5)
Data Name
uni-app practical courseware
Download
PHPz Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982561
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546668
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003301
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
