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

  • uniapp settings app startup
    uniapp settings app startup
    With the popularity of mobile Internet, more and more people are paying attention to the experience and convenience of mobile applications. Against this background, the startup function is gradually being valued by more and more app developers. If your application also wants to be able to start automatically after the user boots up, then you need to know how to set up uniapp. uniapp is a multi-platform application development framework that can compile a set of codes into applications for multiple different platforms, such as WeChat applets, Alipay applets, Android and iOS apps, etc. if you choose
    uni-app 3359 2023-05-22 12:46:37
  • uniapp setdata is not easy to use
    uniapp setdata is not easy to use
    As an open source cross-end framework, uniapp allows developers to easily develop applications for different platforms such as mini programs, H5, and APP using Vue syntax. During the development process, we often need to use the setData method to update the data in the component. However, many developers reported that they encountered many problems when using setData, which aroused everyone's doubts about uniapp. 1. SetData in uniapp First, let’s learn how to use setData in uniapp. setD
    uni-app 1835 2023-05-22 12:39:37
  • How to customize photo albums in uniapp
    How to customize photo albums in uniapp
    With the popularity of mobile devices, photo albums have become an indispensable part of mobile phone users' lives. In application development, how to customize photo albums? This article will introduce you to how to customize photo albums in uniapp. 1. Basic use of photo albums in uniapp There are two basic ways to use photo albums in uniapp: 1. Configure permissions in the manifest.json file and use the uni.chooseImage() method to call the photo album: ```javascript//manifest.js
    uni-app 1410 2023-05-22 12:34:09
  • How to implement page scrolling left and right in uniapp
    How to implement page scrolling left and right in uniapp
    With the continuous development of mobile Internet technology, modern front-end technology has become more and more colorful, and UI/UX designers have also begun to put forward higher requirements for the presentation of page effects. Among them, the left and right scrolling effect is widely used in a variety of scenarios. This article will introduce how to use uniapp to achieve the left and right scrolling effect of the page. 1. Overview of uniapp Uniapp encapsulates the vue.js framework into a development center, which can be very convenient for multi-platform development, including but not limited to WeChat applets, Apps, H5, etc. Compared with other multi-platform frameworks, unia
    uni-app 3853 2023-05-22 12:30:11
  • uniapp package h5 cannot remove https
    uniapp package h5 cannot remove https
    In recent years, website security has attracted more and more attention. With the popularity of HTTPS, more and more websites choose to use the HTTPS protocol to protect the security of user information. But in some cases, for our project, it may be necessary to remove HTTPS. Here I will focus on the issues related to removing HTTPS when packaging the H5 version of uniapp. 1. What is uniapp? uniapp is a multi-terminal development framework based on Vue.js created by DCloud. It supports the feature of one-time development and multi-terminal operation.
    uni-app 1316 2023-05-22 12:25:07
  • uniapp lazy loading does not take effect
    uniapp lazy loading does not take effect
    With the development and popularity of mobile Internet, more and more people choose to use uniapp for mobile development. In the development of uniapp, lazy loading is a very important technology, which can help us optimize page loading speed and improve user experience. However, sometimes we find that lazy loading does not take effect. This article will discuss this issue. 1. What is uniapp lazy loading? Lazy loading is an optimization strategy that dynamically loads images or other media resources as the page scrolls. Only when these resources
    uni-app 2361 2023-05-22 12:20:07
  • uniapp flow bar
    uniapp flow bar
    Uniapp is a cross-platform application development framework developed based on the Vue.js framework, supporting the development of multiple mobile platforms and web applications. Among them, the process bar is a common UI control that can be used to display the current operation progress, display task completion status, etc. In Uniapp, the use of flow bars is also very simple. 1. Basic use of flow bar Uniapp provides the `uni-progress` component to implement the function of the flow bar. You can use the flow bar through the following steps: 1. Use the `uni-progress` component as
    uni-app 1603 2023-05-22 12:15:07
  • How to set Android full screen in uniapp
    How to set Android full screen in uniapp
    With the continuous development of electronic products, mobile phones have become one of the most dependent tools for people. When using mobile phones, many people like to use full-screen mode to increase the convenience of use and visual effects. When developing mobile applications, there are also many situations where full-screen mode is required. So, how to set Android full screen in uniapp? To set Android full screen in uniapp, we need to use the AndroidManifest.xml file. This file is an Android configuration file, similar to the iOS Info.plist file. Down
    uni-app 2576 2023-05-22 12:14:06
  • How to do video chat in uniapp
    How to do video chat in uniapp
    In recent years, video chat has become a new way for people to communicate, and with the development of smartphones and the Internet, the usage rate of video chat is also increasing. For developers, how to implement the video chat function in APP has also become a problem that needs to be solved. This article will implement a simple video chat function through the uniapp framework for your reference. 1. Prerequisites: 1. Familiar with the uniapp framework 2. Install webrtc 3. Understand the concept of real-time communication 2. Implementation ideas 1. The first thing to understand is that webrtc is based on real-time communication
    uni-app 2118 2023-05-22 12:08:37
  • uniapp cannot play audio
    uniapp cannot play audio
    In recent years, with the development of mobile Internet technology, our life and work are inseparable from various APPs. As a cross-platform development framework, Uniapp has also become a popular choice for mobile development. Uniapp not only facilitates application development for multiple platforms such as Android, iOS, Web, and applets, but also provides a variety of interfaces and components to facilitate developers to implement various functions. However, some Uniapp developers encountered the problem of being unable to play audio during the development of their applications. So, what is the reason?
    uni-app 1957 2023-05-22 12:03:07
  • The difference between uniapp and vue data
    The difference between uniapp and vue data
    Vue and Uniapp are both Vue-based frameworks. They have a lot in common, but there are also some differences. One of them is the way data is managed. In Vue, we usually use the data attribute to store component data, while in Uniapp, we can use the data attribute or the state attribute. In this article, we will compare the similarities and differences between these two approaches to data management. 1. Data management in Vue One of the most basic attributes in the Vue component is
    uni-app 704 2023-05-22 11:58:37
  • How to package uniapp
    How to package uniapp
    With the widespread popularity of mobile devices, more and more companies and individuals have begun to develop mobile applications, and the emergence of the uniapp platform provides developers with a more efficient, simpler and more flexible development method. After the development is completed, how to package it into a usable application is also an issue that cannot be ignored. This article will introduce in detail how uniapp is packaged, as well as some things to pay attention to. 1. Why should it be packaged? After development on the uniapp platform is completed, it needs to be packaged into an App or H5 page before it can actually run on the target device. After packing
    uni-app 7855 2023-05-22 11:50:36
  • How to implement canvas animation in uniapp
    How to implement canvas animation in uniapp
    With the continuous development of mobile applications, animation has become an essential element of modern applications. As a drawing technology provided in HTML5, canvas is widely used to achieve various complex animation effects. Now, with the popularity of uniapp, we can also use the powerful capabilities of uniapp to easily achieve canvas animation effects. This article will introduce in detail how uniapp implements canvas animation. 1. Understanding canvas canvas is a new feature of HTML5. It is a drawing technology that can
    uni-app 1952 2023-05-22 11:50:08
  • How does uniapp adapt to the screen?
    How does uniapp adapt to the screen?
    uniapp has the advantage of cross-platform development, allowing developers to easily create multi-platform applications through a set of codes. Among them, adapting to different screen sizes is one of the important factors to ensure the user experience of the application. This article will introduce how uniapp adapts to the screen size. 1. What is an adaptive screen? Adaptive means that the application can be displayed seamlessly on different devices. That is, under different resolutions, the typesetting and layout of the application can be automatically adjusted to fit the screen size. For example, the size and layout of apps on smartphones should be different than those on tablets and desktop computers.
    uni-app 7036 2023-05-22 11:49:37
  • Where uniapp writes public methods
    Where uniapp writes public methods
    When developing with uniapp, we usually write some public methods to facilitate daily development. So, where should these public methods be written? This article will introduce where to write public methods in uniapp. 1. Write public methods in components When developing uniapp applications, we usually use components to build UI interfaces. In a component, you can write some public methods to facilitate the use of the component. These public methods are usually defined in the component's methods, as shown below:```js<tem
    uni-app 1204 2023-05-22 11:45: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