まず、layui とは何かについて話しましょう
(推奨チュートリアル: layui)
layui は、独自のモジュール仕様で記述されたフロントエンド UI フレームワークは、ネイティブ HTML/CSS/JS の記述および構成形式に準拠しており、敷居が非常に低く、そのまま使用できます。外観はミニマルですが、内部は充実しています。サイズは軽く、コンポーネントが豊富です。コア コードから API に至るすべての詳細が注意深く作成されており、迅速なインターフェイス開発に非常に適しています。 layui の最初のバージョンは 2016 年の秋にリリースされました。これは、MVVM の最下位層に基づいた UI フレームワークとは異なりますが、方向性に逆らわず、自然回帰を信じています。正確に言うと、サーバーサイドプログラマ向けに特化したもので、開発者はさまざまなフロントエンドツールの複雑な設定に関与する必要がなく、ブラウザ自体と向き合うだけで済むため、開発が非常に便利になります。
なぜレイウイを使用するのですか?
layui はどちらかというとバックエンド開発者向けなので、組織形態的には数年前からブラウザをホストとする AMD 的なモジュール管理方式を断固として採用していますが、これに限定されません。 CommonJS のもので、枠にとらわれずに考えて、独自のモードがあり、より軽量でシンプルです。 Layui は「古典的なモジュール性」として定義されており、「モジュール」の概念自体を意図的に強調するのではなく、現在の JS コミュニティの主流のソリューションを意図的に避け、効率を可能な限り単純な方法で解釈しようとします。このいわゆるクラシックな点は、自然回帰へのこだわりにあり、現在のブラウザで一般的に認識される方法でモジュールを構成しています。 lauiui は、この軽量の編成方法が WebPack を超えて多くのシナリオに対応できると信じています。したがって、ツールの複雑な構成を回避し、元の HTML/CSS/JavaScript 自体に戻ることを可能にする、古典的なモジュール方式の使用を主張しています。
互換性とシナリオ指向
layui は、人間が現在使用しているすべてのブラウザ (IE6/7 を除く) と互換性があり、PC 側のバックエンド システムやフロントエンドインターフェイス。
メイン モジュール
layui は、layer、layDate、layPage、laytpl、table、form などの豊富な組み込みモジュールを提供しており、それらはすべてモジュール形式でオンデマンドでロードできます。 、アップロード、要素、ツリー、レイエディター、レート、カルーセル、フロー、ユーティリティ、コードなど。
ディレクトリ構造
til─css //css ディレクトリ
│ │─modules //モジュール css ディレクトリ (通常、モジュールが比較的大きい場合は、次のように個別に抽出されます)以下の3つ)
│ │ §─laydate
│ │ §─layer
│ │ └─layim
│ └─layui.css //コアスタイルファイル
─ font //フォントアイコンディレクトリ
─images //画像リソースディレクトリ(現在はlayimとエディタで使用されるGIF表現のみ)
│─lay //モジュールコアディレクトリ
│ └─modules //各モジュールコンポーネント
│ ─layui.js //基本コア ライブラリ
─layui.all.js //layui.js とすべてのモジュールを含むマージ ファイル
以上がライウイとは何ですか?効果は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。