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

  • uniapp modifies style in method function
    uniapp modifies style in method function
    In the development of uniapp, we often need to dynamically modify the style of the page, and one of the common methods is to change the style in the method function. In this article we will describe how to implement this method. Generally speaking, we can modify the style by using the built-in methods provided by uni-app in functions. For example, we can use `uni.$refs` in a function to get a certain component in the page. Then, we can use the component's properties, such as `style` and `class`, to dynamically
    uni-app 1646 2023-05-26 17:22:08
  • uniapp closes app horizontal screen
    uniapp closes app horizontal screen
    With the popularity of smart phones, people increasingly rely on mobile phones for various operations and entertainment. However, in some cases, such as when playing a game or viewing a photo gallery, a user may prefer to view mobile content in landscape orientation. In this case, many applications can automatically switch to landscape mode based on the user's needs. However, some developers may not have considered these needs or provided users with the option to turn off horizontal screen. In this article, we will introduce how to turn off the horizontal screen function in uniapp. In uniapp, you can pass
    uni-app 2347 2023-05-26 16:27:07
  • uniapp compiles small programs too slowly
    uniapp compiles small programs too slowly
    With the rapid development of the Internet, more and more people are beginning to use mini programs to conduct business and provide services. Mini programs have the advantages of lightweight and high performance, making them widely used in various fields. As a cross-platform framework, uniapp can easily develop small programs, so that many developers no longer worry about compatibility with different platforms. However, when using uniapp to compile small programs, many developers will encounter a common problem, that is, the compilation speed is too slow. This article will analyze the reasons why uniapp compiles small programs too slowly and provide feasible solutions.
    uni-app 2805 2023-05-26 16:26:38
  • How uniapp calls native timer
    How uniapp calls native timer
    In Uniapp, we can use Vue.js for cross-platform development, including developing native applications and web applications at the same time. This allows us to write code in JavaScript and run it on multiple platforms without having to write different code for each platform. However, sometimes we need to call the native timer in Uniapp to better interact with the device. This article will introduce how to use Uniapp to call native timers. What is a native timer? Native timers are provided by the operating system and are used to call periodically
    uni-app 1368 2023-05-26 15:52:41
  • Does uniapp support custom instructions?
    Does uniapp support custom instructions?
    With the development of technology, web development has gradually focused on front-end frameworks. For front-end developers, frameworks such as Vue, React and Angular have become mainstream choices. In these frameworks, components are an important part of the development process. Components can make the code structure clearer, the functions more convenient, and the reusability higher. Of course, as part of a component, instructions are also an important part of component development. Directives are special attributes used in templates. They can modify the behavior of DOM elements, allowing us to use functions based on DOM operations in templates.
    uni-app 2284 2023-05-26 15:02:09
  • How to connect to the database in uniapp
    How to connect to the database in uniapp
    With the development of mobile Internet, most applications involve the storage and reading of data. With the popularity of front-end technology and the increasing demand for cross-end development, Uniapp has become the first choice for more and more developers. If you are using Uniapp to develop mobile applications, you may encounter the need to connect to a database. So how to connect to the database in Uniapp? 1. Database selection Before starting to connect to the database, the first thing to consider is which type of database to choose. The most popular database types currently on the market are relational data
    uni-app 3515 2023-05-26 14:59:38
  • uniapp calendar settings cannot select dates
    uniapp calendar settings cannot select dates
    In recent years, with the rapid development of mobile applications, more and more developers choose to use the cross-platform framework uniapp for application development. In application development, it is often necessary to integrate calendar controls to facilitate users to select dates. This article will share with you how to set non-selectable dates in uniapp. 1. Calendar component used in uniapp Uniapp has a built-in calendar component, which can be used to quickly implement calendar display and date selection functions. We can introduce the calendar component into the page that needs to use the calendar: ```<templ
    uni-app 2067 2023-05-26 14:51:37
  • Uniapp implements ID card recognition OCR
    Uniapp implements ID card recognition OCR
    With the continuous development of Internet technology, more and more application scenarios require identity authentication, and ID card recognition has become an important part of it. In order to facilitate users, the application needs to simplify the ID card recognition process as much as possible and improve the user experience. During development, uniapp, with its cross-platform development advantages, has become a good choice to implement OCR for ID card recognition. 1. What is OCR technology OCR (optical character recognition, optical character recognition) refers to the conversion of text or character information from paper, pictures,
    uni-app 2017 2023-05-26 14:32:09
  • uniapp error
    uniapp error
    Title: Methods and Tools for Solving Uniapp Errors Uniapp is a cross-platform development framework that allows developers to use the same code to build and publish applications on multiple platforms at the same time, including Android, iOS and Web. Although Uniapp provides a large number of tools and resources, developers will still encounter some errors and problems. How to solve these problems is a skill that must be mastered during the development process. This article will introduce several common Uniapp errors and methods and tools to solve them. 1. HBu
    uni-app 873 2023-05-26 14:28:39
  • uniapp error
    uniapp error
    As mobile applications continue to become more popular, developers have also begun to explore more efficient and convenient development methods. In this context, Uniapp emerged. It is an efficient development tool based on the Vue.js framework. It can write code once and adapt to multiple platforms, including iOS, Android, Web, etc. However, no matter what development method you use, you will inevitably encounter errors and problems. When developing with Uniapp, you may encounter some common problems. Today we will take a look at some of these Uniapp errors and their solutions. 1
    uni-app 1045 2023-05-26 14:21:37
  • How to run uniapp on your mobile phone
    How to run uniapp on your mobile phone
    With the rapid development of mobile Internet, the development of mobile applications has attracted more and more attention. In recent years, multi-terminal development frameworks have also developed rapidly, and uni-app is one of them. uni-app is a multi-terminal development framework developed based on Vue.js, which can quickly realize a project running on iOS, Android, WeChat applets, H5 and other platforms at the same time. So after the development is completed, how do we run the uni-app project on our mobile phones? Let’s introduce them one by one below. 1. Simulator running The simulator is the most common
    uni-app 5709 2023-05-26 14:13:38
  • How to quote echart in uniapp
    How to quote echart in uniapp
    With the continuous development of mobile applications, more and more developers are beginning to hope to use visual charts to present data in mobile applications. ECharts is a very popular data visualization chart library. Therefore, many developers hope to reference ECharts in uniapp to implement data visualization functions. This article will introduce how to reference ECharts in uniapp. 1. Reference ECharts in uniapp ECharts is a JavaScript-based data visualization library that supports various chart classes.
    uni-app 6841 2023-05-26 14:08:07
  • How to draw uniapp trajectory chart
    How to draw uniapp trajectory chart
    In mobile development, trajectory graph is one of the most commonly used functions. Uniapp is a cross-platform application development framework based on the Vue.js framework. It provides some components and plug-ins to facilitate application development. In Uniapp, you can use the u-charts plug-in to draw trajectory charts. This article will introduce how to use the u-charts plug-in to draw trajectory charts in Uniapp. 1. Install the u-charts plug-in. To use the u-charts plug-in, you need to install the plug-in first. (1) Create Uniapp item in HBuilderX
    uni-app 1798 2023-05-26 13:57:07
  • How to call WeChat payment in uniapp
    How to call WeChat payment in uniapp
    With the popularity of mobile payment, WeChat payment is becoming more and more widely used on the mobile terminal. When developing some mobile applications, many developers will integrate WeChat payment functions to enable users to pay online. WeChat payment can also be integrated into applications developed based on uniapp. Let's take a look at how uniapp calls WeChat payment. 1. First obtain WeChat payment parameters. Before calling WeChat payment, you need to obtain WeChat payment parameter information and generate a unique order number. Obtaining WeChat payment parameters requires calling the background interface. We assume that the interface
    uni-app 7403 2023-05-26 13:52:09
  • Can uniapp write a public account?
    Can uniapp write a public account?
    In recent years, with the rapid development of network technology, mobile phone applications have become an indispensable part of people's daily lives. As a new technology for mobile application development, uniapp has obvious advantages in development efficiency and convenience. Therefore, for many developers, using uniapp to develop mobile applications has become a trend. However, many people want to know, can uniapp be used for the development of public accounts? In fact, uniapp is a cross-platform development technology that can run on different platforms through one code, including WeChat mini programs.
    uni-app 1710 2023-05-26 13:48: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