ホームページ >ウェブフロントエンド >ライユイのチュートリアル >レイウイを引用する方法
レイウイを引用する方法
- 藏色散人オリジナル
- 2021-01-19 09:17:558542ブラウズ
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(['jquery','layer'],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 サイトの他の関連記事を参照してください。