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

  • How does uniapp directly call WeChat methods?
    How does uniapp directly call WeChat methods?
    With the popularity of smartphones, the demand for mobile applications is increasing, and WeChat has become one of the applications that hundreds of millions of users must use every day. In order to make applications more intelligent, more and more developers choose to use uniapp to develop applications. uniapp is a development framework based on Vue.js. It mainly provides solutions for writing once and running on multiple terminals, and supports compilation into multiple platforms such as small programs, H5, and Apps. With the popularity of WeChat mini programs, uniapp has also begun to support the development of mini programs. When developing small programs in uniapp, it is often used
    uni-app 956 2023-05-22 09:40:07
  • Uniapp live streaming switch camera flip
    Uniapp live streaming switch camera flip
    Uniapp is an open source framework based on Vue.js that allows developers to easily build and publish applications on multiple platforms. Among them, Uniapp's live streaming function is very powerful and can meet the needs of many live streaming applications. In this article, we will discuss how to implement the function of switching camera and flipping in Uniapp. 1. Push-stream switching lens In Uniapp, if we want to implement push-stream switching lens, we need to use the camera-context in the uni-mp push component. This is a tool for interacting with the camera
    uni-app 1255 2023-05-22 09:39:07
  • Uniapp removes shadows
    Uniapp removes shadows
    Uniapp is an excellent cross-platform development framework that supports writing once and running on multiple terminals. As a developer, you may encounter some problems during development using Uniapp, such as how to remove the shadow effect on the page. In this article, I will share a method to implement Uniapp to remove shadows, I hope it will be helpful to everyone. First, we need to understand the page switching effect of Uniapp. Uniapp uses a page switching animation effect by default, that is, sliding in from the right side, and there is a fade-in and fade-out shadow effect. this
    uni-app 1250 2023-05-22 09:36:36
  • uniapp dynamically modifies styles
    uniapp dynamically modifies styles
    Preface In UniApp, we often need to dynamically modify styles, such as switching day and night mode, adjusting font size, etc. At this time we need to master some skills of dynamically modifying styles. This article will introduce several commonly used methods to help you better control style changes. 1. Use the calculated properties of Vue. The calculated properties in Vue can dynamically calculate new property values ​​based on dependent variables, so we can use it to dynamically modify the style. For example, we can define a variable isNig in data to control day and night mode
    uni-app 4325 2023-05-22 09:35:06
  • How to use native input in uniapp
    How to use native input in uniapp
    Uniapp is a cross-platform development framework that can easily package a web application into Android and iOS applications. In Uniapp applications, we can use native input controls through components. When using Uniapp, we often encounter a problem, that is, we need to use native input controls. For example, if we need to enter a date in the input, we want to use the native date picker instead of the H5 date picker. In this case, we can use uniapp
    uni-app 1977 2023-05-22 09:34:37
  • uniapp close application
    uniapp close application
    As a cross-platform application development framework based on Vue, uni-app has been loved and used by more and more developers. When developing uni-app applications, we often encounter situations where the entire application needs to be closed, such as users applying to log out, user authentication failure, etc. So how to close the uni-app application? Here I will introduce two methods to close the uni-app application. ## Method 1: Use the uni.navigateBackMiniProgram that comes with the official uni-app
    uni-app 5562 2023-05-22 09:33:06
  • uniapp input box cancels focus
    uniapp input box cancels focus
    UniApp is a cross-platform development tool based on the Vue.js framework that can quickly compile Vue code into applications for multiple platforms. In UniApp development, basic operations include input, but sometimes we need to cancel the focus of the input box after input. This article will introduce how to cancel the focus of the input box in UniApp. 1. What is the focus of the input box? When we click on the input box, the input box has focus. At this time, the content we input will appear in the input box. At the same time, the appearance of the input box will also change.
    uni-app 2996 2023-05-22 09:32:36
  • uniapp has no span
    uniapp has no span
    In recent years, with the rapid development of mobile Internet, various frameworks and tools have emerged in endlessly. Among them, the UniApp framework is a cross-platform development framework that has attracted much attention. It is based on Vue.js and can develop applications for multiple platforms at the same time, including iOS, Android, H5, etc. However, during the development process using UniApp, some developers may find a small problem: UniApp does not have span? In traditional web development, we often use span tags. span is a block element similar to div,
    uni-app 1923 2023-05-22 09:32:07
  • uniapp real machine debugging app cannot access the interface
    uniapp real machine debugging app cannot access the interface
    The uniapp real-device debugging app cannot access the interface. When developing uniapp mobile applications, we often encounter the problem that the real-device debugging app cannot access the interface. This problem is often caused by cross-domain access. Here we will discuss how to deal with this problem. 1. Confirm whether the interface address is correct. When encountering the problem of being unable to access the interface, the first thing we need to confirm is whether the interface address is correct. It is very critical to confirm whether the interface address is correct. We need to carefully check the interface address to ensure that there is no problem with it. 2. Confirm whether the interface
    uni-app 3813 2023-05-22 09:30:37
  • uniapp sets the control to display in full screen
    uniapp sets the control to display in full screen
    Uniapp is a very popular cross-platform development framework currently. Using Uniapp greatly improves efficiency when developing apps. During the development process, we often need to set certain controls to be displayed in full screen. The following article will introduce in detail how Uniapp sets controls to be displayed in full screen. In Uniapp, in order to display certain controls in full screen, we need to understand some basic layout knowledge and some common control properties. The following will be introduced in sequence: 1. Commonly used layout methods. Currently, the commonly used layout methods in Uniapp include flex,
    uni-app 2907 2023-05-22 09:26:06
  • uniapp modify source code
    uniapp modify source code
    In recent years, with the rapid development of mobile Internet, developing mobile applications has become the pursuit of more and more developers. What followed was the emergence of various common front-end frameworks. Uniapp is a cross-platform framework based on Vue.js. It can quickly develop applications for iOS, Android and H5 platforms using the same code. This is because Uniapp integrates the running environments of WeChat mini programs, Alipay mini programs and Baidu smart mini programs, transforming the running environments of different mini programs from native to
    uni-app 2007 2023-05-22 09:24:36
  • How does uniapp obtain push permission?
    How does uniapp obtain push permission?
    With the popularity of mobile applications, push services have gradually become an essential part of app development. Push services can provide users with timely message notifications and reminders, adding more functions and convenience to applications. Among them, obtaining push permission in uniapp is one of the skills that must be mastered during the development process. In uniapp, you can obtain push permission through the following steps: 1. Add relevant configurations in the manifest.json file. First, in the manifest.json file of the uniapp project, you need to add
    uni-app 1747 2023-05-22 09:21:37
  • The uniapp package request cannot be accessed
    The uniapp package request cannot be accessed
    In recent years, with the popularization of mobile Internet and the continuous advancement of development technology, APP has become more and more popular among people. Among them, uniapp is a cross-platform development framework that can develop APPs for multiple operating systems at the same time and can be directly packaged and deployed. However, when many developers use uniapp for packaging, they will encounter the problem that some requests cannot be accessed. This article will introduce the reasons and solutions for why uniapp packaging requests cannot be accessed from three aspects. 1. CORS Issues CORS (cross-domain resource sharing) is a method used for cross-domain access.
    uni-app 3903 2023-05-22 09:21:06
  • uniapp data binding failed
    uniapp data binding failed
    Recently, when developing a web application based on uniapp, I encountered a data binding problem. When I was writing the Vue component, I used the data binding function provided by the uniapp framework, but I encountered a situation where the data could not be rendered to the page normally. After hard debugging, I finally solved this problem and share my experience with you here. Question: In uniapp, data binding is generally done by defining the data attribute in the vue component, and binding the data to the corresponding html through the "{{}}" syntax in the component template.
    uni-app 921 2023-05-22 09:19:37
  • uniapp sets image size
    uniapp sets image size
    With the rapid development of mobile Internet, more and more people are beginning to use mobile devices to browse the Internet. On the mobile side, images play a very important role as an integral part of web content. However, the actual screen size of most mobile devices is relatively small, and improper display of images may affect the user's browsing experience. When using the uniapp framework to create mobile applications, how to set the image size is a common question. This article will introduce how to set the image size in uniapp to help developers better create mobile applications. 1. In CS
    uni-app 3708 2023-05-22 09:18:37

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