Page 107-uni-app Programming Tutorials: Learn uni-app Online-php.cn

Article Tags

uni-app

Home

Technical articles

Web Front-end

uni-app

How to use special fonts in uniapp

With the development of the mobile Internet, more and more developers choose to use uniapp to develop mobile applications. However, in some special cases, we need to use custom fonts. So how to use special fonts in uniapp? Method 1: Upload TTF files in HBuilderX 1. Open HBuilderX and find the "static" folder in the project root directory. 2. Create a new "fonts" folder under this folder, and put the font files (TTF format) you want to use into this folder. 3

Apr 20, 2023 am 09:10 AM

An article introducing the features and advantages of uniapp

With the rapid development of mobile Internet, the development of mobile applications has attracted more and more attention from developers. However, mobile application development faces many technical and platform limitations, making the development process complex and difficult. Among these restrictions, cross-platform development has become one of the directions pursued by many developers. Among them, uniapp is one of the more well-known cross-platform development frameworks in China and is loved by developers. This article will comprehensively introduce the features and advantages of uniapp. 1. Introduction to uniapp uniapp is a product launched by DCloud company

Apr 20, 2023 am 09:10 AM

Where to put the initialization of uniapp this

In the process of developing with Uniapp, we will use the this keyword in many places. For example, inside the function defined in the methods method, this refers to the Vue instance. However, in the component's created and mounted life cycle functions, this refers to the component itself. So how do we use this keyword correctly in Uniapp? Especially in initialization, where should we place this? First, let's take a look at the initialization process in Uniapp. exist

Apr 20, 2023 am 09:10 AM

Solution to Uniapp closing the boot interface

Regarding Uniapp’s solution for closing the boot interface, with the development of the mobile Internet, we can see that more and more APP applications are widely used in various fields. Developers will also add a guidance interface to the APP interface to help users quickly understand the content and functions displayed in the APP. For first-time users, the guidance interface can also play a good role in prompting and navigation. However, when designing an APP, you often encounter scenarios where you need to close the guidance interface. This article mainly introduces how to turn off the boot interface in Uniapp. Uniapp

Apr 20, 2023 am 09:10 AM

How does uniapp cloud packaging solve the problem of being unable to locate?

With the continuous development of the Internet, mobile applications have become an indispensable part of people's lives. Uniapp is a framework for developing cross-platform applications. It has the characteristics of one-time development and multi-deployment, and is used by more and more developers. However, in the process of using uniapp for cloud packaging, some positioning problems will be encountered and must be solved in time. What is the problem with uniapp cloud packaging and positioning? When using uniapp for cloud packaging, many developers may encounter the "unable to locate" problem. This usually happens when an application uses a certain

Apr 20, 2023 am 09:10 AM

How to close the H5 page in uniapp

Recently, in the process of developing H5 projects using uniapp, I encountered a problem: how to close the H5 page in uniapp. After some exploration and research, I summarized the following methods, hoping to help more developers. Method 1: Use the uni.navigateBack method uniapp provides a built-in function uni.navigateBack, which is used to close the page. If you want to close the current page, you only need to execute uni.navigateBack in the current page.

Apr 20, 2023 am 09:10 AM

What happens if uniapp swiper dies when switching too fast?

When I recently used uniapp to develop a small program, I used the swiper component to implement the carousel function. However, during testing, it was found that if the user quickly swipes to switch pictures, the mini program will freeze or freeze. At first I thought it was a problem with my own code, so I checked the code carefully, but I didn't find any problem. So I checked the information online, and it turned out that this was a bug in the swiper component of uniapp when sliding quickly. After investigation, it was found that this problem was due to the swiper component being left in the fast process.

Apr 20, 2023 am 09:10 AM

How to put a background image on a page in uniapp

As mobile application development becomes more and more popular, the development of cross-platform mobile applications has gradually become a trend. As a cross-platform development tool, UniApp's advantages are self-evident. In the development of UniApp, it is often necessary to set a background image to beautify the page and allow users to better use the application. So, how does UniApp put a background image on a page? Let’s discuss it together. First, we need to prepare a background image, which can be a solid color image or a pattern background image. Then, we can choose to use the view tag

Apr 20, 2023 am 09:10 AM

How to cancel the startup page in uniapp

[UniApp Tutorial] How to cancel the startup page UniApp is a popular cross-platform development framework. It merges the development of multiple platforms such as Web, iOS, Android, etc. into one project, making development more efficient and simpler, for everyone development work provides great convenience. However, when developing using the UniApp framework, the appearance of the startup page may cause you some trouble. This article is to help you solve this problem. 1. What is a startup page? The startup page is the first interface we see when we open an application.

Apr 20, 2023 am 09:10 AM

How to turn off Uniapp's default restriction on external link browsers

With the rise of the mobile Internet, web applications have gradually become the first choice for users to experience products, and Uniapp, as a high-performance cross-platform development tool, has received widespread attention when implementing enterprise mobile application development. However, because developers need to consider application security and other issues, Uniapp prohibits external browsers by default, which will cause great problems for some applications that need to use the functions of the browser core (such as payment functions). Troubled. Therefore, this article will introduce how to turn off Uniapp’s default settings that restrict external link browsers. 1. Repair

Apr 20, 2023 am 09:10 AM

What should I do if uniapp Android css cannot be found?

When using uniapp for Android development, sometimes you will encounter the problem that the css style cannot be found. This situation can mess up your development process, so we need to know why it happens and how to fix it. Reasons for the problem: 1. The uniapp framework uses the Weex rendering engine for development, and some styles are not supported by Weex. 2. Some CSS properties are implemented differently in Android and IOS, so when writing CSS styles, you need to pay attention to the fact that some styles do not support Android. 3. Many Android models

Apr 20, 2023 am 09:09 AM

Some common public js methods used in uniapp

With the continuous development of front-end development, more and more developers choose to use uniapp to develop cross-platform applications. uniapp is a development platform based on the Vue.js framework, which can quickly create applications that need to run on multiple platforms at the same time. In this case, using public js methods is an effective way to achieve code reuse and improve development efficiency. This article will introduce some common public js methods used in uniapp. 1. Get the page parameters in uniapp, we can use uni.getStorag

Apr 20, 2023 am 09:08 AM

What happens when the keyboard does not bounce back when switching between uniapp pages?

When using uniapp for mobile development, you may encounter a situation where the keyboard does not rebound after switching pages. This situation is very inconvenient for users, so we need to solve it. Let’s analyze the causes and solutions to this problem step by step. Cause of the problem Let’s first look at why the keyboard does not rebound. In uniapp, when switching pages, the focused element of the current page (usually the input box) may not be successfully defocused, resulting in the keyboard not being retracted. This is usually because we do not properly operate the focused element when switching pages.

Apr 20, 2023 am 09:08 AM

Why does the page of changing component values in uniapp not update?

With the continuous development of mobile development technology, many new frameworks or technical tools have emerged. Among them, uniapp is a cross-platform development framework. Based on the advantages of the Vue framework and small program development technology, it can quickly develop apps for both Android and Application for iOS operating system. However, when developing with uniapp, we may encounter some problems. For example, sometimes after changing the value of a component, the page is not updated. What is going on? 1. uniapp component communication In the development of uniapp, component communication is very common.

Apr 20, 2023 am 09:08 AM