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

  • How to debug uniapp after packaging
    How to debug uniapp after packaging
    With the development of mobile Internet, the development and use of mobile application software are becoming more and more popular. There are also endless tools for developing mobile applications for different platforms. Among them, uniapp, as a cross-platform development tool, has attracted the attention and use of more and more developers. However, during the development process, you will inevitably encounter some problems, such as how to debug the packaged application. Let's briefly introduce the debugging method of uniapp after packaging. 1. Two packaging modes First, you need to understand the two packaging modes of uniapp: 1. H5 mode in H5 mode
    uni-app 2768 2023-05-26 12:25:07
  • uniapp dynamically sets the font to a uniform size
    uniapp dynamically sets the font to a uniform size
    In mobile application development, UI design is a very important part. Among them, font size is a very important part because it directly affects the user's reading experience. In UniApp, we can set the font size dynamically in some simple ways to ensure application consistency. First method: Setting the global font size To set the global font size, you can use the Vue.config.productionTip variable to set the global style when the application is initialized. Add the following code in App.vue: ``
    uni-app 4937 2023-05-26 12:20:38
  • Passing parameters on different pages of uniapp
    Passing parameters on different pages of uniapp
    With the popularity of mobile Internet, the development of mobile applications has attracted more and more attention. As one of the most popular cross-platform development frameworks, Uniapp is widely used in the development of mobile applications. In the development of Uniapp, how to transfer parameters between different pages is a very common problem. This article will introduce how to transfer parameters between different pages in Uniapp from several aspects. 1. Query parameter passing In Uniapp, parameters can be passed through the query parameter of the page. For example, we can click the button on the homepage
    uni-app 1900 2023-05-26 12:19:37
  • Can uniapp use mui?
    Can uniapp use mui?
    UniApp is a cross-platform application development framework based on the Vue.js framework. It can be written once and run on multiple terminals. It supports multiple platforms such as Android, iOS, H5, mini programs, and quick applications. At the same time, MUI is a front-end framework based on HTML5+ that can help developers quickly build high-performance and efficient cross-platform applications. So, the question is, can UniApp be used in conjunction with MUI? The answer is yes. First of all, UniApp is fully compatible with the Vue.js framework, and MUI is a basic
    uni-app 1371 2023-05-26 12:18:37
  • Why is there no uniapp startup page on the real machine?
    Why is there no uniapp startup page on the real machine?
    With the development of mobile Internet, APP has become an indispensable part of people's lives. As the "face" of the APP, the startup page plays a very important role when the APP is opened. It can not only leave a deep first impression on the user, but also extend the user's stay time. However, when using uniapp to develop APPs, many developers report that the startup page can be displayed normally in the simulator, but cannot be displayed on the real machine. Let's solve this problem together. 1. Confirm whether the image path is correct. First, we need to confirm whether the image path is correct.
    uni-app 1072 2023-05-26 12:10:38
  • uniapp click to hide and display data list
    uniapp click to hide and display data list
    With the popularity of mobile applications, more and more web developers have begun to come into contact with uniapp, a cross-platform mobile application development framework. When developing mobile applications, we often need to display a list of data and hope that users can expand or hide it by clicking a button. This requirement is also very common in uniapp. This article mainly introduces how to implement the function of clicking to hide and display the data list in uniapp. 1. Implementation method In uniapp, the common way to hide and display the data list is to control the rendering mode of the data list to achieve
    uni-app 1525 2023-05-26 12:05:37
  • uniapp implements app login
    uniapp implements app login
    With the rapid development of mobile Internet, more and more companies are beginning to pay attention to mobile APP application development. In APP applications, user login is an important function. Users can only use related functions after successfully logging in. This article will introduce how to use uniapp to implement the APP login function. 1. Introduction to uniapp Uniapp is a cross-platform development tool developed based on the vue.js framework, which can quickly realize the development of multiple terminals (WeChat applet, H5, APP). It has the advantages of high development efficiency, excellent performance, and rich functions, and is favored by more and more developers.
    uni-app 1336 2023-05-26 12:05:07
  • uniapp implements voice broadcasting
    uniapp implements voice broadcasting
    With the advancement of science and technology, voice technology has become increasingly popular, and voice broadcasting has become an indispensable function in many applications. In mobile applications, voice broadcast allows users to hear important notifications, reminders, news, etc., and improves user efficiency. As for developers, how to implement this function? This article will introduce how to implement the voice broadcast function in uniapp. 1. Principle of voice broadcast In iOS and Android systems, there are APIs for voice broadcast, which are AVSpeechSynthesizer and TextToSpee respectively.
    uni-app 6472 2023-05-26 12:03:07
  • How to define the width and height of the uniapp carousel component image
    How to define the width and height of the uniapp carousel component image
    With the development of mobile Internet, carousel images have become one of the essential functions of modern websites and applications. As a rapid mobile application development framework, uniapp is also constantly optimizing its carousel component. When using the uniapp carousel component, defining the width and height of the carousel image is an important issue. First of all, you need to understand that the carousel component in uniapp is implemented based on the third-party plug-in swiper. Therefore, the functions and features of the carousel component in uniapp and swiper are basically the same. swiper is a very popular
    uni-app 1932 2023-05-26 12:01:07
  • uniapp ios clear cache
    uniapp ios clear cache
    With the popularity of mobile devices, application caching has become an inevitable problem in our daily lives. Especially when using iOS devices such as iPhone or iPad, application cache may occupy the storage space of your device. And for applications developed by uniapp, there is no exception. This article will introduce how to clear the cache of the uniapp iOS application in order to optimize device performance and free up storage space. 1. What is the uniapp cache? The uniapp cache is due to the
    uni-app 1525 2023-05-26 11:59:08
  • Convert uniapp timestamp to date
    Convert uniapp timestamp to date
    With the advent of the mobile Internet era, the demand for APP development has emerged. Today, developers have gotten rid of the short-sightedness of a single language and are extensively exploring various cross-platform development frameworks. Nowadays, cross-platform development framework has become one of the mainstream directions of APP development, among which uniapp can be said to have been widely used. When we use uniapp for APP development, we often encounter timestamp issues. Timestamps play a very important role in development. For example, in operations such as leaving messages, comments, and publishing articles, it is necessary to record the publishing time.
    uni-app 4470 2023-05-26 11:53:07
  • uniapp cloud packaging sdk does not match
    uniapp cloud packaging sdk does not match
    In recent years, with the continuous development of mobile application development technology, more and more developers choose to use uniapp for cross-platform development. In the process of cross-platform development, cloud packaging technology can not only improve development efficiency, but also allow developers to better manage application releases. However, during the process of cloud packaging, the problem of "uniapp cloud packaging sdk mismatch" sometimes occurs, which will not only affect the success rate of cloud packaging, but also cause certain troubles to developers. This article will discuss the "uniapp cloud packaging sdk mismatch" problem from the following aspects
    uni-app 1392 2023-05-26 11:42:08
  • uniapp implements positioning permissions
    uniapp implements positioning permissions
    With the development of mobile Internet technology, more and more applications need to obtain users' location permissions to provide better services. In mobile application development, uniapp is a very popular cross-platform application development tool that can provide efficient application development solutions for multiple platforms at the same time. In uniapp, it is also very important to implement the function of positioning permissions. This article will focus on how to implement location permissions in uniapp to help developers better understand related technologies. First, we need to clarify the technical principles of implementing location permissions in uniapp. in un
    uni-app 4090 2023-05-26 11:37:37
  • Does uniapp generate keys?
    Does uniapp generate keys?
    Uniapp is a cross-platform application development framework that can develop applications for multiple platforms such as iOS, Android and Web at the same time. In the development of applications, keys are often needed to perform data encryption and decryption, identity verification and other related operations. So, can keys be generated in Uniapp? Let’s introduce it below. The Uniapp framework itself does not provide the function of generating keys, but it can be achieved using the uni-app plug-in and third-party libraries. Next, they will be introduced separately. 1. uni-app plug-in U
    uni-app 1665 2023-05-26 11:33:08
  • The two uniapp button method names are the same
    The two uniapp button method names are the same
    With the popularity of mobile applications, the need for cross-platform development is becoming more and more urgent, and uniapp, as a cross-platform development framework based on Vue.js and small programs, is loved by developers. However, when I was using uniapp to develop an application recently, I encountered a problem: the method names of the two buttons are the same, so one of the buttons cannot trigger the corresponding method. Why is this? 1. Problem Description In an application developed through uniapp, there are two buttons that need to trigger different methods, but the method names are the same, as shown below: ```vue<
    uni-app 868 2023-05-26 11:28:07

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