How to use amazeui Framework in web Front end

This article mainly explains "how to use the amazeui framework in the web front end". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to use the amazeui framework in the web front end".

Introduction

The development of a foreground page generally needs the support of three technologies: html, css and javascript. Amazui ui encapsulates some css and js, which can be called directly by users.

Usage

There are usually two ways to use amaze ui: css and js files are copied to the project, and cdn is used. (the first approach is used in the development process; when deployment is required at the end of the development, the second approach is used.

For a specific explanation, see Appendix 1)

Method one

1. Download the zip corresponding to amaze ui.

After decompressing, check the assets file under this folder. The assets folder also includes css and js folders. These two files are packaged in amaze ui and can be used directly by users.

two。 Copy the css and js folders mentioned above to the WebRoot of the web project.

3. Use styles in the project.

Note: it is very convenient to develop with hbuilder.

Hello amazeui aaa

Method two

Get the corresponding addresses of js and css on the official website and introduce them into js. But using amaze ui's js requires the support of jquery, so you need to import it in the order before js.

We use the format that amaze ui has encapsulated in class.

Appendix 1

In the development process, the tool hbuilder is used. If the css and js of amaze ui are imported into the project, the tool itself will be prompted during the development process; however, when users visit the web page, they will request local css and js resources every time, which will increase the burden on the server that deploys the project. So in order to avoid the second problem, we will change to the second way when deploying the project.

Thank you for your reading, the above is the content of "how to use the amazeui framework in the web front end". After the study of this article, I believe you have a deeper understanding of how to use the amazeui framework in the web front end, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!