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

  • Detailed introduction on how to install webpack for uniapp project
    Detailed introduction on how to install webpack for uniapp project
    With the popularity of mobile development, more and more developers are beginning to use uniapp for development. In the development process, webpack is also a very common tool. Next, we will introduce in detail how to install webpack for the uniapp project. 1. What is uniapp? uniapp is a cross-platform application development framework developed based on Vue.js. It has the characteristics of low entry threshold, high development efficiency, and support for multi-end publishing. Currently, supported publishing platforms include WeChat mini-programs, Alipay mini-programs, H5, App, etc. two,
    uni-app 2912 2023-04-20 15:25:20
  • How to solve the problem of missing mobile style in uniapp
    How to solve the problem of missing mobile style in uniapp
    With the popularity of mobile Internet, more and more people are beginning to use mobile phones for various activities, such as chatting, reading news, shopping, etc. This has also allowed various types of apps to emerge and become an indispensable part of people's daily lives. Among these apps, the number of applications developed using the uniapp framework is gradually increasing. However, many users report that the following problems occur when using uniapp applications: the mobile interface style is missing. This article will discuss the causes of this problem and some solutions to improve the user experience. First, it is necessary to clarify
    uni-app 1360 2023-04-20 15:25:42
  • Use uniapp to write a simple and practical registration page
    Use uniapp to write a simple and practical registration page
    With the development of mobile Internet, the use of mobile APPs is becoming more and more popular. For developers, how to design a simple and easy-to-use APP is a task that cannot be ignored. Among them, the registration page is one of the most basic components of the APP usage process. This article will focus on how to use uniapp to write a simple and practical registration page. 1. Design the registration page. First, we need to design a registration page that meets the product requirements. Pay attention to the design style of the page and place key reminder information in a prominent position so that users can clearly fill in the registration form.
    uni-app 1716 2023-04-20 15:26:33
  • How to turn off the album selection function in uniapp
    How to turn off the album selection function in uniapp
    With the continuous development of mobile Internet, mobile phone applications have become an indispensable part of people's lives. It is convenient and fast to use the uniapp framework when developing mobile applications, but sometimes we need to integrate the system functions of the mobile phone into our applications. This article mainly describes how to close uniapp and select the album. When we develop an application, we often need to call the photo album function of the mobile phone to select or take photos. In the uniapp framework, we can use the `uni.chooseImage()` function in uni-ui to
    uni-app 1477 2023-04-20 15:26:59
  • How does uniapp realize the function of scanning the QR code to jump to the local specified page?
    How does uniapp realize the function of scanning the QR code to jump to the local specified page?
    Uniapp (full name Universal Application, referred to as uni) is a set of cross-platform application development frameworks open sourced by DCloud. It can be developed using Vue syntax and supports publishing to multiple platforms at the same time, such as WeChat applet, Alipay applet, H5 page, iOS, Android and more. In actual development, we often need to use the code scanning function to jump to a local specified page. This article will introduce how to use the QR code scanning function in Uniapp to jump to a local specified page. 1. Preliminary article
    uni-app 3401 2023-04-20 15:28:18
  • How to implement picture browsing function in Uniapp
    How to implement picture browsing function in Uniapp
    As times change, images and photos have become an indispensable part of our lives. Therefore, developing a picture browsing application based on the Uniapp platform has become a very necessary and popular option. In this article, we will introduce how to implement image browsing in Uniapp. 1. Prerequisite knowledge First of all, before starting the image browsing operation of Uniapp, you need to understand the following concepts: front-end development (including HTML, CSS and JavaScript), Vue.js (especially the Vue component) and Uni
    uni-app 3309 2023-04-20 15:28:59
  • How to implement the return button function in uniapp
    How to implement the return button function in uniapp
    UniApp is a cross-platform development framework that facilitates developers to quickly develop cross-platform mobile applications. In the process of developing applications with UniApp, the "back button" is a very important function. So, what is the back button and what does it mean? "Back button" is a button provided on the application interface to return to the previous page or menu level. In applications, pages and menus often form a hierarchical structure, and users usually browse these pages and menus in a certain logical order. The return button is connected
    uni-app 4526 2023-04-20 15:29:42
  • How to hide the top bar button in uniapp
    How to hide the top bar button in uniapp
    With the popularity of mobile applications, the use of frameworks to develop mobile applications has become more and more common. UniApp is a cross-platform application framework that uses Vue.js syntax and supports compilation to multiple platforms. Hiding top bar buttons is a skill to master in UniApp development. This article will take UniApp as an example to introduce how to hide the top bar button. 1. What is the top bar button? In UniApp, the top bar is a navigation bar fixed at the top of the page. It can render the left return arrow, middle title and
    uni-app 2648 2023-04-20 15:30:20
  • How to dynamically modify keywords in uniapp
    How to dynamically modify keywords in uniapp
    Search engine optimization (SEO) is a very important part of modern website and application design. Keywords are an important part of SEO. Different keywords can allow search engines to more accurately match the corresponding content when returning results. When developing using the uniapp framework, dynamically modifying keywords can help applications better adapt to different scenarios and needs. uniapp is a cross-end development framework. When using it for application development, you need to consider different platforms and devices.
    uni-app 1022 2023-04-20 15:30:55
  • How to set dynamic pictures in uniapp
    How to set dynamic pictures in uniapp
    With the popularity of mobile devices, mobile application development has become increasingly popular. As an integrated development environment, uniapp greatly simplifies the development process of cross-platform mobile applications and provides many convenient functions to meet user needs. Among them, the use of dynamic pictures is a very important part of modern mobile applications, and uniapp also provides some convenient functions to help you achieve it. In this article, we will introduce several ways to set dynamic pictures in uniapp. We will describe the advantages and disadvantages of each method and how
    uni-app 3414 2023-04-20 15:31:57
  • Let's talk about commonly used data request methods in Uniapp development
    Let's talk about commonly used data request methods in Uniapp development
    Uniapp is a cross-platform development framework that can be developed using HTML, CSS and Javascript. During the development of Uniapp applications, we often need to use data request methods to obtain data from the back-end interface. This article will introduce the data request methods commonly used in Uniapp development. 1. Native request method uses Uniapp’s native wx.request method to implement the data request function. Here is an example: ```wx.request({ url: 'htt
    uni-app 1323 2023-04-20 15:34:14
  • How to solve the error when creating uniapp project in vuecli
    How to solve the error when creating uniapp project in vuecli
    Recently, when I used vuecli to create the uniapp project, I encountered an error problem, namely: "Cannot find module "@dcloudio/webpack-uni-mp-loader"". After some investigation, I finally found the solution. Now I will share it with you. . 1. Install the uni-app plug-in. Creating the uni-app project in vuecli requires the uni-app plug-in, so it needs to be installed first. Install using npm:```npm insta
    uni-app 1924 2023-04-20 15:34:35
  • Why Uni-app can easily cross terminals
    Why Uni-app can easily cross terminals
    Why can Uni-app easily cross terminals? Uni-app is an efficient development tool that can quickly build cross-terminal applications. Uni-app is a development tool based on the Vue.js framework to build Hybrid (hybrid) mobile applications, applets, H5 and other cross-platform applications. The power of Uni-app lies in its cross-terminal capabilities. Why is Uni-app cross-terminal? This question needs to be answered from multiple perspectives. First of all, Uni-app uses programming based on Vue.js
    uni-app 1055 2023-04-20 15:35:21
  • How does uniapp implement the function of jumping to the second-level page?
    How does uniapp implement the function of jumping to the second-level page?
    Uni-app is a cross-end development framework and it is very popular. Using the Uni-app development project, you can localize, compile and package the developed applications on multiple platforms (such as Android, Apple, and web pages) to achieve cross-platform operation. For example, you can jump to a sub-second page in Uni-app. Regarding jumping to sub-second-level pages, we need to understand several concepts. First, we need to clarify what a page is. In Uni-app, page refers to switching between views, and each view is a separate page. Need to know at the same time
    uni-app 1473 2023-04-20 15:36:22
  • How to clear h5 user cache in uniapp
    How to clear h5 user cache in uniapp
    In UniApp development, we often need to develop and test in H5 pages. However, during the development and testing process, you may encounter some problems, such as errors caused by page caching or inconsistencies between the data cached by H5 users and the actual situation. At this time, we need to clear the H5 user cache. UniApp provides a method to clear H5 user cache. Let’s introduce the specific steps below. ## Steps ### Step 1: Configure the route to clear the cache in manifest.json in the project’s manifest
    uni-app 2785 2023-04-20 15:37:17

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