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

  • uniapp clicks on an element to change
    uniapp clicks on an element to change
    UniApp is a development framework based on Vue.js, through which we can quickly develop cross-platform applications, including H5, iOS, Android and other platforms. In UniApp, we usually use the syntax of Vue.js for development, and we can also use some components provided by UniApp for page layout and interactive operations. This article will explain how to change the status or attributes of other elements on the page by clicking on an element. In UniApp, we can bind the attribute value of the element through the v-bind directive, or
    uni-app 888 2023-05-22 10:09:07
  • The difference between uniapp and webview
    The difference between uniapp and webview
    With the rapid development of mobile Internet, our applications have transformed from simple web applications to multi-functional applications based on various platforms. Two particularly popular of these platforms are uniapp and webview. Although they may seem similar, there are actually some important differences between them. This article will explore the differences and features between uniapp and webview. 1. Application type: uniapp is a cross-platform application framework that can build iOS, Android, H5 and various small programs at the same time
    uni-app 1858 2023-05-22 10:08:06
  • How to update the mini program version in uniapp
    How to update the mini program version in uniapp
    With the popularity of smartphones, many companies have begun their own mobile application development and marketing, among which WeChat mini programs have become one of the marketing methods of more and more companies. In actual applications, small programs need to be constantly updated to solve some problems and improve user experience. This article will introduce in detail how to use uniapp to update the applet version. 1. Prerequisites Before updating the uniapp mini program version, you need to ensure that the following conditions are met. 1. Developer permissions have been opened and you can develop small programs. 2. The mini program has been registered in the developer backend
    uni-app 2865 2023-05-22 10:05:07
  • How to wrap the table looped out by uniapp
    How to wrap the table looped out by uniapp
    In the process of using Uniapp to develop, it is often necessary to use tables to display data. However, if there is a lot of data, the width of the table may be insufficient and the text in each line cannot be fully displayed. In this case, the long text needs to be wrapped. , to better display the data. 1. Principle of table wrapping In traditional HTML tables, we can use CSS styles to control the layout of the table and the content format of the cells. In the table built by Uniapp, it can still be controlled through CSS styles to realize the line wrapping of the text in the table. example
    uni-app 1149 2023-05-22 10:04:36
  • uniapp is not as smooth as mui
    uniapp is not as smooth as mui
    Today I want to talk about Uni-app and MUI. Uni-app is a cross-platform development framework. Due to its high development efficiency and easy scalability, Uni-app is accepted and used by more and more developers. , and MUI is a powerful front-end framework and an extension of Uni-app, which can more easily achieve some UI effects and interactive operations. However, many developers have encountered some problems when using Uni-app and MUI. The most prominent one is the lag problem of MUI. Let me talk about this problem in detail below.
    uni-app 657 2023-05-22 10:00:46
  • Why can't uniapp use plug-ins?
    Why can't uniapp use plug-ins?
    With the rapid development of mobile Internet, mobile applications have become an indispensable part of people's lives. In order to make mobile application development more convenient, many development frameworks and tools have emerged. Among them, uniapp, as a cross-platform development tool, can greatly improve development efficiency, eliminating the cumbersome process of writing multiple codes to develop multiple platforms. However, when using uniapp, sometimes you encounter the problem that plug-ins cannot be used. So, why can't uniapp use plug-ins? This article will explore this. 1. What is un
    uni-app 1227 2023-05-22 10:00:07
  • uniapp network request asynchronous synchronization
    uniapp network request asynchronous synchronization
    Network requests are a common requirement in mobile app development. As a cross-platform development framework, uniapp provides a network request API, allowing developers to easily complete network request operations. In network requests, asynchronous and synchronous are two different methods. The following will introduce the asynchronous and synchronous methods of uniapp network requests. 1. Uniapp asynchronous network request Asynchronous network request means that after the request is issued, the main thread will not be blocked, but the request will be processed in the background thread. In uniapp, the asynchronous method of network requests is mainly through
    uni-app 3975 2023-05-22 09:58:37
  • Cancel the return button of uniapp's navigation bar
    Cancel the return button of uniapp's navigation bar
    In recent years, with the rapid development of mobile Internet, mobile applications, as an important part of the Internet, have been continuously updated and improved. During this process, a cross-platform development framework called Uniapp gradually became popular. Compared with the traditional native development method, Uniapp has high development efficiency and fast iteration speed, and is increasingly popular among developers. However, due to its cross-platform nature and the differences between different platforms, you may encounter various problems during the development process, such as how to cancel the navigation bar back button in Uniapp. First, we made it simple
    uni-app 2956 2023-05-22 09:57:07
  • How to block click events in uniapp
    How to block click events in uniapp
    For developing mobile applications, user interaction experience is crucial. In some cases, we may need to block click events for certain views to avoid user misoperation or negative impact on the application. In Uniapp development, blocking click events is also very easy to implement. 1. Use the Vue instruction v-on In Vue, we can use the v-on instruction to listen to various events, such as clicks, mouse movements, etc., but if we want to block the click event of a certain view, we can use Event.preventDefault
    uni-app 3866 2023-05-22 09:55:37
  • How to clear interface data in uniapp
    How to clear interface data in uniapp
    UniApp is a cross-platform development framework that can quickly transform code into programs that can run on multiple platforms. In a UniApp application, interface data is a very important part. What should we do if we need to clear interface data in our application? Next, I will introduce to you how to clear interface data in uniapp. The method of clearing interface data in UniApp is generally achieved by modifying the vuex state of the application. Below we will explain this method in detail through a small example. First we need to create in vuex
    uni-app 924 2023-05-22 09:54:36
  • How to customize loading globally in uniapp
    How to customize loading globally in uniapp
    With the rapid development of mobile Internet, mobile applications have become an indispensable part of people's lives. In mobile application development, loading animation is particularly important. It can significantly improve the user experience and allow users to perceive application feedback faster. This article will introduce how to use uniapp to implement global custom loading animation and improve user experience. 1. Why do you need to customize loading animation? In an application, loading animation is a very common feedback method. It is generally divided into two situations: 1. Waiting for interaction with the background: for example, you need to wait when requesting the background interface.
    uni-app 3068 2023-05-22 09:54:08
  • uniapp removes scroll bars
    uniapp removes scroll bars
    With the popularity of mobile applications, uniapp, as a cross-end application development framework based on Vue.js, is widely used on multiple platforms. What I want to discuss here is how to remove the default scroll bar of uniapp in the applet. By default, components such as Swiper and ScrollView in mini programs will display scroll bars on iOS and Android, but in the industry sometimes it is necessary to hide these scroll bars. So, how do we get rid of these scroll bars? Next, I will provide you with specific solutions. uniapp
    uni-app 3994 2023-05-22 09:52:06
  • uniapp runs error
    uniapp runs error
    UniApp is a cross-platform development framework that can quickly develop various applications. Due to its convenient development method and cross-platform features, it is becoming more and more popular among developers. However, in the process of using UniApp, you may also encounter various problems, one of the more common ones is running errors. This article will introduce the common causes and solutions of UniApp running errors. 1. Error types and common causes 1. TypeErrorTypeError is generally caused by incorrect parameter types passed into the method, such as passing in a null value, passing in
    uni-app 3408 2023-05-22 09:51:36
  • Can uniapp cloud development be used for large projects?
    Can uniapp cloud development be used for large projects?
    With the continuous development of cloud computing technology, more and more developers are beginning to explore cloud computing-based solutions, and uniapp, as a cross-platform development framework, can support multiple platforms such as WeChat, Alipay, Baidu, and Toutiao at the same time. Developers provide fast, efficient, and stable mobile development solutions. In 2019, uniapp launched the cloud development function, which provides developers with an efficient development method by integrating the capabilities of Tencent Cloud. The cloud development function can generate API interfaces and databases through the background with one click, and also provides users with
    uni-app 1033 2023-05-22 09:50:36
  • The bottom picture of uniapp is not clear
    The bottom picture of uniapp is not clear
    With the rapid development of mobile Internet, more and more applications adopt cross-platform development to improve development efficiency and reduce development costs. As a cross-platform development framework, Uniapp has received widespread attention and application. However, you may encounter some problems when actually using Uniapp to develop applications. One of them is that the bottom image is blurry. In Uniapp, developers can use the input-plus component to implement the bottom navigation bar. This component uses a combination of pictures and text to implement the bottom navigation bar. but
    uni-app 1456 2023-05-22 09:50: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