current location:Home > Technical Articles > Web Front-end > Layui Tutorial

  • What does layui's module mean?
    What does layui's module mean?
    layui's module refers to the asynchronous module loading method based on the internal implementation of layui.js. It does not follow AMD, but defines its own set of more lightweight module specifications; and after a lot of practice, this method Become the core module loading engine of layui.
    Layui Tutorial 3595 2020-11-12 11:19:28
  • What is the difference between layui and easyui?
    What is the difference between layui and easyui?
    Differences: 1. Easyui is not open source. If there are problems that need to be solved, you can only wait for official updates; while layui is open source, the community is relatively active, and problems can be solved relatively quickly. 2. The functions of easyui are relatively complete, and many functions are relatively complete; while layui has relatively few functions.
    Layui Tutorial 7133 2020-11-12 11:01:24
  • Is layui free and open source?
    Is layui free and open source?
    layui is free and open source; layui is an absolutely open source and free front-end UI framework that follows the writing and organizational form of native "HTML/CSS/JS". The threshold is extremely low and can be used out of the box. However, in order to maintain development, some paid products based on layui will also be launched under its ecosystem, such as layuiAdmin, etc.
    Layui Tutorial 2775 2020-11-12 10:52:02
  • What are the advantages and disadvantages of layui?
    What are the advantages and disadvantages of layui?
    The advantages of layui: 1. It is a lightweight framework, easy to use, and the UI is simple and beautiful; 2. It is suitable for developing back-end mode, and it has very good effects on the server page; Disadvantages: 1. The layui framework is not very good yet Mature, there will be more bugs, and there will be some restrictions; 2. It is not very tolerant, especially on the mobile side; 3. It is only suitable for small projects.
    Layui Tutorial 15560 2020-11-30 16:24:27
  • How to re-render layui
    How to re-render layui
    Layui re-rendering method: first load the html page through layUI ajax; then insert the html into the specified position and re-call "element.init();" to render.
    Layui Tutorial 9129 2020-11-17 18:17:25
  • How to add icons in layui
    How to add icons in layui
    How to add an icon in layui: First define an icon by setting "class="layui-icon"" to an inline element; then add the "font-class" corresponding to the icon to the element.
    Layui Tutorial 5323 2020-11-17 18:16:28
  • How to introduce layui into the development framework
    How to introduce layui into the development framework
    Method to introduce layui into the development framework: first download the layui framework package; then copy the layui folder to the project location; then import "layui.all.js", "layui.css" and jquery into the page to complete the configuration.
    Layui Tutorial 3314 2020-11-17 18:21:01
  • How to delete data in layui
    How to delete data in layui
    Layui implements the method of deleting data: first obtain the current row data and the value corresponding to "lay-event"; then obtain the clicked application position; then loop the data of the array and define a bool; finally pass "obj.del();" Just delete the DOM structure of the corresponding row and update the cache.
    Layui Tutorial 4896 2020-11-17 15:29:44
  • How to close layui's open
    How to close layui's open
    How to close layui open: first open and view the js part; then go to the modify article page; finally, use the "layer.close(index)" method in the JS part of "articleUpdate.jsp" to close the specific layer.
    Layui Tutorial 6496 2020-11-30 11:37:16
  • When was layui developed?
    When was layui developed?
    The first version of layui was released in the golden autumn of 2016. It is a front-end UI framework written with its own module specifications, following the writing and organizational form of native HTML/CSS/JS; layui is compatible with all browsers currently used by humans and can be used as Quick development solution for PC-side backend system and front-end interface.
    Layui Tutorial 3049 2020-11-17 15:27:24
  • What software is layui?
    What software is layui?
    layui is a front-end UI framework written using its own module specifications, following the writing and organization of native HTML/CSS/JS, and layui provides a wealth of built-in modules, all of which can be loaded on demand through a modular approach.
    Layui Tutorial 2810 2020-11-17 18:16:16
  • How to implement click event in layui
    How to implement click event in layui
    This article shares with you the method of implementing click events in layui. It has certain reference value and I hope it can help everyone.
    Layui Tutorial 6314 2020-10-14 17:59:08
  • How to use layui to implement add, delete, check and modify operations
    How to use layui to implement add, delete, check and modify operations
    layui: This article shares with you how to use layui to implement add, delete, check and modify operations. It has certain reference value and I hope it can help everyone.
    Layui Tutorial 4281 2020-09-28 17:37:35
  • What is layui? what's the effect?
    What is layui? what's the effect?
    layui: layui is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. It has a very low threshold and is ready to use. It is very suitable for rapid development of interfaces.
    Layui Tutorial 11260 2020-08-28 16:17:50
  • Introduction to the method of dynamically setting the checkbox selected state in layui
    Introduction to the method of dynamically setting the checkbox selected state in layui
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organization of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article will introduce to you how to dynamically set the checkbox selected state in layui.
    Layui Tutorial 7003 2020-06-20 16:12:34

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