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

  • How to write a uniapp code management
    How to write a uniapp code management
    Code management is a very important task when doing uniapp development. Reasonable code management can improve team collaboration efficiency, reduce code error rates, and can also better manage the progress and quality of the project. This article will share some experiences on how to write a uniapp code management. 1. Choose a code hosting platform. A code hosting platform is an essential tool for a development team. It allows team members to update code in real time and establish version control. Github, Gitlab, Code Cloud and other platforms are commonly used code hosting platforms. Choose appropriate
    uni-app 865 2023-05-26 13:35:08
  • uniapp hides top navigation bar
    uniapp hides top navigation bar
    In the process of using Uniapp for mobile application development, we often need to hide or show the navigation bar of the page to achieve different visual effects or functional requirements. This article will introduce how to hide the top navigation bar of Uniapp page. 1. Use the jump method to jump to the page. When using Uniapp to jump to the page, we can use APIs such as uni.navigateTo or uni.redirectTo. These APIs allow us to pass some parameters to control the behavior of page jumps. Among them, we can use uni.n
    uni-app 6064 2023-05-26 13:30:08
  • Does uniapp use vue?
    Does uniapp use vue?
    Uniapp is a cross-platform development tool based on the Vue.js framework. Its characteristic is that it can be written once and published on multiple terminals. That is, you only need to write one set of code to publish to multiple platforms, including WeChat mini-programs, Alipay mini-programs, and H5 , Android App, IOS App, etc. The language used by Uniapp is Vue.js, and Vue.js is one of the most popular front-end frameworks today. It has the advantages of being lightweight, efficient, and easy to use, and is widely used in the development of various web applications. Vue.js isn’t just for web development;
    uni-app 1149 2023-05-26 13:22:07
  • How to install and configure uniapp Apple mobile phone simulator
    How to install and configure uniapp Apple mobile phone simulator
    With the continuous development of the mobile application market, multi-platform development has become a trend. As a framework that can be developed across multiple platforms, Uniapp is becoming more and more widely used in mobile application development. However, for beginners, how to install and configure the iPhone simulator on Apple computers is also a problem they have to face when they first start learning Uniapp. Below, the author will introduce in detail how to install and configure the iPhone simulator on Apple computers. ## Step 1: Preparation work Before starting the configuration, first ensure that the Apple battery
    uni-app 2411 2023-05-26 13:20:08
  • uniapp is compatible with several terminals
    uniapp is compatible with several terminals
    In the context of the rapid development of the mobile Internet, developers need to spend less time and energy developing on different platforms, which requires a cross-platform mobile application development framework. Uniapp is a very good choice. What is Uniapp? Uniapp is a full-end development framework based on the Vue.js framework. It supports running the same code on almost all front-end or back-end platforms, such as WeChat, Alipay, Baidu, Toutiao, H5, etc. When developing Uniapp, writing one file can generate files in multiple formats at the same time.
    uni-app 1311 2023-05-26 13:04:09
  • uniapp packaged h5 cannot browse the specified page
    uniapp packaged h5 cannot browse the specified page
    With the continuous popularization of mobile Internet, application development is also developing in the direction of multi-platform and cross-terminal. In order for applications to run on different platforms, developers need to use some cross-platform development frameworks. One of the more popular frameworks is uniapp. uniapp is a cross-platform development framework developed based on vue. It can generate applications for multiple platforms such as mini programs, H5, and App at the same time, greatly improving development efficiency. However, some developers will encounter some problems when using uniapp to package H5, such as
    uni-app 1598 2023-05-26 12:52:08
  • uniapp gets the requested parameters
    uniapp gets the requested parameters
    When developing mobile applications, we inevitably need to request data from the server. In this process, it is very important to obtain the parameters of the request. This is a very common requirement for developers using uniapp for mobile application development. The following will introduce how uniapp obtains the requested parameters. Request parameters refer to the data we need to pass to the server, usually including query conditions, page numbers, number of pages per page, etc. In order to facilitate unified management of these parameters, we usually encapsulate them into an object, and then pass this object when calling the interface.
    uni-app 5703 2023-05-26 12:38:37
  • How uniapp monitors keyboard height
    How uniapp monitors keyboard height
    As mobile applications continue to evolve, user experience becomes increasingly important. In order to improve user experience, developers must understand the various situations that users may encounter during use of the application. One of them is the keyboard that pops up when entering text. On mobile devices, the height of the keyboard can have a significant impact on what users view, especially if the application requires a lot of text input. Therefore, knowing how to monitor keyboard height has become one of the necessary skills. Uniapp is a framework tool for developing cross-platform applications. It provides a way to achieve cross-platform development
    uni-app 3069 2023-05-26 12:26:38
  • 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 2361 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 4694 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 1728 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 1196 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 936 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 1353 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 1234 2023-05-26 12:05: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