current location:Home > Technical Articles > Web Front-end > uni-app

  • An article introducing the features and advantages of uniapp
    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
    uni-app 3275 2023-04-20 09:52:25
  • Where to put the initialization of uniapp this
    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
    uni-app 900 2023-04-20 09:44:40
  • Solution to Uniapp closing the boot interface
    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
    uni-app 796 2023-04-20 09:44:16
  • How does uniapp cloud packaging solve the problem of being unable to locate?
    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
    uni-app 1736 2023-04-20 09:43:38
  • How to close the H5 page in uniapp
    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.
    uni-app 2986 2023-04-20 09:43:16
  • What happens if uniapp swiper dies when switching too fast?
    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.
    uni-app 2277 2023-04-20 09:42:55
  • How to put a background image on a page in uniapp
    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
    uni-app 3705 2023-04-20 09:42:00
  • How to cancel the startup page in uniapp
    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.
    uni-app 2739 2023-04-20 09:40:56
  • How to turn off Uniapp's default restriction on external link browsers
    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
    uni-app 1030 2023-04-20 09:39:57
  • What should I do if uniapp Android css cannot be found?
    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
    uni-app 826 2023-04-20 09:39:40
  • Some common public js methods used in uniapp
    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
    uni-app 1844 2023-04-20 09:39:03
  • What happens when the keyboard does not bounce back when switching between uniapp pages?
    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.
    uni-app 1047 2023-04-20 09:38:42
  • Why does the page of changing component values ​​in uniapp not update?
    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.
    uni-app 3767 2023-04-20 09:38:00
  • What should I do if uniapp does not support this.$refs?
    What should I do if uniapp does not support this.$refs?
    As a developer, if you are developing using the uniapp framework, you may encounter some problems. One of them is that uniapp does not support the use of this.$refs syntax. This article will explore this problem and how to solve it. First, we need to understand what this.$refs is and what it does. In the Vue.js framework, this.$refs is used to obtain references to subcomponents or DOM elements. Use this.$refs for easy access to components and DOM
    uni-app 3169 2023-04-20 09:37:30
  • What should I do if uniapp's modification of head is invalid?
    What should I do if uniapp's modification of head is invalid?
    When developing mobile applications, Uniapp is a very convenient and efficient development framework. However, you may encounter some problems during development with Uniapp. One of the common problems is: when we want to modify the header information in a page, the modification does not take effect. This problem will definitely trouble developers, so let’s discuss ways to solve this problem. Uniapp's header information can be configured in the page.json file. If we want to modify the header information, we only need to
    uni-app 1448 2023-04-20 09:36:24

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28