12 ciri utama html5 sesuai untuk pembangunan aplikasi mudah alih_html5 kemahiran tutorial

Kemunculan pembangunan mudah alih html5 telah mengalihkan persaingan pada platform mudah alih daripada platform sistem kepada penyemak imbas: IE, Chrome, FireFox, Safari di bahagian mudah alih atau penyemak imbas baru muncul, yang boleh mencapai pemahaman yang lebih baik tentang HTML5 di bahagian mudah alih Siapa yang menyokong? ia akan dapat menduduki lebih banyak pasaran dalam bidang aplikasi mudah alih masa hadapan.

Kaedah penggunaan dan pemasangan apl yang lebih fleksibel dan mudah akan menjadi salah satu jaminan untuk HT]L5 menyerlah pada platform mudah alih.

Berikut ialah ciri utama HTML5 yang sesuai untuk pembangunan aplikasi mudah alih:

1 Caching luar talian menyediakan asas untuk pembangunan aplikasi mudah alih HTML5
HTML5 Web API Storan boleh dianggap sebagai versi kuki yang dipertingkatkan Ia tidak terhad oleh saiz data dan mempunyai fleksibiliti dan seni bina yang lebih baik Ia boleh menulis data ke ROM tempatan dan memulihkan data apabila penyemak imbas ditutup dan dibuka semula . untuk mengurangkan trafik rangkaian.
Pada masa yang sama, fungsi ini boleh dianggap sebagai "rekod operasi" latar belakang ke arah lain tanpa menduduki sebarang sumber latar belakang, mengurangkan tekanan pada perkakasan peranti dan meningkatkan kelancaran operasi.
Apl dalam talian menyokong memuat turun cache luar talian semasa menggunakannya, atau tidak memuat turun cache luar talian manakala apl luar talian mesti memuat turun cache luar talian sebelum ia boleh digunakan.
Secara kiasan, kuki menyimpan nombor telefon dan menu Jika anda ingin makan sesuatu, anda perlu memesan makanan untuk dibawa pulang bergantung pada keadaan trafik di luar talian peti ais, dan anda boleh makan jika anda mahu Anda boleh memakannya dengan segera (tentu, jika anda ingin makan makanan terkini, anda juga boleh menghubungi untuk membuat tempahan).
Pereka bentuk perlu tahu bila untuk membenarkan pengguna memuat turun cache luar talian (perhatikan perbezaan antara apl dalam talian dan luar talian).


2 Audio dan video dibenamkan secara bebas, dan bentuk multimedia lebih fleksibel
Kaedah pembangunan asli agak menyusahkan pemprosesan kandungan multimedia di mana teks dan audio dan video bercampur dan perlu diasingkan Teks, gambar, audio dan video menghuraikan URL yang sepadan dan memprosesnya dengan cara yang berbeza.
HTML5 tidak terhad sama sekali dalam hal ini dan boleh disatukan sepenuhnya untuk diproses.
Pereka bentuk harus tahu bahawa ia akan menjadi perkara yang menarik jika teks dan multimedia boleh dicampur dalam penyampaian maklumat berita, Weibo dan aplikasi sosial tanpa perlu membenamkan paparan web secara khusus Sekurang-kurangnya kini ia boleh dilaksanakan dengan cara asli Masih mengalami kesukaran untuk bangun.


3. Geolokasi, kongsi lokasi pada bila-bila masa dan di mana-mana sahaja
Berikan permainan sepenuhnya kepada kelebihan peranti mudah alih dalam penentududukan dan mempromosikan pembangunan aplikasi LBS.
GPS, wifi, telefon bimbit dan kaedah lain boleh digunakan secara menyeluruh untuk menjadikan kedudukan lebih tepat dan fleksibel.
Penempatan lokasi geografi menjadikan penentududukan dan navigasi tidak lagi eksklusif untuk perisian navigasi, dan peta tidak perlu memuat turun pakej peta yang sangat besar Ia boleh diselesaikan melalui caching, menjadikannya lebih fleksibel untuk dimuat turun di mana-mana sahaja anda mahu.
Pereka bentuk harus tahu bahawa semakin banyak aplikasi yang membenamkan fungsi LBS Ini juga merupakan salah satu kelebihan terbesar peranti mudah alih berbanding dengan PC desktop yang boleh mengembangkan lagi kelebihan ini . Gunakannya dalam aplikasi anda!


