Sollte ich für das mobile Web-WAP Bootstrap oder jQuery Mobile verwenden?

Lösung des Problems

Bootstrap ist ein CSS-Framework, das die folgenden Probleme löst:

Das Problem des geräteübergreifenden responsiven Webseiten-Layouts. Angesichts der zunehmenden Zahl an Mobiltelefonen, Tablets und Bildschirmen mit unterschiedlichen Auflösungen stellt sich die Frage, wie eine Reihe von Frontends problemlos an alle Geräte angepasst werden können.
Standardisierungsprobleme des Front-End-Layouts und -Stils für die Zusammenarbeit mehrerer Personen. Gängige Front-End-CSS-Komponenten wie Schaltflächen, Links, Formulare, Tabellen, Paging-Komponenten, Dropdown-Menüs, Navigationsleisten, Symbole usw. Gängige JS-Front-End-Komponenten (erfordert erweiterte JS-Unterstützung), wie Formularvalidierung, Tipps, Popups usw.

jQuery Mobile ist ein mobiles Frontend-Framework, das JS, HTML und CSS umfasst. Es bietet einen vollständigen Satz mobiler Frontend-Entwicklungskomponenten. Es kann mit einem Android-Entwicklungsframework verglichen werden. Es bietet so viele Funktionen mobiler Apps wie möglich. Die Probleme, die es löst, sind:

Komponenten, die häufig in mobilen Web-Apps verwendet werden, wie mobile Navigationsleisten, Registerkarten, untere Menüs, Listen, Formulare und andere Komponenten, unterscheiden sich stark von den von Bootstrap bereitgestellten Komponenten. jQuery Mobile bietet Komponenten, die mobilen Apps ähneln und nur für mobile Webseiten verwendet werden, während Bootstrap Komponenten für alle Geräte bereitstellt und mobile Geräte nicht speziell berücksichtigt, was sich von der Komponentenerfahrung mobiler Apps unterscheidet.
Asynchrones Laden von Daten für Übergangseffekte zwischen Webseiten

Funktion
Der Kern von Bootstrap ist hauptsächlich ein CSS-Style-Framework. Es implementiert responsives Layout basierend auf der Media Query-Funktion von CSS, das Front-End-Entwicklern dabei helfen kann, schnell zu layouten, zu entwickeln und bei der Entwicklung zusammenzuarbeiten. Es muss ein jQuery ähnliches JS-Framework verwenden, um die Ajax-Dateninteraktion zu implementieren.
Der Kern von jQuery Mobile ist ein vollständiges WebAPP-Framework. Zur Implementierung von Dom-Operationen wird ein leichtes jQuery hinzugefügt. Basierend auf jQuery bietet es eine Reihe von Widgets (Ansichtskomponenten), die mobilen Apps ähneln, bietet einen guten Satz von Seitenübergangseffekten und kann über Ajax mit Back-End-Daten interagieren.

Anwendbare Szenarien
Bootstrap wird normalerweise für Folgendes verwendet: Entwicklung eines responsiven Layouts der Website, sodass die Website problemlos auf verschiedenen Geräten durchsucht werden kann; und das Front-End-CSS-Framework des Backend-Verwaltungssystems der Website.
jQuery Mobile wird normalerweise für Folgendes verwendet: WebAPPs, die ein ähnliches Erlebnis wie mobile Apps erwarten. Das Projekt läuft nur auf Mobiltelefonen und wird nicht zur Anzeige auf Computergeräten verwendet (obwohl es angezeigt werden kann, ist der Effekt nicht gut).

Zusammenfassen
Wenn Sie ein geräteübergreifendes responsives Front-End erstellen, wählen Sie Boostrap; wenn Sie nur auf der mobilen Seite arbeiten und eine WebAPP erwarten, die einer APP ähnelt, verwenden Sie jQuery Mobile.
Wenn Sie eine Web-Anwendung auf Produktebene erstellen, sind Sie mit den aktuellen Funktionen von jQuery Mobile möglicherweise nicht zufrieden. In diesem Fall müssen Sie unweigerlich Ihr eigenes Framework für responsives Layout und eigene Web-Anwendungskomponenten entwickeln.

Vor Kurzem wollten wir unsere mobile Website überarbeiten und planen, Bootstrap für die mobile Entwicklung zu verwenden. Laut dem Feedback vieler Leute im Internet ist Bootstrap jedoch relativ groß. Es sollte gesagt werden, dass es verwendet wird, wenn PC und Mobilgerät integriert und adaptiv sind. Wenn Sie nur eine mobile Website erstellen, besteht keine Notwendigkeit, so ein aufgeblähtes Ding zu verwenden.