Laui를 인용하는 방법-레이이 튜토리얼-php.cn

Laui를 인용하는 방법

藏色散人

풀어 주다： 2023-01-13 00:40:15

원래의

8545명이 탐색했습니다.

layui를 참조하는 방법: 먼저layui를 다운로드한 다음 "layui.css"와 "layui.js" 두 파일을 소개합니다. 마지막으로 "layui.use()" 메서드를 사용하여 사용해야 하는 모듈을 로드합니다.

Laui를 인용하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템,layui 버전 2.5.6, Dell G3 컴퓨터.

추천: "layUI Tutorial"

layui는 자체 모듈 사양을 사용하여 작성된 프런트 엔드 UI 프레임워크로 기본 HTML/CSS/JS의 작성 및 구성 형식을 따릅니다. 사용할 준비가되었습니다. 외부는 미니멀하지만 내부는 꽉 차 있습니다. 크기가 가볍고 구성 요소가 풍부합니다. 핵심 코드부터 API까지 모든 세부 사항이 신중하게 제작되어 빠른 인터페이스 개발에 매우 적합합니다.

layui를 어떻게 인용하나요?

Layui를 다운로드한 후 프로젝트에 빠르게 도입하는 방법은 무엇입니까? Layui는 익숙한 AMD 사양과 일치하는layui.js에서 내부적으로 구현된 비동기 모듈 로딩 방법을 기반으로 합니다. 차이점은 Layui에서 완전히 정의한 모듈 로딩 사양 세트가 있다는 점입니다. 이는 Layui에서 공식적으로 권장하는 방법이기도 한 사전 로딩 방식을 통해 다운로드한 소스 코드를 두 파일을 도입하여 프로젝트에 도입하기만 하면 됩니다. layui.css 및layui.js.layui.use() 메소드는 사용해야 하는 모듈의 로딩을 완료합니다.

다음 예에 표시된 대로:layui에 내장된 jquery 및 레이어 구성 요소의 안정적인 버전을 로드합니다.

코드

<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>Document</title>
     <link rel="stylesheet" href="layui/css/layui.css">
     <!-- your css link -->
</head>
<body>
     <!-- you html code -->
     <script type="text/javascript" src="layui/layui.js"></script>
     <script>
     layui.use([&#39;jquery&#39;,&#39;layer&#39;],function(){
      
        var $ = layui.$,
        layer = layui.layer;
        #your js coding
     });
     </script>
</body>
</html>

로그인 후 복사

설명:

사전 로드 방법은 코드 유지 관리성, 읽기 편의성 측면에서 주문형보다 낫습니다. 그리고 코드 우아함과 아름다움 로딩은 후속 작업인layui.use()로 인한 혼란을 방지합니다. 웹 사이트 성능에 대한 요구 사항이 매우 까다롭고 주문형 로딩 방법을 사용하는 사용자를 만났습니다. 권장].온디맨드 로딩은 변수의 범위 등과 관련이 있습니다. 부적절한 처리는 오류가 발생하기 쉽고 향후 유지 관리에 불편함을 줍니다. 물론 일부 특정 경우에는 온디맨드 로딩을 함께 사용할 수도 있습니다. layui.cache.xx 전역 변수는 비교적 좋은 방법이기도 합니다.

하지만 동시에layui .all.js를 직접 도입하는 것은 권장되지 않습니다. Laryui 모듈화의 의미가 사라짐) Laryui 모듈 구성 요소가 Larryms 제품에 사전 로드되는 것이 비교적 일반적입니다.

위 내용은 Laui를 인용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!