4 Lukisan kanvas, tingkatkan keupayaan lukisan platform mudah alih
Gunakan API Kanvas untuk melukis peta haba dan mengumpul data pengalaman pengguna dengan mudah.
Menyokong penyuntingan umum seperti memindahkan, berputar, menskalakan, dsb. imej
Kanvas – menyokong fungsi lukisan 2D
Kanvas 3D – menyokong fungsi lukisan 3D
SVG – menyokong grafik vektor
Pereka hendaklah tahu bahawa gambar Bergerak, berputar, dan berskala? Itu hanya satu kes kecil untuk dilukis sendiri, fikirkan tentangnya!


5 untuk platform mudah alih
Elemen borang html5 dan papan kekunci sepadan yang muncul dalam penyemak imbas:
Papan kekunci tujuan jenis
Papan kekunci standard kandungan input biasa teks
Papan kekunci angka nombor telefon
Alamat e-mel Kotak teks dengan @ dan url papan kekunci
URL halaman web Papan kekunci dengan .com dan
Carian digunakan untuk enjin carian, seperti kotak carian yang dipaparkan di bahagian atas papan kekunci Standard <.>julat Julat nilai khusus Kaedah paparan tipikal pemilih nilai dalam papan kekunci ialah peluncur, peluncur atau meja putar
Hanya pernyataan ringkas diperlukan untuk melengkapkan panggilan gaya papan kekunci yang berbeza, yang ringkas dan mudah.
Pereka harus tahu, ingat untuk memberitahu rakan R&D apabila menggunakannya!


6 Sokongan interaksi yang kaya

Tingkatkan keupayaan interaksi: seret dan lepas, buat asal operasi Sejarah. , pemilihan teks, dsb. Peralihan - kesan pergerakan komponen
Transformasi - kesan ubah bentuk komponen
Animasi - menambah pergerakan dan ubah bentuk kepada sokongan animasi
Pereka bentuk harus tahu bahawa kaedah interaksi yang disediakan oleh HTML5 sangat kaya, sama ada anda menggunakannya atau tidak, itu adalah perniagaan anda sendiri!


7 Kelebihan menggunakan HTML5

Pembangunan dan penyelenggaraan yang lebih rendah. Kos; Menjadikan halaman lebih kecil, mengurangkan perbelanjaan yang tidak perlu untuk pengguna Selain itu, prestasi yang lebih baik mengurangkan penggunaan kuasa
Mudah untuk menaik taraf, anda boleh menggunakan versi terkini selepas membukanya, menghapuskan keperluan untuk memuat turun semula; naik taraf Masalah dengan pakej ialah cache luar talian dikemas kini terus semasa digunakan.
Pereka bentuk perlu tahu perkara yang pengguna mahu dan apa yang HTML5 boleh berikan kepada pengguna.


8.Alat bantu pereka visual CSS3

CSS3 unterstützt das Einbetten von Schriftarten, das Layout-Layout und die beeindruckendste Animationsfunktion.
Selektor – ein flexiblerer Selektor
Webfonts – eingebettete Schriftarten
Layout – verschiedene Typografieoptionen
Stiller Radius-Verlaufsschatten – abgerundete Ecken, Verläufe, Schatten
Randhintergrund – Rand Der Hintergrund unterstützt
Verwendung von CSS3 zur Erledigung einiger visueller Arbeiten. Es lädt schnell, spart Code und Bilder und spart außerdem Bandbreite für Benutzer.
Designer sollten wissen, dass die Verwendung von Dutzenden von Materialbildern in einer Benutzeroberfläche bereits zu ungewöhnlich ist. Lassen Sie sich also schnell von CSS3 helfen, faul zu sein.

