ホームページ >ウェブフロントエンド >CSSチュートリアル >6 つのモバイル UI フレームワークを推奨する
フロントエンド スタッフとして、モバイル開発に適したいくつかの比較的優れた UI フレームワークを要約することが非常に必要です。次のモバイル UI フレームワークは、基本的に職場での開発ニーズを満たし、選択することができます。プロジェクトのニーズに応じて適切なフレームワークを使用してプロジェクトを構築することで、開発効率を向上させることが容易になります。
1. MUI
ネイティブ APP エクスペリエンスに最も近い高性能フロントエンド フレームワーク パフォーマンス エクスペリエンスの追求が、 MUI プロジェクト、軽量化は重要な機能です。
MUI はサードパーティの JS ライブラリに依存しません。圧縮された JS および CSS ファイルはわずか 100 K と 60 K です。以前の多くのフロントエンド フレームワーク (特にレスポンシブ レイアウト フレームワーク) を考慮すると、UIコントロールの外観 Web ページに似すぎていてネイティブ感がないため、ネイティブ UI 感を追求することも重要な目標です。MUI は iOS プラットフォームの UI に基づいており、Android プラットフォーム固有の UI コントロールをいくつか補完しています
公式リンク: http://dev.dcloud.net.cn/mui/
2. Frozen UI
Tencent チームによって開発され、Mobile QQ 標準に従って設計された Web ページの使用に適しています。Mobile QQ 標準ではないページの場合、変数を変更することでインターフェイス テーマをカスタマイズできます。必要なコンポーネントをオンデマンドで選択したり、CDN とコンボを使用してオンデマンドでロードしたりできます。 iconfont を使用して、ボタン、リスト、フォーム、プロンプト、ポップアップ ウィンドウ、新しいテキスト、レイアウト、1px、レム、テキスト切り捨て、プレースホルダー、両端の空白、配置、その他のソリューションなどの一般的なコンポーネントを含むアイコンを表示します。時間 モバイル画面の適応の問題を解決しました。 CSS はモジュール形式の命名と編成仕様を使用し、sass を使用して CSS コードを記述します。
公式リンク: http://frozenui.github.io/
##3. Amaze UI
Amaze UI はモバイル ファーストの概念に基づいており、小さな画面から大きな画面へ徐々に拡大し、最終的にはモバイル インターネットのトレンドに適応するためにすべての画面への適応を実現します。 Amaze UI には、約 20 個の CSS コンポーネント、20 個を超える JS コンポーネント、およびさまざまなテーマを持つ複数の Web コンポーネントが含まれており、優れたインターフェイスと優れたエクスペリエンスを備えたクロススクリーン ページを迅速に構築でき、開発効率が大幅に向上します。外国のフレームワークと比較して、Amaze UI は中国語の組版に重点を置き、ユーザー エージェントに従ってフォントを調整して、より優れた中国語組版の効果を実現します。国内の主流ブラウザとアプリの内蔵ブラウザの互換性サポートを考慮しています。 Amaze UI は HTML5 用に開発されており、スムーズかつ効率的なアニメーション インタラクションに CSS3 を使用しており、モバイル デバイスにより適しており、Web アプリケーションの読み込みを高速化できます。 公式リンク:http://amazeui.org/
## 4. SUI モバイル# SUI Mobile は、Framework7 をベースに開発された UI ライブラリのセットです。非常に軽量で美しく、CDN ファイルを導入するだけで使用でき、iOS 6.0 および Android 4.0 と互換性があるため、クロスプラットフォームの Web アプリの開発に最適です。
公式リンク: http://m.suit.taabao.org/##5. Muse-UI
Vue 2.0 とマテリアル デザインの UI コンポーネント ライブラリに基づいた Muse UI には、さまざまなビジネス環境に適応する 40 を超える UI コンポーネントがあります。 Muse UI のテーマのカスタマイズ方法は非常に洗練されており、テーマ スタイルの置換を完了するには少量のコードのみが必要です。 Muse UI は Vue2.0 に基づいて開発されています。Vue2.0 は、現時点で最も高速なフロントエンド フレームワークの 1 つです。小型で API フレンドリーで、複雑なシングルページ アプリケーションの開発に使用できます。 公式リンク:
https://muse-ui.org/#/zh-CN
6. AUI2.0
AUI 2.0 は、1.X に基づいて再設計されたまったく新しい AUI フレームワークです。実際のプロジェクトを基に、開発者とプロジェクトの観点からAUIフレームワークを再定義します。 2.0 では、多数の柔軟な応答性の高いレイアウトが使用され、コンテナー レイアウト構造とコントロールのネストされた形式が使用されて、開発者がスタイルをすばやくレイアウトできるようになります。私たちは AUI ユーザーからのフィードバックを十分に吸収し、市場の他の優れた UI フレームワークから学び、バージョン 2.0 の開発を完了しました。 2.0 は Google マテリアル デザイン仕様に従い、MIT オープン ソース ライセンスを使用します。 公式リンク:
http://www.auicss.com/doc/v/2/doc_id/1
推奨チュートリアル: " CSS チュートリアル 》《
JS チュートリアル以上が6 つのモバイル UI フレームワークを推奨するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。