iUI, JQTouch, WPTouch , PhoneGap , mobile Felder: Touch-Version von YUI3.2 von Yahoo, jQueryMobile von jQuery, ExtJS mit Integration von JQTouch und dem von der Raphaël-Bibliothek gestarteten Sencha Touch-Framework. . .
Die Umbenennung von ExtJs in Sencha hat mich wirklich schockiert. Schließlich ist es für ein so schweres Framework nicht einfach, sich plötzlich in Richtung Mobile Touch zu entwickeln Helfen Sie uns, aber staunen Sie über die bevorstehenden großen Veränderungen.
OK, hier möchte ich Ihnen nicht den Nutzungs- und Leistungsvergleich verschiedener Web-Mobilanwendungs-Frameworks vorstellen. Da ich einfach von ExtJs beeinflusst war und wissen wollte, wie weit ich gekommen war, und besser Front-End-Erfahrung sammeln wollte, begann ich mir vorzustellen, was ein gutes Web-Framework für mobile Anwendungen sein sollte, und begann zu versuchen, es zu implementieren. Das Rad neu zu erfinden bedeutet nur, sich selbst dazu zu zwingen, dieses Gebiet tiefer zu verstehen, und nicht arrogant genug zu sein, irgendetwas in Frage zu stellen. Nach Analyse und Vergleich lautet die Zusammenfassung wie folgt:
1. Leicht
Dies sollte der wichtigste Punkt im mobilen Anwendungsrahmen sein. Nationale Bedingungen sind nationale Bedingungen. Für die meisten Benutzer ist es schwierig, Ihre 100-KByte-CSS- und JS-Dateien innerhalb von 3 Sekunden herunterzuladen. Daher muss unser mobiles Anwendungsframework so leicht wie möglich sein und alle Benennungs- und Funktionsimplementierungsmethoden müssen so präzise und stark komprimiert wie möglich sein. Werfen Sie diese PC-Webanwendungs-Spezialeffekte und -Komponenten weg und fügen Sie nicht 7,80 KB jQuery.js nur für einen Menüeffekt zu Ihrer Seite hinzu.
2. Kompatibilität mit gängigen mobilen Browsern
Bei so vielen mobilen Plattformen und Browsern ist es schwierig, dass sich Ihre mobile Anwendung auf allen Browsern konsistent verhält. Manchmal müssen Sie unterschiedliche Stildateien für verschiedene Browser laden oder unterschiedliche Funktionen ausführen. Daher muss unser Framework über eine Methode verfügen, die verschiedene gängige Browser identifizieren kann. Um genau zu sein, muss Ihr Framework in der Lage sein, zwischen iPhone, iPad, Android, Windows Phone usw. zu unterscheiden. OK, um genauer auf das Land einzugehen, QQ Mobile Browser und UCWeb. Als letztes ist zu beachten, dass wir hier nicht versuchen, die AU-Methode zur Beurteilung zu verwenden, da der avigator.userAgent jedes Browsers sehr unzuverlässig ist. Hier können Sie sich auf die Idee von mooltools beziehen, um Browser zu beurteilen und anzuwenden zu unserem mobilen Bereich.
3. Leistungsstarker Selektor
Man kann sagen, dass der Selektor die Seele des Frameworks ist. Erweiterte CSS3-Pseudoklassen werden in zukünftigen mobilen Webanwendungen häufig verwendet. Daher muss unser Framework in der Lage sein, so viele HTML5-Tags und CSS3-Pseudoklassen wie möglich zu durchlaufen und zu finden wie möglich, auch wenn sie wie E:first-of-type sind, ist eine Struktur, die von Jquery-Selektoren nicht unterstützt wird.
4. Seitenanimationseffekt
Im Gegensatz zu Desktop-Webanwendungen sind mobile Anwendungen viel beeindruckender in Bezug auf Seitenwechseleffekte, wie z. B. Schiebewechsel, Masken-Popup, Ein- und Ausblendung, Begrüßungsbildschirm, Vergrößern, Verkleinern von Effekten auf dem iPhone usw. Schauen Sie sich die CSS-Definitionen von Einblend- und Zoom-Animationen an