9. Echtzeitkommunikation

Aufgrund des Designs des HTTP-Protokolls und des Browsers war die Echtzeit-Interaktivität früherer Websites recht begrenzt, und einige Techniken könnten dies tun kann nur zur „Simulation“ des Echtzeit-Kommunikationseffekts verwendet werden, HTML5 bietet jedoch vollständige Echtzeit-Kommunikationsunterstützung.
Designer müssen wissen, dass HTML5 Ihnen dabei helfen kann, Echtzeit-Kommunikations- und Informationsinhalte in Anwendungen für Echtzeit-Erinnerungen einzubetten.

10. Datei- und Hardwareunterstützung

Ich weiß nicht, ob Ihnen aufgefallen ist, dass Sie in neuen Webprogrammen wie Gmail bereits Dateien per Drag & Drop verschieben können E-Mail-Anhänge? Das machen die Drag'n Drop- und File-APIs für HTML5-Dateien.
Designer sollten wissen, dass die Nachfrage nach Datenübertragung in mobilen Anwendungen steigt und die herkömmliche Pfadauswahlmethode zu umständlich ist. Probieren Sie die Drag-and-Drop-Upload-Funktion von HTML5 aus! . Semantisierung

Semantische Netzwerke ermöglichen es Computern, den Inhalt von Webseiten besser zu verstehen, was für die Suchmaschinenoptimierung (SEO) oder Empfehlungssysteme von großem Nutzen sein kann.
Designer sollten wissen, dass HTML5 die Suche schneller und genauer machen kann.

12. Integrierte App-Entwicklungsmethode mit zwei Plattformen zur Verbesserung der Arbeitseffizienz

Entsprechend der aktuellen Situation wächst der Marktanteil von iPhone/Android schnell, wenn Sie möchten Wenn Sie Anwendungen auf fortgeschrittenen Smartphones schreiben möchten, entscheiden Sie sich entweder für das Objective-C CocoaTouch Framework zum Schreiben von iPhone/iPad-Anwendungen oder Sie entscheiden sich für das Java Android Framework zum Schreiben von Android-Anwendungen. Wenn Sie beide Plattformen unterstützen möchten, müssen Sie beides verwalten Programmcodes stellen einen geringen und erschwinglichen Wartungsaufwand für einen kleinen Dienst dar, der gerade erst anfängt.
Verwenden Sie HTML5 und CSS3, um webbasierte Anwendungen zu schreiben. Wenn Sie sowohl iPhone als auch Android unterstützen möchten, müssen Sie fast nur einen Code pflegen (ein kleiner Teil muss je nach Client geändert werden), und wenn Wenn andere mobile Geräte über Browser verfügen, die HTML5 unterstützen, verfügt dieselbe WebApp direkt über eine zusätzliche Unterstützungsplattform.

Die Dienstreihe von Google nutzt viele Cache-, Speicher- und Datenbankspezifikationen in HTML5, um den Effekt eines Offline-Zugriffs auf Programme zu erzielen. Da die Netzwerkverbindung mobiler Geräte instabiler ist als bei Desktop-Anwendungen und beim Umzug manchmal kein Netzwerk verfügbar ist, können diese Technologien es Benutzern ermöglichen, Ihre Webanwendung auch in einer Umgebung ohne Netzwerk weiterhin zu verwenden. Dies zeigt, dass das Hauptdienstziel von HTML5 immer noch Webanwendungen ist und keine Bedrohung für die gesamte App-Entwicklung darstellt. Dies wird dazu beitragen, dass verschiedene Arten von Anwendungen unterschiedliche Entwicklungsmethoden verwenden und eine größere Flexibilität haben.