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

  • How to set up uniapp for rapid development from scratch
    How to set up uniapp for rapid development from scratch
    As the mobile application market continues to expand and change, mobile applications are also constantly innovating and developing. As a cross-platform mobile application development framework, Uniapp is also constantly developing and improving. In actual development, how to quickly develop Uniapp applications from scratch? This article will introduce the rapid development methods of Uniapp from the following aspects. 1. Basic knowledge of Uniapp Before you start to quickly develop Uniapp applications, you need to understand the basic knowledge of Uniapp. Uniapp is a cross-platform development framework that can use V
    uni-app 823 2023-04-18 16:03:29
  • How to implement table table in uniapp
    How to implement table table in uniapp
    With the continuous development of the mobile Internet and the demand for mobile data management by a large number of enterprises and institutions, table components are receiving more and more attention in mobile application development. As a cross-platform front-end development framework, uniapp provides a convenient and practical way to build mobile applications. This article will introduce how uniapp implements the table component. 1. Why is the table component needed? In modern mobile applications, data display is an essential function, and tables are one of the main ways of data display. In most cases, table columns
    uni-app 7763 2023-04-18 16:03:07
  • How to jump to the page in uniapp component
    How to jump to the page in uniapp component
    uniapp is a cross-platform mobile development framework with rich components and APIs, allowing developers to quickly create efficient mobile applications. At the same time, uniapp also supports jumps between various components and pages, which is very convenient and practical. This article will focus on the methods and precautions for jumping to the page using the uniapp component. 1. Methods for uniapp components to jump to pages In uniapp, there are many ways for components to jump to pages, including routing jumps, event listening, navigation bar buttons, etc. Below we will introduce in detail
    uni-app 2084 2023-04-18 16:02:44
  • How to solve the problem that the uniapp keyboard automatically disappears after popping up
    How to solve the problem that the uniapp keyboard automatically disappears after popping up
    In the process of developing mobile applications using uniapp, we often encounter the problem that the keyboard cannot be automatically hidden after it pops up. This not only affects the user experience, but also affects the stability of the application. Therefore, in this article, we will introduce how to solve the problem of uniapp keyboard automatically disappearing after popping up. 1. Principle of uniapp input box In uniapp, we use input component or textarea component to implement text input function. Both components have a key attribute called adjust-position, which controls
    uni-app 3911 2023-04-18 16:02:25
  • What should I do if the interface cannot be called when uniapp is published as h5?
    What should I do if the interface cannot be called when uniapp is published as h5?
    Recently, many developers have encountered a problem when building applications using uniapp: after publishing the application as H5, the API interface cannot be called. This problem may seem difficult to solve, but in fact, it only takes a few tweaks to fix it. First, let’s understand what uniapp is. uniapp is a cross-platform development framework based on Vue.js, supporting multi-end publishing, including H5, iOS, Android and other platforms. The emergence of uniapp allows developers to use Vue.js to develop native applications and
    uni-app 2301 2023-04-18 16:02:10
  • How to introduce Tencent Cloud Player in uniapp
    How to introduce Tencent Cloud Player in uniapp
    With the continuous development of technology, people's demand for and reliance on video media is also increasing. On the mobile side, many applications require video playback functions, but they face many problems when implementing video playback. In order to solve these problems, Internet companies have launched their own video players, and Tencent Cloud is no exception. Tencent Cloud Player is a smooth, stable, and easy-to-use player that not only supports video playback in multiple formats, but also supports high customization to meet the individual needs of developers. This article mainly describes how to introduce it into the uniapp framework
    uni-app 1963 2023-04-18 16:01:17
  • How to capture part of the screen in uniapp
    How to capture part of the screen in uniapp
    With the development of mobile Internet, more and more applications need to implement screenshot functions to improve user experience. During the development process, uniapp is a very popular cross-platform development framework. It provides a wealth of functions and interfaces that can be used to implement various functions, including screen capture. This article will introduce how uniapp implements the screen capture function. 1. The basic principle of screen capture in uniapp. In uniapp, the principle of screen capture is basically to use the interface wx.canvasToTempFil provided by the WeChat applet.
    uni-app 3703 2023-04-18 16:01:01
  • How to call a method in UniApp and get the return value
    How to call a method in UniApp and get the return value
    UniApp is a cross-platform development framework that can develop iOS, Android and web applications in one code base. Calling methods and getting return values ​​is a common requirement in UniApp. This article will introduce how to call methods in UniApp and get the return value. Calling methods in UniApp The process of calling methods in UniApp can be divided into two steps: 1. Calling methods in JavaScript code. 2. Execute the method in Native code and return the result. Below is one
    uni-app 3715 2023-04-18 16:00:55
  • What should I do if uniapp data is updated but the page is not rendered?
    What should I do if uniapp data is updated but the page is not rendered?
    With the rapid development of the mobile Internet, mobile applications are becoming more and more popular. Many companies and developers choose to use cross-platform development tools to develop mobile applications. As one of the most popular cross-platform mobile application development frameworks, Uniapp is widely favored by developers because of its advantages of writing code once and running on multiple platforms. However, sometimes when we use Uniapp for development, we will encounter data updates but no page rendering. So, how do we solve this problem? First, we need to understand the cause of this problem.
    uni-app 2340 2023-04-18 15:43:03
  • How to dynamically change tabbar in Uniapp
    How to dynamically change tabbar in Uniapp
    Uniapp is a cross-end development framework that can develop applications for multiple platforms such as H5, applets, and apps at the same time. It is a very practical development tool. Among them, tabbar is one of the important controls used as the bottom navigation bar to display multiple pages. During the development process, sometimes it is necessary to dynamically change the tabbar according to different business needs. This article will introduce how to dynamically change the tabbar in Uniapp. 1. Basic use and structure of tabbar. To use tabbar in Uniapp, you need to add it to pages.j
    uni-app 6943 2023-04-18 15:53:13
  • How to set the default font in uniapp
    How to set the default font in uniapp
    Uniapp is a cross-platform application development framework based on the Vue.js framework, which can be used to develop applications for multiple platforms such as Android, iOS, and H5. Font selection and setting is a very important aspect when developing applications. This article will explain how to set the default font in Uniapp. In Uniapp, setting the default font can be achieved in two ways: one is set in the global style file, the other is set in the component. 1. Set the global style file of Uniapp in the global style file.
    uni-app 3204 2023-04-18 15:53:04
  • How to close a page in uniapp
    How to close a page in uniapp
    Uniapp is a cross-platform development framework that allows developers to write applications for multiple platforms such as iOS, Android, and H5 at the same time, greatly improving development efficiency and saving development costs. In the process of developing Uniapp applications, it is often necessary to implement the function of closing a certain page. This article will introduce how to close a specified page in Uniapp. 1. Close the page through page stack management. In the Uniapp application, page jumps are implemented through page stack management. The page stack is a data structure used to store jump relationships between pages.
    uni-app 2982 2023-04-18 15:52:33
  • Can Uniapp write native code?
    Can Uniapp write native code?
    Is Uniapp native code? Uniapp is a very popular mobile application development framework that allows developers to write code once and run it on multiple platforms such as iOS, Android, and Web. Although Uniapp provides powerful cross-platform development capabilities, sometimes we need to write native code to implement more advanced functions, such as using hardware devices or calling operating system APIs. So, can Uniapp write native code? The answer is yes. Uniapp supports using the plug-in mechanism
    uni-app 1230 2023-04-18 15:50:50
  • How to use the uniapp plug-in market
    How to use the uniapp plug-in market
    As one of the most popular cross-platform development frameworks, uniapp is convenient and fast, and its plug-in market provides developers with more flexible and diverse development methods. In this article, we will introduce in detail how to use the uniapp plug-in market to help developers get started quickly. 1. Entrance to the plug-in market First, we need to correctly find the entrance to the plug-in market. The entrance to the plug-in market of uniapp is on the plug-in management page. The steps to open it are as follows: 1. Open your uniapp project in HBuilderX 2. Right-click on the project file
    uni-app 4038 2023-04-18 15:50:35
  • How to clear uniapp mini program WeChat login information
    How to clear uniapp mini program WeChat login information
    With the rapid development of the Internet, mobile application development has become more and more popular. As different platforms continue to emerge, developers need to constantly learn new technologies and tools. UniApp is a powerful cross-platform framework that allows developers to create applications for multiple platforms with one code base. In UniApp, some common functions such as WeChat login are already built-in. When users use UniApp to create mini-programs, they can use the built-in WeChat login function to achieve user authentication. However, in some cases, developers may need to clear WeChat in the mini program
    uni-app 1845 2023-04-18 15:49:56

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