レイウイを引用する方法-ライユイのチュートリアル-php.cn

レイウイを引用する方法

藏色散人

リリース： 2023-01-13 00:40:15

オリジナル

8477 人が閲覧しました

Layui 参照方法: まず、layui をダウンロードし、次に 2 つのファイル「layui.css」と「layui.js」を導入し、最後に「layui.use()」を通じて使用するモジュールの読み込みを完了します。メソッドでできます。

レイウイを引用する方法

このチュートリアルの動作環境: Windows 7 システム、layui バージョン 2.5.6、Dell G3 コンピューター。

推奨事項: "layUI チュートリアル "

layui は、ネイティブ HTML/CSS の記述および構成形式に従って、独自のモジュール仕様を使用して記述されたフロントエンド UI フレームワークです。 /JS 、しきい値は非常に低く、箱から出してすぐに使用できます。外観はミニマルですが、内部は充実しています。サイズは軽く、コンポーネントが豊富です。コアコードから API に至るすべての詳細が注意深く作成されており、迅速なインターフェイス開発に非常に適しています。

レイウイを引用するにはどうすればよいですか?

layui をダウンロードした後、プロジェクトにすばやく導入するにはどうすればよいですか?layui は古典的なモジュラーフロントエンド UI であり、そのモジュールは、layui.js に内部的に実装された非同期モジュール読み込みメソッドに基づいています。日常生活と一致する. よく知られている AMD の仕様は異なります. モジュールローディング仕様のセットがあり、layui によって完全に定義されています. プリロードを通じて、これは lauiui 関係者が推奨する方法でもあります. ダウンロードしたソースコードをプロジェクトでは、layui.css とlayui.js の 2 つのファイルを導入するだけで済み、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()による混乱を避けるために、オンデマンド読み込みよりも優れています。Webサイト上で非常に厳しい要件を持つユーザーに遭遇しました。パフォーマンスを向上させ、オンデマンド読み込みを使用します。[ボタン必須の読み込み方法の使用は推奨されません]、変数のスコープやその他の関係が適切に処理されない場合、オンデマンド読み込みはエラーが発生しやすく、後のメンテナンスに不便です。特定のケースでは、layui.cache.xx グローバル変数を使用してオンデマンド読み込みを使用できます。比較的良い方法です。

ただし、同時に、layui.all.js を直接導入することはお勧めできません。そして、それをすべて一度にロードします（完全なロード方法は、layuiのモジュール化の意味を失うようです）; laryms製品の中では比較的一般的な、layuiのモジュールコンポーネントは事前にロードされます。

以上がレイウイを引用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。