Rumah > Artikel > hujung hadapan web > Bincangkan beberapa ciri utama pembangunan mudah alih HTML5 (mesti dibaca)_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 pada bahagian mudah alih atau penyemak imbas baru muncul, siapakah yang boleh mencapai tahap HTML5 pada bahagian mudah alih? Sesiapa yang mempunyai sokongan yang lebih baik 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 beberapa ciri utama HTML5 yang sesuai untuk pembangunan aplikasi mudah alih:
1 Caching luar talian menyediakan asas untuk pembangunan HTML5 aplikasi mudah alih
API Storan Web HTML5 boleh Ia dianggap sebagai versi kuki yang dipertingkatkan Ia tidak dihadkan oleh saiz data dan mempunyai fleksibiliti dan struktur yang lebih baik Ia boleh menulis data ke ROM mesin tempatan, dan juga boleh memulihkan data apabila menutup pelayar dan membukanya semula untuk mengurangkan aliran 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 ia adalah diperlukan untuk memisahkan teks, gambar, audio, Untuk video, URL yang sepadan dihuraikan dan diproses 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 hanya melukis peta haba dan mengumpul data pengalaman pengguna
Sokong pergerakan imej, pengeditan umum seperti putaran dan penskalaan
Kanvas – fungsi lukisan 2D menyokong
Kanvas 3D – fungsi lukisan 3D menyokong
SVG – Sokongan grafik vektor
Pereka bentuk harus tahu bahawa pergerakan, putaran dan penskalaan imej ?Itu terlalu asas untuk dilukis sendiri. Mengenai cara menggunakannya, fikirkan!
5 elemen borang yang disesuaikan untuk platform mudah alih
Pelayar Elemen borang html5 dan papan kekunci sepadan yang muncul dalam: Papan kekunci tujuan jenis
Papan kekunci standard kandungan input biasa teksPapan kekunci angka nombor telefon
Kotak teks alamat e-mel dengan Papan kekunci @ dan .
url URL halaman web dengan papan kekunci .com dan .
Carian digunakan untuk enjin carian, seperti kotak carian yang dipaparkan di bahagian atas tapak Papan kekunci standard
julat Pemilih berangka dalam julat nilai tertentu, Kaedah paparan biasa ialah peluncur, peluncur atau meja putar
Hanya penyataan ringkas diperlukan untuk melengkapkan panggilan gaya papan kekunci yang berbeza, yang ringkas dan mudah.
Pereka bentuk harus tahu bahawa apabila menggunakannya, ingat untuk memberitahu rakan R&D!
6 Sokongan kaedah 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 sokongan animasi untuk pergerakan dan ubah bentuk
Pereka bentuk harus tahu bahawa kaedah interaksi yang disediakan oleh HTML5 adalah sangat kaya. Tidak perlu menggunakannya, itu perniagaan anda sendiri!
7 Kelebihan menggunakan HTML5
Menurunkan kos pembangunan dan penyelenggaraan;
Menjadikan halaman lebih kecil, Mengurangkan perbelanjaan yang tidak perlu untuk. pengguna; lebih-lebih lagi, prestasi yang lebih baik menghasilkan penggunaan kuasa yang lebih rendah; Mudah untuk menaik taraf, anda boleh menggunakan versi terkini selepas membukanya, menghapuskan masalah memuat turun semula pakej naik taraf, dan ia dikemas kini secara langsung semasa penggunaan cache.
Pereka bentuk perlu tahu perkara yang pengguna mahu dan apa yang HTML5 boleh berikan kepada pengguna.
8. CSS3 ialah alat bantu untuk pereka visual
CSS3 menyokong pembenaman fon, reka letak susun atur dan fungsi animasi yang paling mengagumkan.
Pemilih – pemilih yang lebih fleksibel
Fon web – fon terbenam
Susun atur – pilihan tipografi yang pelbagai
Bayang kecerunan jejari bersandar – bucu bulat, kecerunan, bayang
Latar belakang sempadan – sokongan latar belakang untuk sempadan
Menggunakan CSS untuk menyelesaikan beberapa kerja visual, ia dimuatkan dengan cepat, menyimpan kod dan imej serta menjimatkan lebar jalur untuk pengguna.
Pereka bentuk harus tahu bahawa menggunakan berpuluh-puluh imej bahan dalam satu antara muka sudah terlalu luar biasa, jadi cepat biarkan CSS3 membantu anda menjadi malas.
9. Komunikasi masa nyata
Pada masa lalu, disebabkan protokol HTTP dan reka bentuk penyemak imbas, interaktiviti masa nyata adalah agak terhad kesan komunikasi masa nyata Tetapi HTML5 menyediakan sokongan komunikasi masa nyata yang lengkap.
Pereka bentuk perlu tahu bahawa HTML5 boleh membantu anda membenamkan kandungan komunikasi dan maklumat masa nyata dalam aplikasi untuk peringatan masa nyata.
10. Sokongan fail dan perkakasan
Adakah anda perasan bahawa dalam program web baharu seperti Gmail, anda sudah boleh menyeret dan melepaskan fail sebagai lampiran e-mel Ini ialah HTML5 Drag'n Drop and File API dalam fungsi arkib.
Pereka harus tahu bahawa permintaan untuk penghantaran data dalam aplikasi mudah alih semakin meningkat, dan kaedah pemilihan laluan tradisional terlalu rumit. Datang dan cuba fungsi muat naik HTML5
11 🎜>
Rangkaian semantik membolehkan komputer memahami kandungan halaman web dengan lebih baik, yang boleh sangat membantu untuk pengoptimuman enjin carian (SEO) atau sistem pengesyoran. Pereka bentuk harus tahu bahawa HTML5 boleh membuat carian dengan lebih pantas dan tepat.
12. Kaedah pembangunan aplikasi bersepadu dwi-platform meningkatkan kecekapan kerja
Mengikut situasi semasa iPhone/Android yang semakin meningkat bahagian pasaran, jika anda ingin membangunkan telefon pintar canggih pada masa hadapan, To menulis aplikasi di Internet, anda sama ada memilih untuk menggunakan Objective-C CocoaTouch Framework untuk menulis aplikasi iPhone/iPad, atau anda memilih Java Android Framework untuk menulis aplikasi Android Jika anda ingin menyokong kedua-dua platform pada masa yang sama, anda mesti mengekalkan dua set kod Hanya Untuk perkhidmatan permulaan kecil, kos penyelenggaraan adalah kecil dan berpatutan. Gunakan HTML5 dan CSS3 untuk menulis aplikasi berasaskan Web Jika anda ingin menyokong kedua-dua iPhone dan Android, anda hampir hanya perlu mengekalkan satu kod (sebahagian kecil perlu diubah suai mengikut pelanggan), dan jika terdapat yang lain. peranti mudah alih pada masa hadapan Dengan penyemak imbas yang menyokong HTML5, WebApp yang sama secara langsung mempunyai platform sokongan tambahan.
Siri perkhidmatan Google menggunakan banyak spesifikasi cache, storan dan pangkalan data dalam HTML5 untuk mencapai kesan program akses luar talian. Oleh kerana sambungan rangkaian peranti mudah alih adalah lebih tidak stabil daripada aplikasi desktop, dan kadangkala tiada rangkaian tersedia apabila bergerak, teknologi ini boleh membenarkan pengguna untuk terus menggunakan aplikasi web anda walaupun dalam persekitaran bukan rangkaian . Ini menunjukkan bahawa sasaran perkhidmatan utama HTML5 masih untuk aplikasi web, dan tidak akan menimbulkan ancaman kepada semua pembangunan aplikasi Ini akan membantu jenis aplikasi yang berbeza menggunakan kaedah pembangunan yang berbeza dan mempunyai fleksibiliti yang lebih besar.